Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a beauty skin clinic that focuses on medical treatments. The landing page will feature a clean, engaging design with dynamic elements and moving visuals to captivate visitors and promote the clinic's services effectively.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section with a captivating background image or video, a compelling headline, and a strong call-to-action (CTA) button encouraging visitors to book a consultation.
2. **Services Overview**: A section highlighting the key medical services offered by the clinic, with brief descriptions and icons for each service to enhance visual appeal.
3. **Testimonials**: A dedicated area for customer testimonials to build trust and credibility, featuring quotes and images of satisfied clients.
4. **Before and After Gallery**: An interactive gallery showcasing before and after images of treatments, allowing potential clients to see the results visually.
5. **Contact Form**: A simple contact form for inquiries, including fields for name, email, phone number, and message, to facilitate easy communication.
6. **Newsletter Signup**: An option for visitors to subscribe to a newsletter for updates, promotions, and beauty tips, enhancing engagement.

## 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 will follow a single-column structure with a responsive design, ensuring accessibility on both desktop and mobile devices. Sections will be well-spaced, utilizing ample white space for a clean look.

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

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript.
2. Install Tailwind CSS and configure it for the project.
3. Create the main components: Hero, Services, Testimonials, Gallery, Contact Form, and Newsletter Signup.
4. Use Tailwind CSS to style each component according to the design specifications.
5. Implement responsive design principles to ensure the landing page looks great on all devices.
6. Integrate a simple form handling mechanism for the contact form and newsletter signup using a service like Formspree or similar.
7. Test the landing page across different browsers and devices for compatibility and responsiveness.

## USER EXPERIENCE
Visitors will first be greeted by the dynamic hero section, prompting them to explore the clinic’s offerings. They can easily navigate through the services, view testimonials for social proof, and check the gallery for visual results. The contact form provides a straightforward way for inquiries, while the newsletter signup encourages ongoing engagement. The entire experience is designed to be seamless and visually appealing, with clear CTAs guiding users toward booking a consultation or reaching out for more information.