Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to simulate a Roblox-themed site promoting fictional products like Korblox and Headless. The focus is on visual appeal and conversion, offering users a streamlined experience to learn about these products and engage with the site.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a brief tagline and a call-to-action button to draw users in.
2. **Product Features**: Highlight the key features of Korblox and Headless with engaging visuals and concise descriptions.
3. **Testimonials**: Showcase user feedback to build trust and credibility about the products offered.
4. **Call to Action (CTA)**: A prominent section encouraging users to take action, such as signing up for updates or exploring the products.
5. **Contact Form**: A simple form for users to reach out for more information 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**: A single-column layout with sections stacked vertically, including a hero section at the top, followed by features, testimonials, CTA, and the contact form.

## 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 a new React project with TypeScript.
2. Install Tailwind CSS and configure it for use in the project.
3. Create a clean and simple layout with a single-column structure.
4. Implement the hero section with a catchy tagline and a prominent CTA button styled with the primary color.
5. Develop the product features section, using cards to display key attributes of Korblox and Headless.
6. Add a testimonials section with user quotes and ratings to enhance credibility.
7. Create a CTA section with a clear message and a button that stands out.
8. Build a contact form that is simple and easy to interact with.
9. Ensure responsive design principles are applied for optimal viewing on various devices.

## USER EXPERIENCE
Users will first encounter the hero section, which captures attention and provides a clear action point. As they scroll down, they will see the product features, which should entice them with engaging visuals and descriptions. Testimonials will offer social proof, encouraging users to trust the site. The CTA will guide them towards taking action, and the contact form will facilitate easy communication for inquiries or further information. Overall, the experience will be smooth, intuitive, and visually appealing, leading to higher conversion rates.