Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a service that provides prompts for headless and Korblox gifts in Roblox. The main purpose of this landing page is to engage users with compelling content that highlights the benefits of using the service, encouraging them to sign up or learn more.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a brief overview of the service, a strong call-to-action (CTA) button to encourage sign-ups.
2. **Features Overview**: A section detailing the key benefits of using the prompts, showcasing how they enhance the Roblox experience.
3. **Testimonials**: User feedback and reviews that build trust and credibility for the service.
4. **Contact Information**: A simple contact form enabling users to reach out with inquiries or support requests.
5. **FAQ Section**: A collection of frequently asked questions to address common concerns and provide clarity.

## 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 follow a vertical stacking approach with the hero section at the top, followed by features, testimonials, and the contact section, ensuring a smooth scrolling experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for a landing page but could utilize React Context for managing form state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Install Dependencies**: Add necessary packages including shadcn/ui for UI components.
3. **Create Components**: Develop functional components for each section (Hero, Features, Testimonials, FAQ, Contact).
4. **Implement Styling**: Use Tailwind CSS classes to achieve the minimalist design specified, ensuring responsive behavior.
5. **Build the Hero Section**: Create an engaging hero with a strong headline, subheading, and CTA button styled with the primary color.
6. **Develop Features Section**: Outline key features with icons and short descriptions.
7. **Add Testimonials**: Gather and display user testimonials in a visually appealing format.
8. **Create Contact Form**: Implement a simple form that captures user inquiries.
9. **Test Responsiveness**: Ensure the design is responsive across various devices and screen sizes.
10. **Deploy Application**: Deploy the landing page using a suitable hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that clearly states the service's purpose. Scrolling down, they will encounter a structured layout that highlights features and user testimonials, reinforcing the service's value. The contact form will be easily accessible, encouraging user engagement. The entire experience will be smooth and intuitive, focusing on guiding users towards the CTA to sign up or get more information.