Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for a hairdressing service that showcases the portfolio of hairstyles through a dynamic photo carousel. The site will serve to attract potential customers by highlighting the quality of services offered in a visually appealing manner. The design will focus on an elegant and minimalist aesthetic, ensuring a seamless user experience.

## CORE FEATURES
1. **Hero Section**: A captivating hero area with a full-width background image featuring a stunning hairstyle. This section will include the business name, a tagline, and a prominent Call-To-Action (CTA) button encouraging users to book an appointment.

2. **Dynamic Photo Carousel**: A visually engaging carousel that displays high-quality images of various hairstyles and services provided. This feature will automatically transition between images, showcasing the portfolio effectively.

3. **Services Offered**: A section detailing the various hairdressing services available, complete with brief descriptions and pricing. Each service will have an accompanying image to enhance visual engagement.

4. **Testimonials**: A dedicated area for customer reviews and testimonials to build trust and credibility. This section will display quotes from satisfied clients alongside their names and photos.

5. **Contact Form**: A simple contact form allowing potential customers to reach out for inquiries or to book appointments. This will include fields for name, email, phone number, and message.

6. **Social Media Links**: Icons linking to the salon's social media profiles, encouraging visitors to follow and engage with the brand online.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a fresh, airy feel.
- **Layout**: A one-page layout featuring a vertical scroll structure that moves from the hero section to services, testimonials, and contact form. Each section will be distinctly separated with ample white space.
- **Typography**: Use a modern sans-serif font like 'Roboto' or 'Open Sans' for body text, with larger, bolder headings to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and styling consistency
- **UI Components**: Utilize shadcn/ui for pre-built components to maintain a clean and modern aesthetic
- **State Management**: React's built-in state management will be sufficient for handling form submissions and carousel state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI elements.
3. **Create Components**: Build the main components: Hero, Carousel, Services, Testimonials, and Contact Form.
4. **Implement Carousel**: Use a library like React Slick or Swiper to create the dynamic photo carousel.
5. **Style Components**: Apply Tailwind CSS classes to style each component according to the design specifications.
6. **Add Form Handling**: Implement form submission handling for the contact form, possibly using Formik or React Hook Form.
7. **Test Responsiveness**: Ensure the design is responsive across various devices and screen sizes.
8. **Deploy the Landing Page**: Use a service like Vercel or Netlify for easy deployment.

## USER EXPERIENCE
The user journey begins with an eye-catching hero section that immediately captures attention. As users scroll down, they will encounter a smooth transition to the photo carousel showcasing the salon’s work. Clear sections on services and testimonials provide relevant information, building interest and trust. Finally, the contact form offers a straightforward way for users to engage, ensuring a seamless experience that encourages bookings and inquiries. The overall design will prioritize user engagement through intuitive navigation and aesthetically pleasing visuals.