Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a bakery business specializing in keto bread mixtures. The website will serve as an interactive platform showcasing the production process, a product shop, and a gallery, all while maintaining a minimalistic aesthetic. Users will be able to navigate through different areas of the bakery, view products, and engage with the business seamlessly.

## CORE FEATURES
1. **Interactive Production Area**: Users can click to explore the production line, with animations showing the process of making keto bread.
2. **Product Shop**: A dedicated shop area where users can browse through product listings, view details, and add items to their cart.
3. **Gallery Section**: An automated gallery that displays images of products and the bakery environment, with smooth transitions between images.
4. **Contact & Request Forms**: A user-friendly contact form in the lobby area for inquiries, purchase requests, and additional information.
5. **FAQ Section**: An expandable dropdown menu for frequently asked questions to assist users in finding quick answers.
6. **Responsive Design**: The entire website will be fully responsive, ensuring a seamless experience on both desktop and mobile devices.

## 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 main layout will feature a hero section with an animated building, followed by sections for the production area, product shop, gallery, and contact forms, all arranged in a single-page scrolling format.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for pre-built components and UI elements.
- **State Management**: React Context API or Zustand for managing application state.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Build the main layout with a header, footer, and main content area to host different sections.
3. **Develop Hero Section**: Implement the rotating building animation that transitions as users scroll down.
4. **Build Interactive Areas**: Create components for the production area, product shop, gallery, and contact forms, ensuring they are responsive.
5. **Implement Navigation**: Add a dropdown menu for easy navigation between sections, including a clickable logo that returns to the top of the page.
6. **Style Components**: Use Tailwind CSS to apply the specified design specifications, ensuring all components adhere to the minimalist aesthetic.
7. **Testing and Optimization**: Test the website for responsiveness, user interactions, and bug fixes. Optimize performance for smooth animations.

## USER EXPERIENCE
Users will land on a visually captivating homepage with an animated building that draws them into the site. As they scroll, the building will transition to reveal clickable areas leading to the production process, product listings, and contact forms. The gallery will provide a visually rich experience with automated navigation, while the FAQ section will help users find information quickly. Overall, the site will focus on providing a seamless, interactive experience that aligns with the bakery's brand identity.