Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to present a fake Robux send website. Its main purpose is to attract users with a clean and minimalist design, providing an engaging experience while highlighting the site's features and encouraging users to take action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong headline and subheadline that explains the purpose of the website, along with a prominent call-to-action (CTA) button.
2. **Features Overview**: A section that outlines key features of the service, detailing how users can "send" Robux and the benefits of using the site.
3. **Testimonials**: A section displaying user testimonials or fictitious reviews to build trust and credibility.
4. **Call to Action**: A clear and compelling CTA prompting users to engage further, either by signing up or using the service.
5. **Contact Information**: A footer section containing contact details for support or inquiries, enhancing user trust.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: A single-page layout with sections stacked vertically, featuring a responsive grid for feature display and testimonials.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for a landing page, but could use context API for managing modal states if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript. Install Tailwind CSS and set up the configuration.
2. **Create Components**: Develop components for the Hero section, Features overview, Testimonials, CTA, and Footer.
3. **Integrate Styling**: Utilize Tailwind CSS classes to style components according to the design specifications.
4. **Responsive Design**: Ensure all sections are responsive and adapt well on mobile devices using Tailwind’s responsive utilities.
5. **Test Functionality**: Review the landing page for usability, ensuring all CTAs work correctly and the layout is visually appealing.
6. **Deploy**: Use a platform like Vercel or Netlify to deploy the landing page for public access.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately communicates the site's purpose. They can easily navigate through sections, read about features, and see testimonials that build confidence. The prominent CTAs encourage users to engage further, while the minimalist design ensures a smooth and distraction-free experience. A footer provides additional contact options, fostering trust and transparency.