Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a professional and dynamic landing page for a bar that showcases its offerings and ambiance. The goal is to present an engaging online presence that attracts customers and provides essential information in a clean and minimalist format.

## CORE FEATURES
1. **Hero Section**: A captivating introductory area with a high-quality image of the bar, a welcome message, and a prominent call-to-action (CTA) button for reservations or menu access.
2. **Menu Highlights**: A section showcasing popular drinks and food items with images and brief descriptions to entice visitors.
3. **Events Calendar**: An interactive area displaying upcoming events or promotions, encouraging visitors to engage with the bar's offerings.
4. **Testimonials**: A section featuring customer reviews and testimonials to build trust and credibility.
5. **Contact Information**: Clear and accessible contact details, including address, phone number, and social media links to facilitate easy communication.
6. **Location Map**: An embedded map to help visitors find the bar easily.

## 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 be structured in a single-page format with smooth scrolling sections for the hero, menu highlights, events calendar, testimonials, contact information, and location map.

## 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 the Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Main Components**: Develop components for each section of the landing page: Hero, Menu Highlights, Events Calendar, Testimonials, Contact Information, and Location Map.
3. **Design Layout**: Use Tailwind CSS for styling, ensuring the layout adheres to the minimalist design principles. Apply the specified border radius and primary color throughout the components.
4. **Integrate Google Fonts**: Import the Inter font from Google Fonts and apply it to headings and body text.
5. **Add Content**: Populate the components with relevant content, including images, menu items, event details, and testimonials.
6. **Implement Smooth Scrolling**: Enable smooth scrolling between sections for a seamless user experience.

## USER EXPERIENCE
Visitors will be greeted by a visually appealing hero section that captures the essence of the bar. As they scroll down, they will encounter enticing menu highlights and engaging events information. Customer testimonials will build trust, while the contact section ensures easy access to vital information. The overall experience will be seamless, with a focus on simplicity and clarity to encourage visitors to take action, such as making reservations or following the bar on social media.