Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for a café, showcasing its ambiance, offerings, and inviting visitors to engage with the brand. The design will emphasize simplicity and clarity, allowing users to easily navigate through the information while appreciating the café's aesthetic.

## CORE FEATURES
1. **Hero Section**: A captivating hero image of the café with a welcome message and a prominent call-to-action (CTA) button encouraging visitors to explore the menu or make a reservation.
2. **Menu Showcase**: A visually appealing display of select menu items, featuring images and brief descriptions to entice customers.
3. **About Us Section**: A brief narrative about the café's origin, values, and what makes it unique, fostering a connection with potential patrons.
4. **Testimonials**: A section dedicated to customer reviews and testimonials, enhancing credibility and inviting new visitors to experience the café.
5. **Contact Information**: Easy-to-find contact details including phone number, email, and location, along with an embedded map for directions.
6. **Newsletter Signup**: A simple form for users to subscribe to updates and promotions, helping to build a customer base.

## 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 vertical flow starting with the hero section, followed by the menu showcase, about us, testimonials, contact information, and the newsletter signup at the bottom. Each section will be distinctly separated with ample white space.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component needs.
3. **Create Components**: Develop functional components for each section (Hero, Menu Showcase, About Us, Testimonials, Contact, Newsletter).
4. **Design Layout**: Use Tailwind CSS to style components according to the design specifications, ensuring responsiveness across devices.
5. **Implement Navigation**: Ensure smooth scrolling and navigation between sections if needed.
6. **Test Responsiveness**: Review the design on various devices to guarantee a seamless user experience.
7. **Deploy**: Host the landing page on a suitable platform, such as Vercel or Netlify.

## USER EXPERIENCE
Key user interactions include easy navigation through smooth scrolling to different sections, visually engaging content that draws attention to the café's offerings, and straightforward access to contact information. The newsletter signup will provide users with a simple and quick way to stay connected with the café, enhancing user engagement and encouraging repeat visits.