Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Eleganz Ladies is a high-end editorial website designed for a women-only hair salon located in Mörfelden-Walldorf, Germany. The website serves as a digital portfolio and appointment booking platform, reflecting a premium and elegant atmosphere while showcasing the salon's services and expertise in hair styling for women.

## CORE FEATURES
1. **Homepage**: A visually captivating landing page featuring large, high-quality images of salon work, minimal text, and a clear call-to-action for appointments.
2. **Services Page**: A detailed listing of services offered, accompanied by elegant photography and concise descriptions in German, emphasizing quality and aesthetics.
3. **Gallery**: An editorial-style gallery showcasing previous work, presented in a grid layout with ample white space to highlight each image.
4. **About Us**: A dedicated section that shares the salon's story, mission, and values, written in a calm and confident tone to connect with the target audience.
5. **Booking System**: An intuitive appointment booking interface that allows users to select services, choose dates, and provide contact information, all while maintaining a premium experience.
6. **Contact Page**: A straightforward contact form with essential information, including location, phone number, and social media links, designed for easy navigation.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist – Clean, simple design with plenty of white space, focusing on elegant typography and high-quality photography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a calm atmosphere.
- **Layout**: A desktop-first, fully responsive layout with large margins and editorial spacing. The homepage features a hero section with a striking image, followed by service highlights and a gallery preview.
- **Typography**: Use a refined sans-serif font such as "Montserrat" or an elegant serif font like "Playfair Display" for headlines. Implement a clear hierarchy with generous spacing for headlines and body text to maintain legibility and elegance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure a robust and type-safe application.
- **Styling**: Tailwind CSS for a responsive and customizable design approach.
- **UI Components**: Utilize shadcn/ui for ready-to-use, high-quality UI components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Zustand for state management as needed for user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop reusable layout components (Header, Footer, Main Content) to maintain consistency across pages.
3. **Build Core Pages**: Implement the core features as separate components, ensuring each page adheres to the design specifications.
4. **Integrate Booking System**: Set up a form for the booking system, ensuring it captures user data elegantly without overwhelming visual elements.
5. **Optimize for Mobile**: Ensure the design is responsive, adjusting layouts and typography for various screen sizes while maintaining visual integrity.
6. **Testing and Refinement**: Conduct thorough testing for usability, performance, and responsiveness, refining any elements that do not meet the elegant aesthetic.

## USER EXPERIENCE
The user experience focuses on a seamless and calming interaction with the site. Users can easily navigate through the homepage to explore services and view the gallery. The booking system is designed to be intuitive, guiding users through the appointment process with minimal steps. The overall design and tone foster a sense of premium quality that resonates with the target audience, ensuring a delightful experience from first visit to appointment confirmation.