Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to present a clean and simple introduction to a brand or service. The main purpose is to provide essential information and encourage user engagement through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introductory section with a brief tagline and a prominent call-to-action button.
2. **Features Overview**: A section highlighting key features or benefits of the service, presented in a concise manner.
3. **Testimonials**: A section dedicated to customer reviews or feedback to build trust and credibility.
4. **Contact Form**: A simple form for users to reach out or subscribe to updates.
5. **Footer**: Contains links to social media and additional resources.

## 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 will feature a vertical stacking of sections, beginning with the hero section, followed by features, testimonials, and ending with the contact form and footer.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Build the basic layout structure with components for the hero, features, testimonials, and contact sections.
3. **Style Components**: Use Tailwind CSS classes to apply the minimalist design, including the primary color and typography.
4. **Add Functionality**: Implement the contact form functionality using controlled components.
5. **Optimize for Responsiveness**: Ensure all sections are responsive and maintain the minimalist aesthetic on various screen sizes.
6. **Test and Deploy**: Test the landing page for usability and performance before deploying to a hosting platform.

## USER EXPERIENCE
Users will be greeted with a clear hero section that captures their attention immediately. They can easily scroll down to learn about the key features offered, read testimonials for social proof, and fill out the contact form with minimal distractions. The overall experience will be streamlined, focusing on simplicity and clarity, ensuring that users can navigate the landing page effortlessly.