Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase a service or product effectively. The main purpose is to provide an engaging introduction, highlight key features, and encourage user interaction through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A prominent introduction area with a catchy headline, subheadline, and a strong call-to-action button.
2. **Features Overview**: A section that outlines the main features or benefits of the service, presented in a visually appealing manner.
3. **Testimonials**: A section for user feedback or testimonials that builds trust and credibility.
4. **Contact Information**: Easy access to contact details or a contact form for inquiries and support.
5. **Responsive Design**: Ensures the landing page looks great on all devices, enhancing user experience across desktops, tablets, and mobile phones.

## 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 that flows vertically, with a clear separation between sections to enhance readability and visual appeal.

## 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 React Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the hero section, feature cards, testimonials, and contact form.
4. **Apply Styles**: Use Tailwind CSS classes to implement the minimalist design specifications, ensuring the primary color and typography are applied throughout.
5. **Implement Responsive Design**: Use Tailwind's responsive utility classes to ensure usability on all devices.
6. **Deploy the Landing Page**: Choose a deployment platform (e.g., Vercel or Netlify) to host the finished landing page.

## USER EXPERIENCE
Users will be greeted with a clean and engaging hero section that immediately captures their attention. As they scroll down, they will encounter well-structured sections detailing the features and benefits of the service, supported by user testimonials for social proof. The contact information will be easily accessible, allowing users to reach out for further inquiries or support, enhancing overall interaction and satisfaction with the landing page.