Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a general and aesthetic medicine practice. The main purpose is to present the services offered and provide an easy booking process for potential patients. The design will focus on a modern, minimalist aesthetic, ensuring a clean user experience that effectively communicates the practice's offerings.

## CORE FEATURES
1. **Hero Section**: An engaging introductory area with a compelling headline, a brief description of services, and a prominent call-to-action button for booking appointments.
2. **Services Overview**: A section that outlines the various medical and aesthetic services provided, including brief descriptions and relevant images or icons.
3. **Testimonials**: A section dedicated to patient testimonials to build trust and credibility, showcasing positive experiences with the practice.
4. **Contact Information**: Easy access to contact details, including phone number and email, along with a contact form for inquiries.
5. **Booking Section**: A simple interface for patients to schedule appointments directly from the landing page.
6. **Visual Background Modification**: A modern photo in the background that enhances the aesthetic appeal while maintaining readability of the text overlay.

## 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 clear sections for the hero, services, testimonials, contact information, and booking, ensuring a smooth flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but could consider using React Context or Zustand if needed for managing state related to bookings.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary packages (React, Tailwind CSS, shadcn/ui).
2. **Create the Layout**: Develop the main layout structure using Tailwind CSS to ensure responsiveness and adherence to the minimalist design.
3. **Implement the Hero Section**: Add a full-width hero section with a background image, headline, description, and call-to-action button styled with the primary color.
4. **Build the Services Overview**: Create a visually appealing section that displays services with icons or images, using cards with rounded borders.
5. **Add Testimonials**: Implement a testimonials slider or grid layout to showcase patient reviews, ensuring readability against the background.
6. **Set Up Contact Information**: Design a simple contact form and display contact details, ensuring it’s easy to find.
7. **Integrate Booking Functionality**: Create a booking interface that captures user inputs and submits them to a backend or email system.
8. **Test the Application**: Ensure the application is responsive and functions correctly across different devices and browsers.

## USER EXPERIENCE
The landing page will provide a seamless experience for users, guiding them from the hero section directly to service details, testimonials, and contact information. The booking process will be straightforward, allowing users to easily schedule appointments. The minimalist design will prioritize clarity and ease of navigation, enhancing user satisfaction and engagement with the practice's services.