Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is designed as a landing page for a service focused on "fake Robux gifting." Its main purpose is to market the service effectively, providing users with an engaging experience while showcasing the benefits of the offering. The landing page will serve as a conversion tool to attract users interested in Robux gifts.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy headline and a clear call-to-action (CTA) button encouraging users to get started with the gifting service.
2. **Features Overview**: Highlight key features of the service, such as ease of use, instant delivery, and satisfaction guarantee, presented with engaging visuals and concise text.
3. **Testimonials**: A section dedicated to user testimonials to build trust and credibility, presenting quotes from satisfied users with their usernames (with permission).
4. **CTA Section**: A prominent call-to-action that encourages users to sign up or learn more about the gifting process, strategically placed throughout the page.
5. **Contact Information**: A contact section where users can reach out for more information or customer support, including a simple form or listed contact methods.
6. **FAQ Section**: A frequently asked questions section to address common inquiries and concerns related to fake Robux gifting.

## 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 will be a single-column format with sections stacked vertically, ensuring easy navigation and readability. Each section will be clearly defined with ample spacing to maintain a clean aesthetic.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Component Structure**: Develop separate components for each section (Hero, Features, Testimonials, CTA, Contact, FAQ) to keep the code organized.
3. **Design the Hero Section**: Implement the hero component with a large headline, subheadline, and a CTA button styled with the primary color.
4. **Develop Features Section**: Create a grid layout to display each feature with icons or images, utilizing Tailwind CSS for responsive design.
5. **Integrate Testimonials**: Build a carousel or simple list for testimonials that can be dynamically populated with user feedback.
6. **Implement the CTA Section**: Design a visually distinct CTA area that stands out from the rest of the page, encouraging users to take action.
7. **Add Contact Information**: Develop a contact form component for users to submit inquiries, styled appropriately for ease of use.
8. **Create FAQ Section**: Design a collapsible FAQ section to improve user experience and readability.
9. **Styling and Responsiveness**: Ensure all components are styled according to the design specifications and are responsive across various devices.
10. **Testing and Deployment**: Test the landing page for functionality and responsiveness before deploying to a web hosting platform.

## USER EXPERIENCE
Users will land on a clean and engaging page that immediately communicates the service's value. They will navigate through sections intuitively, with clear CTAs guiding them to take action. The use of testimonials and FAQs will enhance trust and provide clarity, ensuring users feel informed and confident about the service. The minimalist design will allow for a smooth browsing experience, with a focus on the content that matters most.