Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist web application designed to mimic a "Fake Roblox" experience. It serves as an engaging landing page that showcases an interactive experience with the Roblox theme, highlighting features and enticing users to explore more.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy tagline and call-to-action button to engage users immediately.
2. **Features Showcase**: A detailed section that outlines the unique features of the app, emphasizing interactive elements and user engagement.
3. **User Testimonials**: A section dedicated to user reviews and experiences to build trust and credibility.
4. **Call to Action (CTA)**: A strong call-to-action area prompting users to sign up or explore the app further.
5. **Contact Information**: An easily accessible section where users can 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 main layout structure will consist of a full-width hero section at the top, followed by horizontally aligned feature cards, a testimonial slider, a prominent CTA, and a footer for 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. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and components.
3. **Create Layout Components**: Develop the main components for the hero section, features showcase, testimonials, CTA, and contact.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design principles, ensuring white space and typography are prioritized.
5. **Implement Responsiveness**: Ensure the layout is fully responsive across devices using Tailwind's responsive utilities.
6. **Test and Deploy**: Conduct user testing to gather feedback, make necessary adjustments, and deploy the landing page.

## USER EXPERIENCE
Users will be welcomed by a visually striking hero section that immediately captures attention. They can easily navigate through the features, which are presented in a clear and engaging manner. Testimonials will reinforce the app's credibility, while a prominent CTA will guide users to take action, whether it's signing up or exploring further. The overall experience will focus on simplicity, ease of navigation, and visual appeal, ensuring users leave with a positive impression.