Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is designed as a landing page for a "Fake Robux Send Site." The primary goal is to attract users by showcasing the service's features and benefits while encouraging them to engage through a clear call-to-action. The minimalist design approach ensures a focus on content and user experience, making it easy for users to navigate and understand the offering.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a catchy headline and a brief description of the service, along with a call-to-action button leading to more information or a signup.
2. **Features Overview**: A section highlighting the key features of the service, such as speed, ease of use, and reliability, presented in a visually appealing format.
3. **Testimonials**: A section displaying user reviews and testimonials to build trust and credibility, featuring user photos and quotes.
4. **FAQ Section**: A concise FAQ area addressing common user questions, helping to alleviate concerns and provide clarity.
5. **Contact Information**: A simple contact form for users to reach out with inquiries or support requests.

## 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-column layout with sections stacked vertically, ensuring easy scrolling and a clear flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for a landing page, but can use React Context for any global states if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Build the necessary components for the Hero, Features, Testimonials, FAQ, and Contact sections.
4. **Style Components**: Use Tailwind CSS classes to apply the minimalist design, ensuring proper spacing, typography, and color usage throughout.
5. **Implement Navigation**: Add smooth scrolling for internal navigation links, allowing users to easily jump between sections.
6. **Test Responsiveness**: Ensure the landing page is fully responsive on various devices, adjusting layouts and text sizes as necessary.
7. **Deploy**: Host the landing page on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will first encounter the Hero section, designed to capture attention and convey the site's purpose immediately. As they scroll down, they will see the Features section, which clearly outlines the advantages of the service. Testimonials will lend credibility, followed by an FAQ section that addresses potential concerns. Finally, the Contact section will provide an easy way for users to reach out, enhancing overall engagement and trust. The clean, minimalist design ensures that users are not overwhelmed, maintaining focus on the content and call-to-action buttons.