Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to enhance aesthetics and provide a clean, simple user experience. The main purpose is to showcase a brand or service with a focus on visual appeal and typography, encouraging user engagement through a streamlined design.

## CORE FEATURES
1. **Hero Section**: A captivating hero area with a prominent headline, subheadline, and a call-to-action button that directs users to learn more or sign up.
2. **Features Overview**: A section highlighting key features or services offered, presented with brief descriptions and icons for visual clarity.
3. **Testimonials**: A dedicated area for customer testimonials to build trust and credibility, featuring quotes and user images.
4. **Call to Action (CTA)**: A strategically placed CTA section that encourages visitors to take the next step, such as signing up or contacting.
5. **Contact Form**: A simple contact form for users to reach out, featuring fields for name, email, and message.
6. **Footer**: An informative footer with links to social media, privacy policy, and additional resource links.

## 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 should feature a top navigation bar, followed by the hero section, a grid layout for features, a testimonials carousel, and a footer at the bottom.

## 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. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Build reusable components for the hero section, features overview, testimonials, contact form, and footer.
3. **Implement Layout**: Organize components according to the specified layout using Tailwind CSS for styling and responsiveness.
4. **Add Typography**: Ensure Inter font is loaded and applied correctly in the CSS for headings and body text.
5. **Style Components**: Apply the primary color and border radius to buttons, inputs, and cards for a cohesive look.
6. **Test Responsiveness**: Verify that the landing page is responsive across different devices and screen sizes.
7. **Deploy**: Deploy the landing page using a hosting service such as Vercel or Netlify.

## USER EXPERIENCE
The key user interactions will include a smooth scrolling experience from the hero section to features and testimonials. Users will engage through clearly defined CTAs, making it easy to navigate to the contact form or learn more about the offerings. The design will ensure that users can easily read and interact with content, enhancing overall user satisfaction.