Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to develop a minimalist landing page that effectively showcases a product or service. The focus will be on clean design and user engagement, providing essential information and a clear call-to-action to convert visitors into leads or customers.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page with a striking headline, subheadline, and a compelling call-to-action button.
2. **Features Section**: A concise overview of the main features or benefits of the product, presented in an easily digestible format.
3. **Testimonials Section**: User or client testimonials to build trust and credibility with potential customers.
4. **Call to Action (CTA)**: A clear and persuasive CTA, encouraging users to sign up, learn more, or make a purchase.
5. **Contact Form**: A simple contact form for inquiries, allowing users to reach out easily.
6. **Footer**: Contains links to social media, privacy policy, and other relevant 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**: A single-column layout with sections stacked vertically, ensuring easy readability and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for a landing page, but consider using context or props for form handling if necessary.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Build functional components for the hero, features, testimonials, CTA, contact form, and footer.
4. **Style Components**: Apply Tailwind CSS classes according to the design specifications, ensuring that the primary color and typography are used consistently.
5. **Implement Navigation**: Add smooth scrolling or linking to sections within the page.
6. **Test Responsiveness**: Ensure that the landing page is responsive across various devices and screen sizes.
7. **Deploy**: Deploy the application to a hosting platform like Vercel or Netlify.

## USER EXPERIENCE
Visitors will be greeted by a visually appealing hero section that immediately communicates the value of the product. As they scroll down, they will encounter clearly defined sections that provide essential information and social proof through testimonials. The responsive design ensures optimal viewing on all devices, and the simple contact form encourages user engagement without overwhelming them. The clear CTA will guide users towards taking action, whether it’s signing up, learning more, or making a purchase.