Lovable Prompt Creator - AI Prompt Generator

> ### ## APPLICATION OVERVIEW
This project is a minimalist landing page designed to provide a clean and simple user experience. The main purpose is to effectively communicate the brand's message and offerings through a visually appealing layout, ensuring that visitors can easily navigate and understand the key features.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear headline, subheadline, and a call-to-action button that encourages immediate engagement.
2. **Features Overview**: A section highlighting 3-4 key features of the service or product, each accompanied by a brief description and icon for visual appeal.
3. **Testimonials**: A section showcasing user testimonials to build trust and credibility, featuring quotes and user names.
4. **Call to Action (CTA)**: A prominent CTA section at the bottom of the page that encourages users to sign up, learn more, or contact for further information.
5. **Contact Form**: A simple contact form allowing users to reach out for inquiries, featuring fields for name, email, and message.

## 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, ensuring a smooth flow from the hero section to the contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can be added if needed for any interactive components.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for the project.
3. Import the Inter font from Google Fonts in the project’s index file.
4. Create a main component structure with sections for the hero, features, testimonials, CTA, and contact form.
5. Style each section according to the design specifications using Tailwind CSS classes.
6. Implement the contact form with basic validation and styling, ensuring it is user-friendly.
7. Test the responsiveness of the landing page across different devices to ensure a seamless user experience.

## USER EXPERIENCE
The landing page will provide an intuitive experience where users are greeted by a striking hero section that captures attention. As they scroll, they will encounter well-organized features that clearly outline the benefits of the service. The testimonials will instill confidence, while the CTA will guide them towards taking the next step. The contact form will be simple and straightforward, encouraging inquiries without overwhelming the user.

This minimalist landing page will effectively engage visitors and drive conversions through its clean design and user-centric approach.