Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a luxurious, modern landing page for "The House of Cakes," a premium bakery in Lucknow. The website aims to showcase the bakery's offerings, entice visitors with its elegant design, and facilitate online orders while presenting a high-end aesthetic that reflects the quality of its products.

## CORE FEATURES
1. **Hero Section**: A visually stunning hero area featuring the bakery's name, tagline, and primary call-to-action button along with a cinematic background image of luxury cakes.
2. **Trust/Value Section**: A 4-column layout highlighting key brand values with icons to convey freshness, premium quality, custom options, and affordable luxury.
3. **Signature Cakes Section**: A premium grid showcasing popular cakes, including images, names, short descriptions, and order buttons.
4. **Luxury Gallery**: A visually rich gallery displaying various cakes and pastries with hover effects for an interactive experience.
5. **Custom Cake Experience**: A storytelling section explaining the custom cake ordering process with a dedicated button for users to design their cakes.
6. **Customer Reviews**: Display real customer testimonials with star ratings to build trust and encourage new customers.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a luxurious and modern aesthetic, utilizing a rich color palette.
- **Color Mode**: Light theme with dark text on warm neutral backgrounds.
- **Layout**: The main layout will feature a clear vertical flow with sections stacked one after another, ensuring easy navigation and a smooth user experience. Each section will have ample white space to emphasize content.
- **Typography**: 
  - Headings: Playfair Display (luxury serif)
  - Body Text: Inter or Poppins
  - Utilization of large typography and elegant spacing for a premium feel.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling and responsive design.
- **UI Components**: Utilize shadcn/ui for modern UI components and interactions.
- **State Management**: Use React context or state management libraries as needed for handling order data.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, trust/value section, signature cakes grid, luxury gallery, custom cake experience, and customer reviews.
3. **Implement Routing**: Set up routing for the landing page to ensure smooth navigation.
4. **Design Layout**: Apply Tailwind CSS classes to achieve the minimalist and luxurious design specified, ensuring responsive design for all devices.
5. **Integrate Chatbot**: Implement a floating chatbot for order inquiries, prompting users through the cake selection process and storing data.
6. **Setup Order Summary**: Create a summary card that displays the selected cake details and allows users to confirm their orders.
7. **Google Sheets Integration**: Implement a webhook to send order data to Google Sheets upon confirmation.
8. **WhatsApp Order Confirmation**: Create a redirect feature to WhatsApp for confirming orders with pre-filled messages.
9. **Testing**: Conduct thorough testing across devices to ensure responsive design and functionality.

## USER EXPERIENCE
The user experience will focus on seamless navigation and interaction. Users will enter the site and be immediately captivated by the hero section. They can easily access the menu, view signature cakes, and explore the gallery. The ordering process via the chatbot will be intuitive, guiding users through each step of customization while ensuring a smooth transition from selection to order confirmation. The elegant design, coupled with user-friendly interactions, will promote a luxurious and enjoyable online experience for customers.