Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote "Robux lovable Google," a platform aimed at users interested in Roblox currency and resources. The primary purpose is to create a clean and engaging marketing site that highlights the features and benefits of the platform while encouraging user engagement through calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring a headline, subheadline, and a prominent call-to-action button encouraging users to learn more or sign up.
2. **Features Showcase**: A section outlining the key benefits and features of the platform, presented in a visually appealing format with icons and brief descriptions.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, showcasing positive experiences from existing users.
4. **FAQ Section**: An interactive FAQ area that addresses common questions and concerns, improving user understanding and engagement.
5. **Contact Form**: A simple contact form allowing users to reach out for more information or support, enhancing user interaction.

## 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 distinct sections for the hero, features, testimonials, FAQ, and contact form, ensuring a smooth flow and easy navigation.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component design.
3. **Create Components**: Develop reusable components for the hero section, features, testimonials, FAQ, and contact form.
4. **Implement Layout**: Structure the landing page using a single-column layout, ensuring proper spacing and alignment.
5. **Add Styles**: Apply Tailwind CSS classes to achieve the minimalist design, incorporating the specified primary color, typography, and border radius.
6. **Test Responsiveness**: Ensure the landing page is fully responsive across various devices, adjusting styles as necessary.

## USER EXPERIENCE
The landing page should provide a seamless experience for users. Upon arrival, they will be greeted by a visually appealing hero section that draws their attention. As users scroll down, they will encounter clear sections detailing the platform's features, supported by testimonials that lend credibility. The FAQ section will offer quick answers to common queries, while the contact form will facilitate easy communication for those seeking more information. The overall goal is to create an engaging and informative experience that encourages users to interact and explore further.