Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page that effectively showcases a brand or service, focusing on user engagement and conversion. The design will emphasize clarity and simplicity, providing users with essential information and a clear call to action.

## CORE FEATURES
1. **Hero Section**: An eye-catching opening area that presents the main message and a prominent call to action (CTA) button.
2. **Features Overview**: A section highlighting the key features or benefits of the service or product, using brief descriptions and icons.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, featuring quotes and user images.
4. **Contact Form**: A simple form for users to get in touch or subscribe for updates, ensuring seamless communication.
5. **Responsive Design**: The landing page will be fully responsive, providing a consistent experience across devices and screen sizes.

## 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 be a single-column format, ensuring a straightforward flow from the hero section down to features, testimonials, and the contact form.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Build a `Hero` component for the landing page's introduction.
   - Create a `Features` component to list the main features.
   - Develop a `Testimonials` component to display user feedback.
   - Implement a `ContactForm` component for user inquiries.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design specifications, ensuring to apply the primary color and typography as defined.
5. **Responsive Design**: Use Tailwind CSS utilities to ensure the layout adjusts seamlessly across various screen sizes.
6. **Testing**: Test the landing page across different browsers and devices to ensure compatibility and responsiveness.

## USER EXPERIENCE
The landing page will guide users through a smooth experience, starting from a compelling hero section that captures attention. As users scroll down, they will encounter clearly defined sections that provide valuable information about the service, backed by social proof through testimonials. The contact form will be easily accessible, encouraging user engagement and facilitating inquiries. Overall, the design will prioritize user satisfaction with an intuitive flow and minimal distractions.