Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This project is a premium, visually engaging landing page for a unisex barber and beauty salon. It aims to provide an exceptional user experience with 3D animations controlled by scrolling, allowing visitors to explore services, choose professionals, and easily make appointments.

# CORE FEATURES
1. **3D Hero Section**: A full-screen, immersive 3D environment showcasing a modern salon setup, with animated elements that engage users as they scroll.
2. **Service Discovery**: An interactive section where users can explore various hair and beauty services offered, with smooth transitions and animations.
3. **Professional Profiles**: Visual cards for each team member, including their specialties and the ability to book directly with them.
4. **Interactive Booking System**: A comprehensive booking process that allows users to select services, professionals, dates, and times, with real-time availability.
5. **Dynamic Testimonials**: A section for customer reviews, featuring animated quotes that appear during scrolling.
6. **Gallery of Work**: An immersive gallery showcasing past work with layered animations and a unique viewing experience.

# 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 feature a full-height hero section, followed by smoothly transitioning sections for services, professionals, testimonials, and a gallery, all designed for optimal mobile and desktop experiences.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing booking states and user sessions

# IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Components**: Build components for Hero, Services, Professionals, Testimonials, Gallery, and Booking System.
3. **Implement 3D Animations**: Use libraries like Three.js or React Three Fiber for the 3D effects in the hero section and interactions.
4. **Design Booking System**: Develop a multi-step booking component that handles service selection, professional choice, and scheduling.
5. **Integrate State Management**: Set up Redux or Context API to manage user sessions and booking states effectively.
6. **Responsive Design**: Ensure all elements are fully responsive, with particular attention to mobile-first design principles.
7. **Testing**: Conduct thorough testing across devices to ensure performance and usability.
8. **Deployment**: Prepare the application for deployment on platforms like Vercel or Netlify.

# USER EXPERIENCE
Users will engage with a stunning 3D environment upon entering the website, immediately drawn into the salon's atmosphere. As they scroll, they will explore services and meet professionals through visually dynamic sections. The booking process will be intuitive, with clear steps and real-time availability, ensuring a seamless experience from exploration to reservation. The overall design will prioritize accessibility and performance to cater to a wide audience.