Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This project is a modern and elegant beauty and hair salon website designed as a landing page. The primary purpose is to provide a visually sophisticated platform that conveys confidence and elegance while making it easy for users to navigate, book services, and view the salon's portfolio.

# CORE FEATURES
1. **Home Section**: A captivating hero area featuring a large cover image or video that represents the salon's aesthetic, along with a brief introduction about the salon's mission and values, and visible buttons for scheduling and contact information.

2. **About Section**: Detailed information about the salon's history, professional team, and vision, complemented by client testimonials featuring quotes and before/after treatment photos.

3. **Services Section**: A comprehensive listing of all services offered, with representative icons or images to enhance visual appeal. Pricing information is included but presented in a way that maintains a clean layout.

4. **Gallery Section**: A portfolio showcasing the results of services, including before and after images of styled hair and aesthetic treatments.

5. **Scheduling Tool**: An online scheduling feature that allows users to select services, times, and professionals through a simple form.

6. **Contact Section**: Clear contact information, including the salon's address, phone number, email, and links to social media, along with a quick contact form for inquiries.

# 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 should be structured in a single-page format with smooth scrolling. Each section (Home, About, Services, Gallery, Scheduling, Contact) should be distinct yet cohesive, utilizing ample whitespace and responsive design to adapt seamlessly to different screen sizes.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management or Context API, as needed

# IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Structure**: Build the main layout component that includes a fixed navigation bar at the top for easy access to each section.
3. **Develop Home Section**: Implement the hero section with a large image/video, salon mission statement, and buttons for scheduling and contact.
4. **Build About Section**: Create components for the salon's history, team profiles, and testimonials with before/after images.
5. **Implement Services Section**: Design a service listing component with images/icons, ensuring that pricing is displayed without cluttering the layout.
6. **Set Up Gallery Section**: Develop a grid layout for the portfolio showcasing before and after results.
7. **Integrate Scheduling Tool**: Create a form for users to select services and book appointments, ensuring user-friendly interactions.
8. **Construct Contact Section**: Add contact details and a quick form for inquiries, ensuring all links to social media are functional.
9. **Add Animations**: Incorporate smooth transitions and hover effects for buttons to enhance user experience.
10. **Optimize for SEO**: Ensure all images are compressed, and the site is coded cleanly to improve loading speeds and search engine visibility.

# USER EXPERIENCE
The user experience should be intuitive, with a fixed menu bar for easy navigation between sections. Smooth animations will guide users as they scroll, enhancing engagement. The online scheduling tool should be straightforward, allowing users to select their desired service, time, and professional easily. Overall, the design should evoke a sense of exclusivity and well-being, inviting users to explore all that the salon offers.