Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for "Cake and Mishti UK," a cake company featuring a selection of beautifully designed cakes and cupcakes. The website will showcase her work, allow users to leave reviews, and provide options for liking and sharing images. The goal is to attract customers with a clean, luxurious design that is simple yet visually appealing.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with an eye-catching image of cakes, a brief description of the company, and a prominent call-to-action button inviting users to view the gallery.
2. **Gallery**: A section displaying high-quality images of the different cakes and cupcakes, with the ability for the user to upload new images of her creations.
3. **Reviews Section**: An interactive area where customers can leave reviews about their experiences with the cakes, helping to build trust and engagement.
4. **Like and Share Feature**: Users can like and share images of the cakes on social media platforms to enhance visibility and engagement.
5. **Contact Information**: A clear section displaying contact details for inquiries, including email and phone number.

## 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 will feature a top navigation bar, a hero section, gallery grid for images, reviews section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API for managing state across components.

## IMPLEMENTATION STEPS
1. **Set up the React project**:
   - Use Create React App with TypeScript template.
   - Install Tailwind CSS and shadcn/ui.
2. **Create the main layout**:
   - Implement a navigation bar using Tailwind CSS.
   - Design the hero section with a large image and a call-to-action button.
3. **Develop the gallery section**:
   - Create a component for displaying cake images.
   - Include an upload feature for adding new images.
4. **Implement the reviews section**:
   - Create a form for users to submit their reviews.
   - Display submitted reviews in a list format.
5. **Add the like and share functionality**:
   - Use state management to track likes for each image.
   - Implement social sharing buttons for popular platforms.
6. **Set up contact information**:
   - Create a footer component displaying the email and phone number.
7. **Test the application for responsiveness and user experience**:
   - Ensure the website is mobile-friendly and visually appealing across devices.

## USER EXPERIENCE
Users will land on a visually appealing homepage featuring stunning images of cakes. They can easily navigate through the gallery to view different designs, leave reviews, and like/share their favorite images. The contact section will facilitate inquiries, ensuring a smooth interaction with the business. The minimalist design will keep the user's focus on the cakes while providing a luxurious feel that aligns with the brand's image.