Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a minimalist landing page that clones the existing website while rewriting the homepage content to maintain its original meaning. The legal pages will also be cloned without any changes to the content. The emphasis will be on a clean design with a focus on typography and user-friendly navigation.

## CORE FEATURES
1. **Hero Section**: A prominent introduction showcasing the brand with an engaging headline and rewritten content, along with a clear call-to-action (CTA) button.
2. **Features Section**: Highlights key offerings or services with concise descriptions and icons to enhance visual appeal.
3. **Testimonials**: A section for user reviews to build trust and credibility, featuring customer quotes and their names.
4. **Contact Form**: A simple and accessible form for users to reach out, including fields for name, email, and message.
5. **Legal Pages**: Cloned legal pages such as Terms of Service and Privacy Policy, ensuring all content remains unchanged.

## 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 be structured into sections: a hero section at the top, followed by features, testimonials, and a contact form, ensuring a logical flow that guides users through the content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in state management for simplicity.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Develop the main structure of the landing page, ensuring responsiveness using Tailwind CSS utilities.
3. **Implement the Hero Section**: Add the hero section with the rewritten content and a CTA button styled with the primary color.
4. **Build the Features Section**: Include key features with icons and descriptions, using cards styled with the specified border radius.
5. **Add Testimonials**: Create a testimonial section with styled quotes and customer names, ensuring alignment with the minimalist design.
6. **Develop the Contact Form**: Implement a simple contact form with necessary fields, ensuring validation and user-friendly submission.
7. **Clone Legal Pages**: Create separate components for the legal pages, ensuring the content is mirrored from the existing site without modifications.
8. **Testing and Optimization**: Test the landing page across different devices and browsers, optimizing load times and responsiveness.

## USER EXPERIENCE
Users will be greeted with a clear and engaging hero section that succinctly conveys the brand's message. They can easily navigate through the features and testimonials, building interest and trust. The contact form allows for straightforward communication, ensuring that users feel connected. The minimalist design enhances usability, making it easy for users to focus on the content without distractions.