Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a Roblox-like experience, emphasizing a playful and somewhat exaggerated aesthetic to convey a sense of fun and whimsy. The main purpose is to attract users to engage with the platform, showcasing its features in a visually appealing and minimalist style.

## CORE FEATURES
1. **Hero Section**: A bold introduction with an eye-catching tagline and a call-to-action button that invites users to explore the platform.
2. **Features Showcase**: A section highlighting key features of the Roblox-like experience, including customizable avatars, game creation tools, and community interaction.
3. **Testimonials**: A carousel or grid displaying user testimonials that emphasize the fun and creativity of the platform.
4. **Call to Action (CTA)**: Prominent buttons encouraging users to sign up or learn more about the platform.
5. **Contact Information**: A simple contact form allowing users to reach out for support or inquiries.

## 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 vertical flow, with the hero section at the top, followed by features, testimonials, and a final CTA, ensuring a clear and straightforward user journey.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can be implemented if user interactions necessitate dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop the Hero component with a prominent heading, subheading, and CTA button.
   - Create a Features component to list out key features with brief descriptions.
   - Implement a Testimonials component that can either use a carousel or a grid layout.
   - Design a simple Contact form component.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design, ensuring the color scheme and typography match the specifications.
5. **Implement Routing**: If necessary, set up React Router for any internal navigation (e.g., linking to a detailed features page in the future).
6. **Test Responsiveness**: Ensure the layout is responsive and looks good on various screen sizes.

## USER EXPERIENCE
The key user interactions will involve navigating through the landing page seamlessly. Users will first encounter the hero section, where they can click the CTA to learn more. Scrolling down will provide them with engaging features and testimonials, maintaining a smooth flow that encourages exploration. The contact form will be straightforward, allowing easy communication for any inquiries. Overall, the design will focus on simplicity and clarity, making it easy for users to navigate and understand the platform’s offering.