Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page dedicated to Roblox's Robux, providing users with essential information about acquiring Robux, its benefits, and how to make the most out of their Roblox experience. The page will focus on conversion through clear call-to-action elements and an easy-to-navigate layout.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a brief overview of Robux, featuring a prominent call-to-action button for users to learn more or get started.
2. **Features Overview**: A section highlighting the key benefits of Robux, such as purchasing in-game items and enhancing gameplay.
3. **Testimonials**: User reviews or quotes about their positive experiences with Robux, adding social proof to encourage new users.
4. **Call to Action**: A dedicated section prompting users to take action, such as signing up for more information or exploring purchasing options.
5. **Contact Information**: A simple way for users to reach out for more information or support, ensuring accessibility and 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**: A single-page layout with a vertical scrolling structure, featuring distinct sections for the hero, features, testimonials, call to action, and contact information.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Basic Structure**: Develop the single-page layout with sections for the hero, features, testimonials, call to action, and contact.
3. **Implement Hero Section**: Design the hero with a striking background, headline, subheading, and a call-to-action button styled with the primary color.
4. **Build Features Section**: Create a grid or list layout to highlight the key benefits of Robux, ensuring clarity and visual appeal.
5. **Add Testimonials**: Incorporate a slider or card layout for testimonials to provide dynamic social proof.
6. **Design Call to Action**: Clearly outline the next steps for visitors, using engaging language and a contrasting button.
7. **Setup Contact Section**: Include a simple form or contact information with clear instructions for users to reach out.
8. **Responsive Design**: Ensure all sections are mobile-friendly and adjust layouts as necessary for different screen sizes.

## USER EXPERIENCE
Key user interactions will focus on a seamless flow from the hero section to the various features and testimonials, guiding users naturally towards the call to action. Navigation should be intuitive, with clear visual cues and responsive design ensuring a pleasant experience across devices. The minimalist design will enhance readability and engagement, making it easy for users to find the information they need about Robux.