Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is focused on creating a landing page for a service that simulates sending fake robux, similar to "robux plus." The primary aim is to provide users with an engaging and informative interface where they can learn about the service, its features, and how to utilize it effectively.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that showcases the brand and service, including a clear call to action (CTA) inviting users to get started.
2. **Features Overview**: A section detailing the main features of the service, such as "Instant Fake Robux Delivery," "User-Friendly Interface," and "Secure Transactions."
3. **Testimonials**: A section to display user reviews and feedback, enhancing credibility and trust.
4. **FAQ Section**: Address common questions and concerns to assist users in understanding the service better.
5. **Contact Form**: A simple form for users to reach out for inquiries or support.
6. **Call to Action**: A prominent button encouraging users to engage with the service, such as "Get Started Now."

## 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 structured into clear sections: Hero, Features, Testimonials, FAQ, and Contact, enabling easy navigation and readability.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Main Layout**: Develop a responsive layout structure that includes a header, main content sections (Hero, Features, Testimonials, FAQ, Contact), and a footer.
3. **Hero Section Development**: Construct the Hero section with a welcoming message and CTA buttons styled with the primary color.
4. **Features Section**: Implement a grid or card layout to highlight the core features of the service.
5. **Testimonials Section**: Create a visually appealing section for testimonials, utilizing cards or a slider component for dynamic content.
6. **FAQ Section**: Implement an accordion-style FAQ section for efficient information display.
7. **Contact Form**: Build a simple contact form with input fields styled according to the design specifications.
8. **Final Touches**: Ensure all sections are responsive and visually appealing, with adequate spacing and alignment.

## USER EXPERIENCE
Users will be greeted by a clear and engaging Hero section that invites them to explore the service. As they scroll down, they will encounter the features that explain what the service offers, followed by testimonials that build trust. The FAQ section will provide answers to common queries, and users will have easy access to a contact form for further inquiries. The overall experience will be smooth, with a focus on simplicity and clarity, ensuring users can quickly understand and navigate the service.