Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a coffee shop, designed to attract customers and provide essential information about the shop's offerings. The website will feature a clean and minimalist design that emphasizes the brand and encourages visitors to explore menu items, promotions, and contact details.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction to the coffee shop with an inviting image, a catchy tagline, and a prominent call-to-action (CTA) button leading to the menu or online ordering.
2. **Menu Showcase**: A section highlighting the coffee shop's offerings including coffee types, pastries, and special drinks with appetizing images and descriptions.
3. **About Us**: A brief description of the coffee shop's story, mission, and values to connect with customers on a personal level.
4. **Testimonials**: A rotating carousel or grid of customer reviews showcasing positive experiences to build trust and credibility.
5. **Contact & Location**: An easy-to-navigate section with contact information, a contact form, and an embedded map for location directions.
6. **Social Media Links**: Icons linking to the shop's social media profiles to encourage visitors to connect online.

## 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 be structured in sections: a full-width hero at the top, followed by the menu showcase, about us, testimonials, and contact sections, all stacked vertically for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for pre-built UI elements.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create components**: Develop individual components for each section (Hero, Menu, About Us, Testimonials, Contact).
4. **Implement layout**: Use Tailwind CSS for styling and layout, ensuring responsiveness for all devices.
5. **Add content**: Populate components with relevant content and images for the coffee shop.
6. **Test functionality**: Verify that all links, buttons, and forms work correctly and that the site is responsive.

## USER EXPERIENCE
Visitors will experience a smooth navigation from the hero section to the menu showcase, easily accessing information and engaging with the coffee shop's story. The testimonials will build trust, while the contact section allows quick communication. The clean design will ensure that the focus remains on the content, creating a delightful browsing experience.