Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote "Fake Robux and Fake Gifting", aimed at capturing user interest and encouraging sign-ups or inquiries. The minimalist design will prioritize clarity and simplicity, ensuring users can easily navigate and understand the offerings.

## CORE FEATURES
1. **Hero Section**: A prominent section at the top of the page featuring an engaging headline, a brief description of the offerings, and a clear Call-to-Action (CTA) button prompting users to start using the service.
   
2. **Features Overview**: A section highlighting the key features of the service, such as the benefits of using fake Robux and gifting options, presented with simple icons and concise descriptions.

3. **Testimonials**: A section displaying user testimonials or reviews to build trust and credibility, showcasing positive experiences from previous users.

4. **FAQ Section**: A concise FAQ area addressing common questions and concerns potential users may have, providing clarity on the service and its offerings.

5. **Contact Form**: A straightforward contact form for users to reach out for more information or support, ensuring easy communication.

6. **Footer**: A footer containing links to social media, privacy policy, and terms of service, reinforcing credibility and providing easy navigation.

## 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, ensuring a clean flow from the hero section down to the contact form, enhancing readability and user engagement.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project using Create React App with TypeScript. Install Tailwind CSS and configure it for styling.
   
2. **Create Components**: Develop reusable components for the hero section, feature cards, testimonials, FAQ section, and contact form.

3. **Apply Styles**: Use Tailwind CSS to apply the specified design styles, ensuring proper spacing, typography, and color usage throughout the components.

4. **Implement Navigation**: Add smooth scroll navigation for internal links (e.g., scrolling to sections like Features and FAQ).

5. **Add Content**: Populate the sections with relevant content, including catchy headlines, descriptions, and user testimonials to enhance credibility.

6. **Test Responsiveness**: Ensure the landing page is fully responsive across devices by testing on various screen sizes and adjusting styles as necessary.

## USER EXPERIENCE
Users will encounter a visually appealing, easy-to-navigate landing page. The hero section will immediately draw attention, with straightforward navigation leading them through the features and benefits of the service. The FAQ section will provide needed clarity, while the testimonials will help build trust. Finally, the contact form will facilitate easy communication for further inquiries, enhancing overall user engagement and satisfaction.