Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project aims to create a fake Robux website panel that serves as a landing page to attract users with a minimalist design. The primary purpose is to present information about the service in a clean, engaging manner, focusing on conversion through effective calls to action while maintaining a simple, easy-to-navigate interface.

## CORE FEATURES
1. **Hero Section**: A captivating hero area with a call-to-action button that encourages users to explore the panel or sign up.
2. **Features Overview**: Highlight key functionalities of the fake Robux panel, such as "Easy Access to Stats" and "User-Friendly Interface".
3. **Testimonials**: Include a section for user testimonials to build credibility and trust among potential users.
4. **Call to Action (CTA)**: Prominent buttons throughout the page to encourage users to sign up or learn more.
5. **Contact Section**: A simple form for users to submit inquiries or feedback.

## 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 be a single-column format with a top navigation bar, followed by sections for the hero, features, testimonials, CTA, and contact, ensuring a smooth flow from top to bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically needed for a landing page, but consider using React's Context API for managing any global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui as dependencies for styling and UI components.
3. **Create Layout Structure**: Develop the main components including Header, Hero, Features, Testimonials, CTA, and Contact.
4. **Implement Styling**: Use Tailwind CSS to apply styles according to the design specifications, ensuring to utilize the primary color and typography settings.
5. **Add Functionality**: Implement any necessary functionality for the CTA and contact form, ensuring to handle form submissions appropriately.
6. **Test Responsiveness**: Ensure the design is responsive across devices by testing on various screen sizes and making adjustments as needed.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately captures their attention. The hero section will feature an inviting call-to-action button leading them to explore more. As they scroll, they will encounter sections that succinctly describe the features and benefits of the fake Robux panel, reinforced by user testimonials to enhance credibility. The user journey will culminate in clear calls to action, making it easy for them to engage further or submit inquiries through the contact form. The overall experience will prioritize simplicity and ease of navigation, ensuring users can find information quickly and intuitively.