Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for ‘Fufpflege Müller’, a wellness-focused service offering foot care, manicure, and aesthetic treatments. The main purpose is to provide users with a high-quality, trustworthy platform to learn about services, view pricing, and book appointments seamlessly in German.

## CORE FEATURES
1. **Home Page**: Emotional and calming introduction with an overview of treatments and a direct link for booking appointments.
2. **About Us**: Detailed section about the company’s philosophy, qualifications, and personal touch provided by the staff.
3. **Treatments Overview**: Clear categorization of services including foot care, manicure, nail design, and cosmetics, with easy-to-understand descriptions and a recurring call-to-action for booking.
4. **Pricing Page**: Organized and transparent pricing structure, categorized for ease of navigation.
5. **Contact Page**: Simple contact options (phone and email) along with operating hours and directions for easy access.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with an emphasis on white space to promote a sense of calm and wellness. The minimal color palette allows for a focus on typography and content.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing warm beige and off-white as primary colors, with accents of warm greige, sand, taupe, and olive green.
- **Layout**: A structured grid layout with a clear distinction between sections. Use of ample spacing between elements to maintain a clean and uncluttered look.
- **Typography**: Choose a modern sans-serif font for headers (such as Montserrat or Open Sans) and a readable serif font for body text (like Merriweather). Maintain a hierarchy with larger font sizes for headings and smaller sizes for body text, ensuring legibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust application structure.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design implementation.
- **UI Components**: Utilize shadcn/ui for a cohesive and modern component library.
- **State Management**: Consider using React Context API or Zustand for lightweight state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Component Structure**: Set up a folder structure for components, pages, and styles.
3. **Develop Core Pages**: Start with the Home, About Us, Treatments, Prices, and Contact pages. Ensure each page reflects the design specifications and includes the required content in German.
4. **Implement Navigation**: Set up a responsive navigation bar that links all main sections.
5. **Integrate Booking Functionality**: Create a simple form for appointment booking that captures necessary user information.
6. **Test Responsiveness**: Ensure the application is responsive and functions well on various devices, maintaining a consistent user experience.

## USER EXPERIENCE
The user journey begins on the Home page, where they are welcomed with a soothing visual and emotional appeal. Users can easily navigate to the About Us section to learn more about the philosophy and team. The Treatments page offers clear explanations of services, with the ability to book appointments easily through consistent CTAs. The Pricing page provides a transparent view of costs, and the Contact page facilitates quick communication, ensuring a smooth and engaging experience throughout the site.