Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a landing page for a fake Robux generator that mimics the style and branding of Roblox. The primary goal is to attract users with a clean and minimal design, showcasing the supposed benefits of using the service while ensuring a straightforward user experience.

## CORE FEATURES
1. **Hero Section**: A visually engaging hero area that captures attention with a concise headline, a brief description, and a prominent call-to-action button to guide users toward the next step.
2. **Features Highlight**: A section detailing the key benefits of using the service, presented in a clear, easy-to-read format with icons or illustrations for visual appeal.
3. **Testimonials**: A section for user testimonials to build trust and credibility, featuring brief quotes from satisfied users.
4. **Call to Action (CTA)**: Multiple strategically placed CTA buttons encouraging users to sign up or learn more about the service.
5. **Contact Information**: A simple form allowing users to reach out for more information or support, ensuring easy communication.

## 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 top navigation bar, followed by the hero section, features highlight, testimonials, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout Structure**: Build a responsive layout that includes a navigation bar, sections for the hero, features, testimonials, and contact.
3. **Hero Section Development**: Implement the hero section with a catchy headline, brief description, and a CTA button styled with the primary color and border radius.
4. **Features Section**: Develop the features highlight section, using icons or images alongside text to describe each feature clearly.
5. **Testimonials Section**: Add a testimonial section that can dynamically display quotes from users, styled to fit the minimalist aesthetic.
6. **Contact Form**: Create a simple contact form with fields for user name, email, and message, styled consistently with the overall design.
7. **Responsive Design**: Ensure that all elements are easily viewable on different devices through media queries and responsive design principles.
8. **Testing and Deployment**: Test the landing page for functionality and responsiveness, then deploy using a service like Vercel or Netlify.

## USER EXPERIENCE
The user journey begins with a captivating hero section that draws attention. As they scroll down, they will encounter the features that highlight the benefits of the service, followed by testimonials to build trust. Finally, users will be encouraged to reach out via the contact form or click on the CTA buttons scattered throughout the page, guiding them toward engagement. The minimalist design ensures that users can easily navigate and absorb the content without distractions.