Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase a brand with a clean and simple aesthetic. The main purpose is to present essential information about the brand while prominently featuring the logo in the header, creating a strong visual identity and facilitating user engagement.

## CORE FEATURES
1. **Hero Section**: A welcoming and visually impactful area at the top of the page featuring the brand logo, a tagline, and a call-to-action button that encourages users to explore further.
2. **Features Section**: A concise presentation of the brand's key offerings, using icons and brief descriptions to highlight each feature clearly and attractively.
3. **Testimonials**: A section dedicated to user feedback, showcasing quotes from satisfied customers to build trust and credibility.
4. **Contact Form**: A simple and straightforward contact form allowing users to reach out for more information or inquiries.
5. **Footer**: Includes links to social media, privacy policy, and terms of service, maintaining the minimalist design while providing necessary 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 layout will be structured in a single-column format, ensuring a fluid and responsive design, with the header centrally displaying the logo, followed by the hero section, features, testimonials, contact form, and footer.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the main layout**: Structure the application components for header, hero, features, testimonials, contact form, and footer.
4. **Style components**: Use Tailwind CSS for styling, ensuring adherence to the specified design specifications, including primary color, typography, and border radius.
5. **Implement the hero section**: Center the logo in the header and add a catchy tagline and call-to-action button.
6. **Create the features section**: Design this section with icons and brief descriptions for each feature.
7. **Add testimonials**: Create a simple layout for user quotes, ensuring it aligns with the minimalist aesthetic.
8. **Build the contact form**: Implement a basic contact form that captures user inquiries and integrates with an email service if necessary.
9. **Finalize the footer**: Include links to social media and relevant policies, maintaining the minimalist design.
10. **Test for responsiveness**: Ensure the layout adjusts well on various devices, focusing on user experience.

## USER EXPERIENCE
Users will encounter a seamless and intuitive experience as they navigate the landing page. The central logo in the header establishes brand identity immediately. The hero section draws users in, and the clean layout allows for easy comprehension of the features and benefits. The testimonials build trust, while the contact form simplifies interaction, encouraging users to reach out without confusion. Overall, the minimalist design ensures that users can focus on the content without distractions, leading to higher engagement and conversion rates.