Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to promote a fake Roblox gift. Its main purpose is to attract potential users with an engaging presentation, highlighting the features of the gift, and encoura
ging visitors to take action through a clear call to action (CTA).

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction that features a catchy tagline, an appealing image of the fake Roblox gift, and a prominent CTA button.
2. **Features Overview**: A section showcasing the main benefits of the fake Roblox gift with concise descriptions and simple icons to enhance understanding.
3. **Testimonials**: A section displaying user testimonials or feedback to build trust and credibility around the product.
4. **Contact Form**: A simple form allowing users to get in touch for more information or inquiries, with essential fields like name, email, and message.
5. **FAQ Section**: A section addressing common questions to alleviate concerns and provide clarity about the fake gift.
6. **Footer**: A clean footer containing links to social media, privacy policy, and terms of 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**: The layout will be a single-column format with a prominent hero section at the top, followed by features, testimonials, the contact form, and the FAQ section, ending with the footer.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a React project using Create React App and install necessary dependencies (TypeScript, Tailwind CSS, shadcn/ui).
2. **Create the Folder Structure**: Organize components, styles, and assets for easy navigation.
3. **Build the Hero Section**: Create a component for the hero section with a background image or color, title, subtitle, and CTA button.
4. **Develop the Features Overview**: Create a component for the features section that maps through an array of feature data to display icons and text.
5. **Add the Testimonials Section**: Implement a testimonials component that displays user feedback in a visually appealing format.
6. **Implement the Contact Form**: Create a form component with controlled inputs for name, email, and message, styled with Tailwind CSS.
7. **Build the FAQ Section**: Create a simple FAQ component that lists common questions and answers.
8. **Design the Footer**: Implement a footer component with links and social media icons.
9. **Styling**: Apply Tailwind CSS classes throughout to ensure a cohesive minimalist design.
10. **Testing and Optimization**: Test the landing page across devices for responsiveness and make adjustments as necessary.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity. Visitors will be greeted with an attractive hero section that quickly conveys the product's value. As they scroll, they will encounter organized sections that provide additional information without overwhelming them. The contact form will facilitate easy communication, and the overall design will ensure a smooth experience, guiding users toward the CTA effortlessly. The minimalist aesthetic will enhance readability and user engagement throughout their visit.