Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a captivating landing page for a landing page company. The purpose is to draw in potential clients with a striking hero section, a user-friendly form for inquiries, and compelling calls-to-action to boost conversions. The design will focus on minimalism, ensuring a clean and engaging user experience.

## CORE FEATURES
1. **Hero Section**: A large, visually appealing hero image that captivates users upon arrival, accompanied by a clear and concise headline.
2. **Lead Capture Form**: A centrally positioned form for users to submit their information, designed for easy interaction and quick submission.
3. **Call-to-Action (CTA)**: Strategically placed buttons throughout the page to guide users towards taking meaningful actions, such as "Get Started" or "Contact Us."
4. **Key Features Showcase**: An area highlighting the main features or services offered by the landing page company, designed to inform and persuade potential customers.
5. **Testimonials Section**: A section dedicated to showcasing customer testimonials to build trust and credibility.
6. **Contact Information**: Easy-to-find contact details or links to encourage potential clients to reach out.

## 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 follow a single-column format for mobile responsiveness, with sections stacked vertically. The hero section will be at the top, followed by the form, features, testimonials, and contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create 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 following components:
   - HeroSection: Include a captivating image, headline, and CTA button.
   - LeadCaptureForm: Design a form with fields for name, email, and message.
   - FeaturesSection: Showcase key features with icons and brief descriptions.
   - TestimonialsSection: Create a carousel or grid layout for testimonials.
   - ContactSection: Add a footer with contact information.
4. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring consistent spacing, typography, and color usage.
5. **Ensure Responsiveness**: Use Tailwind's responsive utilities to ensure the layout looks great on all screen sizes.
6. **Test Functionality**: Verify that the form submits correctly and that all links and buttons are functional.

## USER EXPERIENCE
Users will first encounter the striking hero section, which will invite them to learn more about the services. As they scroll down, they will find the lead capture form, encouraging them to engage directly. The features and testimonials will provide additional persuasive content, while the footer will ensure users have easy access to contact information, creating a seamless flow from interest to action. The overall experience will be straightforward, allowing users to navigate with ease and clarity.