Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page designed to present a fake Robux generator site in a visually appealing and convincing manner. The primary purpose is to attract visitors through a clean, minimalist design while providing essential information that mimics legitimate services.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page featuring an engaging headline, brief description, and a call-to-action button to encourage visitors to get started.
2. **Features Overview**: A section highlighting the key benefits of using the service, presented in a clear and concise manner with icons or illustrations.
3. **Testimonials**: A curated selection of fake testimonials to build trust and credibility, showcasing user experiences and satisfaction.
4. **Call to Action**: A repeated call-to-action button throughout the page to guide users toward the desired action, such as "Get Your Robux Now".
5. **Contact Form**: A simple contact form allowing users to reach out for more information or support, enhancing user engagement.

## 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 main layout will follow a vertical flow, with sections stacked one after the other. The hero section will be at the top, followed by features, testimonials, and the contact form, all utilizing ample white space to maintain a clean aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not explicitly required for a landing page, but can be incorporated as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**: Develop reusable components for the hero, features, testimonials, and contact form sections.
4. **Design the Layout**: Use Tailwind CSS to implement the minimalist design, focusing on spacing, typography, and color.
5. **Add Interactivity**: Implement the call-to-action button functionality, linking it to a designated action or form submission.
6. **Testing**: Ensure the layout is responsive and performs well on various devices.

## USER EXPERIENCE
Users will land on the page and immediately see the engaging hero section, prompting them to learn more. As they scroll down, they will encounter the features that highlight the benefits of the service, followed by testimonials that enhance credibility. The consistent call-to-action buttons throughout the page will guide users to take action easily. The contact form will provide an opportunity for users to engage further, ensuring a smooth and interactive experience.