Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to effectively showcase a product or service. The main purpose is to capture visitor interest and drive conversions through clear presentation of features and a strong call to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section with a prominent headline, subheadline, and a call-to-action (CTA) button that encourages users to engage with the service.
2. **Features Overview**: A section that highlights the key features of the product with brief descriptions and accompanying icons or images to enhance visual appeal.
3. **Testimonials**: A dedicated area for user testimonials or reviews that builds trust and credibility for the offering.
4. **Contact Form**: A simple contact form allowing users to get in touch for more information or inquiries, enhancing communication with potential customers.
5. **Footer**: A footer that includes links to social media, privacy policy, and other important 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**: The landing page will be structured in clear sections: a hero section at the top, followed by features, testimonials, and a contact form. Each section will have adequate spacing to maintain a clean and uncluttered appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this static landing page, but can be implemented if dynamic features are needed in the future.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components for the hero section, features, testimonials, contact form, and footer.
3. **Apply Styling**: Use Tailwind CSS to apply the minimalist design principles, ensuring adequate spacing and typography.
4. **Integrate Google Fonts**: Import Inter font from Google Fonts and apply it throughout the application.
5. **Implement Layout**: Structure the components in the main App component with appropriate positioning and responsiveness.
6. **Test Responsiveness**: Ensure the landing page looks good on various devices by testing and adjusting styles as needed.

## USER EXPERIENCE
The user experience will focus on simplicity and ease of navigation. Visitors will immediately see the hero section upon landing, which includes a clear CTA. As they scroll down, they will encounter well-structured sections showcasing features and testimonials, leading to the contact form. The minimalist design will minimize distractions, allowing users to focus on the content and conversion points.