Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed as a landing page for an eye clinic specializing in laser surgery. Its primary purpose is to inform potential patients about the clinic's services while capturing leads through a strategically placed form, enhancing the clinic's outreach and engagement.

## CORE FEATURES
- **Hero Section**: A prominent display area showcasing the clinic’s brand, services, and a captivating call-to-action.
- **Lead Capture Form**: Located on the right side of the hero section, allowing users to easily submit their contact information for consultations.
- **Service Descriptions**: Brief, informative sections that outline the various laser surgery options available at the clinic.
- **Testimonials**: A carousel or grid format displaying patient testimonials to build trust and credibility.
- **Contact Information**: Easily accessible details including phone number, email, and physical address.
- **FAQ Section**: A collapsible section addressing common questions related to laser surgery procedures.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will maintain a clean, simple aesthetic that emphasizes white space, ensuring that the content is easily digestible. The layout will promote focus on typography and essential elements.
- **Color Mode**: Light theme featuring a minimal color palette with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: A vertical layout with the hero section occupying the top half of the page, featuring a full-width background image or color. The lead capture form will be positioned on the right side, ensuring visibility without overwhelming the hero content. Below, service descriptions and testimonials will follow in a structured grid or card format.
- **Typography**: Use a modern sans-serif font such as "Inter" or "Roboto" for headings and body text, ensuring a clear hierarchy with larger, bold headings and regular body text for optimal readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick and responsive design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built components to streamline the development process.
- **State Management**: Use React's Context API or Redux if complex state management is required for handling form submissions and user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project using npm or yarn.
3. **Create Layout Components**: Build the hero section, lead capture form, service descriptions, testimonials, and FAQ sections as reusable components.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, focusing on spacing, typography, and responsive behavior.
5. **Integrate Form Handling**: Set up form state management using React's state hooks or a dedicated form library, ensuring user inputs are captured effectively.
6. **Add Routing (Optional)**: If additional pages are planned (like detailed service pages), set up React Router for seamless navigation.
7. **Test Responsiveness**: Ensure that the layout adjusts appropriately on various screen sizes, particularly focusing on mobile and tablet views.

## USER EXPERIENCE
Users will first encounter the hero section, where they will be greeted with an engaging message and an eye-catching image. The lead capture form will be prominently displayed to the right, encouraging immediate action. As users scroll down, they will find concise service descriptions and testimonials, providing them with essential information and fostering trust. The FAQ section will allow users to address any lingering concerns, enhancing their overall experience and increasing the likelihood of conversion. The clean, minimalist aesthetic will ensure that the focus remains on the content, guiding users seamlessly through their journey on the landing page.