Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to mimic a fake Robux sending interface, aimed at capturing user interest and providing an engaging experience. The main purpose is to effectively showcase the concept of a Robux sender through a minimalist design, emphasizing clarity and user engagement.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that clearly presents the purpose of the fake Robux sender, featuring a catchy headline and a brief description.
2. **How It Works**: A simple explanation of the process for using the fake Robux sender, broken down into easy-to-understand steps.
3. **Benefits**: Highlight the advantages of using the fake Robux sender, such as user engagement, entertainment value, or educational purposes.
4. **Testimonials**: A section to display fictional user testimonials, adding credibility and enhancing the user experience.
5. **Call to Action (CTA)**: A strong CTA button encouraging users to explore further or engage with the concept, ensuring a focus on conversion.
6. **Contact Information**: A section for users to reach out with questions or feedback, promoting user interaction.

## 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**: The main layout structure includes a full-width hero section, followed by vertically stacked sections for how it works, benefits, testimonials, and a final call to action. Each section is clearly defined with ample white space for a clean presentation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with Create React App and TypeScript template.
2. **Install dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI elements.
3. **Create component structure**: Develop the main components for the hero section, how it works, benefits, testimonials, and CTA.
4. **Implement styling**: Use Tailwind CSS utility classes to apply the minimalist design specifications, ensuring to include the primary color and typography.
5. **Add content**: Populate each section with placeholder text and images that fit the minimalist aesthetic.
6. **Test responsiveness**: Ensure the layout and components are responsive and visually appealing on various screen sizes.

## USER EXPERIENCE
Key user interactions include scrolling through the sections to learn about the fake Robux sender, engaging with the CTA, and exploring the fictional testimonials. The design focuses on a seamless experience, with intuitive navigation and visually distinct sections that guide the user’s journey through the landing page.