Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for a fake robux website designed to attract users and present them with information about the service. The primary goal is to create a visually appealing and straightforward site that encourages users to engage with the content while promoting a sense of trust and curiosity.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a catchy tagline and a call-to-action (CTA) button that invites users to learn more or sign up.
2. **Features Overview**: Highlight the key benefits of the service, such as easy access to robux, user-friendly interface, and secure transactions.
3. **Testimonials**: Display quotes from satisfied users to build credibility and trust in the service.
4. **Contact Form**: A section for users to get in touch with any inquiries, featuring fields for name, email, and message.
5. **FAQs**: A list of frequently asked questions to address common concerns and provide additional information about the service.

## 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-page layout with a clear vertical flow, starting from the hero section, followed by features, testimonials, FAQs, and contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a simple landing page but can be added if dynamic content is needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Build the main layout using Tailwind CSS for responsive design, ensuring a clean structure that guides users through the content.
3. **Develop Hero Section**: Implement the hero section with a catchy tagline, background image or color, and a prominent CTA button styled with the primary color.
4. **Build Features Section**: Create a grid or card layout to display key features, ensuring they are visually distinct and engaging.
5. **Add Testimonials**: Design a testimonial section with quotes and user avatars, using cards to maintain the minimalist style.
6. **Implement FAQs**: Create an accordion-style FAQ section for easy navigation through common questions.
7. **Contact Form**: Develop a simple contact form with validation, styled to match the overall aesthetic.
8. **Test Responsiveness**: Ensure the landing page looks great on all devices by testing responsiveness and making adjustments as needed.

## USER EXPERIENCE
The landing page should provide a seamless experience, with intuitive navigation and clear paths for user interaction. Users will be greeted with an engaging hero section, easily accessible features that highlight the service's benefits, and a section for testimonials that builds trust. The contact form will be straightforward, allowing for easy inquiries. Overall, the design will prioritize clarity and simplicity, encouraging users to explore the page and engage with the content.