Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for "Anywhere Coffee," a coffee shop with a strong online presence and positive customer reviews. The purpose of the website is to showcase the coffee shop's offerings, ambiance, and unique selling points, encouraging visitors to dine in, order online, or visit the location. The design will focus on conversion through a clean, minimalist aesthetic that highlights the shop's features and user-friendly navigation.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a high-quality image of the coffee shop, a brief tagline, 
2. **Menu Display**: An interactive section showcasing the menu items, including drinks and pastries. Each item will have a brief description and pricing.
3. **Customer Reviews**: A section dedicated to customer testimonials, featuring quotes and ratings to build trust and encourage new visits.
4. **About Section**: Information about the coffee shop's story, mission, and values to connect with potential customers.
5. **Contact Information**: Clearly displayed contact details, including phone number, address, and links to social media profiles, along with a map for directions.
6. **Order Online CTA**: A button that links directly to the online ordering platform, enhancing user convenience.

## 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**: A single-page layout that scrolls smoothly, with sections for the hero, menu, testimonials, about, and contact.

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

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, menu, testimonials, about, and contact.
4. **Design Layout**: Use Tailwind CSS to implement the minimalist design specifications, ensuring responsive behavior across devices.
5. **Add Content**: Populate each section with relevant text, images, and customer reviews.
6. **Implement Smooth Scrolling**: Ensure that navigation links smoothly scroll to the respective sections of the page.
7. **Test Responsiveness**: Verify that the landing page displays correctly on various screen sizes and browsers.

## USER EXPERIENCE
Users will be greeted with a captivating hero section that draws them in. They can easily navigate through the menu to explore offerings, read reviews to gain insights into the coffee shop's reputation, and find the about section to learn more about its unique character. Contact information and a direct link for online ordering will enhance the user experience, making it simple and efficient for customers to engage with "Anywhere Coffee." The minimalist design will create a pleasant browsing experience, leading to higher conversion rates.