Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to effectively communicate a brand's message while encouraging user engagement. The focus is on a clean, simple design that utilizes ample white space and a minimal color palette to create a visually appealing experience. The landing page aims to showcase key features, provide a clear call to action, and facilitate user contact.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong headline, subheadline, and a prominent call-to-action button that invites users to learn more or sign up.
2. **Features Overview**: A concise section highlighting 3-4 core features of the service or product, using icons and brief descriptions to convey value.
3. **Testimonials**: A section displaying user testimonials or reviews to build credibility and trust with potential customers.
4. **Contact Form**: An easy-to-use contact form for inquiries, ensuring users can reach out for more information or support.
5. **Footer**: A clean footer with essential links, social media icons, and company information, reinforcing the brand's presence.

## 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 consists of a full-width hero section at the top, followed by a three-column features section, a testimonials carousel, a contact form, and a footer. Each section should be clearly defined and separated by ample spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for a static landing page, but props can be used for dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS.
2. **Create Component Structure**: Build the main components – Hero, Features, Testimonials, Contact Form, and Footer.
3. **Implement Styling**: Apply Tailwind CSS classes to each component, ensuring adherence to the design specifications.
4. **Add Content**: Populate the components with relevant text, images, and icons that align with the brand messaging.
5. **Test Responsiveness**: Ensure each section is responsive and visually appealing on various screen sizes.
6. **Deploy**: Deploy the landing page using a platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
Users will be greeted with a visually striking hero section that immediately communicates the brand's value proposition. The features overview will succinctly describe what the product offers, followed by authentic testimonials that enhance trust. The contact form will be easily accessible, allowing users to engage with the brand effortlessly. The overall experience will be seamless, with clear navigation cues and responsive design that maintains usability across devices.