Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase a service or product, focusing on a clean and simple aesthetic with ample white space. The main purpose is to convert visitors into leads or customers through clear calls to action and well-organized information.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a prominent headline, subheadline, and a call-to-action (CTA) button that encourages users to take action.
2. **Features Overview**: A section that highlights the main features or benefits of the service/product, using concise descriptions and appealing visuals.
3. **Testimonials**: A section for customer testimonials that builds trust and credibility, featuring real user feedback.
4. **Contact Form**: A simple contact form for inquiries, allowing visitors to easily get in touch or request more information.
5. **Footer**: Includes essential links, social media icons, and copyright information.

## 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 easy navigation and readability on all devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page, but can be included if dynamic content is required.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create components**: Develop the necessary components for the hero section, features overview, testimonials, contact form, and footer.
4. **Style the components**: Use Tailwind CSS classes to implement the minimalist design and layout as per the specifications.
5. **Add interactivity**: Ensure the CTA buttons and contact form function correctly, using React's state management if needed.
6. **Test responsiveness**: Verify that the landing page looks good on various screen sizes and devices.

## USER EXPERIENCE
Users will encounter a clean and engaging interface that clearly communicates the service or product's value. The hero section will draw attention with a strong headline and a clear CTA. As users scroll down, they will find easily digestible information about the features and testimonials, leading them to the contact form where they can reach out for more information or assistance. The overall experience prioritizes simplicity and clarity, making navigation intuitive and straightforward.