Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page to showcase and sell web design services, social media content creation, and AI chatbot development for WhatsApp Business. The focus is on presenting these services in a clean, minimalist format that drives conversions and highlights the client's expertise.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a brief overview of services offered, accompanied by a prominent call-to-action (CTA) button to encourage inquiries.
2. **Services Overview**: Detailed descriptions of each service including web design, content creation, and AI chatbot development, with attractive visuals and concise text.
3. **Testimonials**: A section featuring customer reviews and success stories to build trust and credibility.
4. **Contact Form**: An easy-to-use form for potential clients to get in touch, request quotes, or ask questions.
5. **FAQs**: A section addressing common questions to alleviate concerns and provide clarity about the services offered.
6. **Call to Action**: Repeated CTA buttons throughout the page to encourage user engagement and lead conversion.

## 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-page layout with a vertical scroll structure, featuring sections for the hero, services, testimonials, FAQs, and contact form, ensuring a fluid and engaging user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it is primarily informational and conversion-focused.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component management.
3. **Create Layout Structure**: Set up the main components for the landing page: Hero, Services, Testimonials, FAQs, and Contact.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, using the specified primary color and typography.
5. **Add Content**: Populate each section with relevant text and images that reflect the services offered.
6. **Set Up Contact Form**: Implement a simple contact form using controlled components and validate inputs.
7. **Test Responsiveness**: Ensure the landing page looks and functions well on various screen sizes and devices.

## USER EXPERIENCE
Users will arrive at the landing page and be greeted by an engaging hero section. They can easily navigate to learn about the services offered and read testimonials from satisfied clients. The contact form provides a straightforward way for users to get in touch, facilitating lead generation. The minimalist design ensures that users can focus on the content without distraction, enhancing overall user experience and engagement.