Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a free Roblox sender website that offers users the promise of receiving 5 million RBX. The primary focus is on attracting users through a clean and engaging interface that conveys trust and simplicity, ultimately driving conversions.

## CORE FEATURES
1. **Hero Section**: An eye-catching introductory area that presents the main value proposition, featuring a prominent call-to-action (CTA) button encouraging users to get started.
2. **How It Works**: A simple explanation of the process users need to follow to receive their RBX, broken down into easy-to-understand steps.
3. **User Testimonials**: A section showcasing positive feedback from users who have benefitted from the service, building credibility.
4. **FAQs**: A list of frequently asked questions to address common concerns and provide additional information about the service.
5. **Contact Form**: A straightforward form for users to reach out with questions or concerns, enhancing user engagement.

## 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 layout will be a single-column format with sections stacked vertically, allowing for an easy flow of information from the hero section to the footer.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop the Hero, How It Works, Testimonials, FAQs, and Contact Form components.
   - Ensure all components are responsive and maintain the minimalist aesthetic.
4. **Implement Routing**: Set up routing if necessary for any additional informational pages or sections.
5. **Add Styling**: Use Tailwind CSS to apply styles as per the design specifications, ensuring consistency with the primary color and typography.
6. **Optimize for Performance**: Check all images and assets for optimization to ensure fast loading times.
7. **Test Across Devices**: Conduct thorough testing on various devices to ensure a seamless user experience.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately communicates the service's promise. They will be guided through understanding how the service works, reinforced by testimonials that enhance credibility. Users can easily navigate to the FAQ section for quick answers and use the contact form to engage further, ensuring a smooth and interactive experience throughout the site.