Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Fake Rubox" is a minimalist landing page designed to showcase a fictional product or service. Its primary purpose is to engage visitors with a clean and simple design, highlighting key features and encouraging conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with an engaging headline and subheadline that captures the essence of the Fake Rubox, accompanied by a strong call-to-action button.
2. **Features Overview**: A section that outlines the main features of the product, using concise descriptions and accompanying icons or illustrations to enhance understanding.
3. **Testimonials**: A section dedicated to user feedback and testimonials that builds trust and validates the product's value.
4. **Call to Action (CTA)**: Clear and compelling CTAs throughout the page to guide users toward taking action, such as signing up or learning more.
5. **Contact Form**: A simplified contact form that allows users to inquire for more information, ensuring easy communication with potential customers.

## 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 a top navigation bar, seamlessly transitioning sections for the hero, features, testimonials, and contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Build a responsive single-column layout using Tailwind CSS, ensuring it adapts well to different screen sizes.
3. **Develop Hero Section**: Implement the hero section with a background image or color, headline, subheadline, and CTA button styled with the primary color.
4. **Implement Features Section**: Create a grid or card layout for the features overview, utilizing the Inter font for text and ensuring adequate spacing.
5. **Add Testimonials Section**: Design a carousel or grid for testimonials, ensuring it complements the overall minimalist aesthetic.
6. **Create Contact Form**: Build a simple contact form that includes fields for user input and a submit button, styled with the specified border radius.
7. **Finalize Styling**: Review and refine the styling across the entire page to maintain consistency and adherence to the design specifications.

## USER EXPERIENCE
Users will first encounter a visually striking hero section that grabs their attention, followed by concise information about the product's features. The testimonials will provide social proof, reinforcing trust and encouraging visitors to take action. The contact form at the bottom allows for easy communication, ensuring a smooth user journey from interest to inquiry. The entire experience will be designed to be intuitive and straightforward, minimizing distractions and focusing on the key messages.