Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote a service offering "Fake Robux" for Roblox users. The primary purpose is to attract visitors, inform them about the service, and encourage conversions through clear calls to action. This minimalist site will provide essential information while maintaining a clean and appealing design.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that captures attention, featuring a headline, subheadline, and a prominent call-to-action button encouraging users to learn more or get started.
2. **Features Overview**: A concise section highlighting key benefits of the service, utilizing icons and brief descriptions to engage users.
3. **Testimonials**: A section showcasing user feedback or success stories to build trust and credibility around the service.
4. **Call to Action**: A dedicated section with a strong, repeat call-to-action prompting users to take the next step, such as signing up or purchasing.
5. **Contact Information**: Easily accessible contact details or a form for users to inquire more about the 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 follow a single-column structure with distinct sections for the hero, features, testimonials, call to action, and contact information, ensuring clear visual hierarchy 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. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and component usage.
3. **Configure Tailwind CSS**: Set up the Tailwind configuration file to include the necessary design specifications (colors, fonts).
4. **Create Components**: Build reusable components for the hero section, feature cards, testimonials, and call to action.
5. **Implement Layout**: Structure the landing page layout using Flexbox or Grid to ensure responsiveness and alignment.
6. **Add Content**: Populate each section with relevant text, images, and links according to the defined features and specifications.
7. **Testing**: Test the landing page across different devices and browsers to ensure a seamless user experience.

## USER EXPERIENCE
Users will land on the page and immediately see a captivating hero section that encourages them to explore further. As they scroll, they will encounter clear, concise information about the service's features, supported by testimonials that build trust. The call to action will be visually distinct, guiding users to take the desired action, such as signing up or purchasing. The overall experience will be smooth, with a focus on clarity and simplicity, ensuring that users can easily navigate and understand the offering.