Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a service or product with a clean, minimalist aesthetic. The main purpose is to attract visitors, inform them about the offering, and drive conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong headline, subheadline, and call-to-action button that encourages user engagement.
2. **Features Overview**: A section highlighting key features of the service or product, making it clear what benefits users can expect.
3. **Testimonials**: A dedicated area for customer reviews or testimonials to build trust and credibility.
4. **Call to Action (CTA)**: A prominent section encouraging users to take the next step, whether it's signing up, requesting a demo, or making a purchase.
5. **Contact Information**: Easy-to-find contact details or a contact form for inquiries.

## 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 vertical stacking layout with sections for the hero, features, testimonials, CTA, and contact information, ensuring a seamless flow of information and easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui by following the respective installation guides.
3. **Create Components**: Develop individual components for the Hero Section, Features Overview, Testimonials, CTA, and Contact Information.
4. **Style Components**: Use Tailwind CSS classes to implement the minimalist design, ensuring ample white space and proper typography.
5. **Integrate Google Fonts**: Include the Inter font in the project by adding it to the index.html file or importing it in the CSS.
6. **Deploy the Landing Page**: Use a service like Vercel or Netlify to deploy the landing page and make it accessible online.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity. Visitors will encounter a visually appealing hero section upon landing on the page. As they scroll down, they will easily find information about features and read testimonials that establish trust. The CTA will be strategically placed to guide users towards taking the desired action, complemented by easily accessible contact information for any inquiries. The responsive design ensures that users have a great experience on both desktop and mobile devices, making it easy to navigate and engage with the content.