Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a professional landing page for a dynamic and spectacular bar. The landing page will serve as a marketing tool to attract customers by showcasing the bar's unique offerings, vibrant atmosphere, and essential information, all while ensuring a clean and minimalist design that enhances user engagement.

## CORE FEATURES
1. **Hero Section**: A captivating hero area that includes a stunning image of the bar, a welcoming tagline, and a prominent call-to-action (CTA) button encouraging reservations or visits.
2. **About Us**: A brief section that shares the story behind the bar, its unique features, and the experience it offers to patrons.
3. **Menu Highlights**: A section displaying featured drinks and food items, with enticing images and descriptions to entice visitors.
4. **Events & Specials**: An area dedicated to upcoming events, promotions, and specials that the bar is hosting, encouraging repeat visits.
5. **Testimonials**: A section showcasing customer reviews and testimonials to build trust and credibility.
6. **Contact Information**: A clear and accessible contact form and details, including location, phone number, and social media links.

## 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 a single-column format, with sections stacked vertically for easy scrolling, featuring a consistent header and footer across the page.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Build reusable components for the hero section, about us, menu highlights, events, testimonials, and contact form.
3. **Implement Layout**: Structure the main layout using a single-page format, ensuring smooth scrolling and a responsive design.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design specifications, ensuring consistency across all components.
5. **Add Content**: Populate the sections with appealing content, including images and text that resonate with the bar's branding.
6. **Implement CTA**: Ensure the CTA buttons are prominent and effectively lead users to reservation or contact options.
7. **Testing**: Test the landing page across different devices and screen sizes to ensure responsiveness and usability.

## USER EXPERIENCE
Users will encounter a visually appealing landing page that immediately captures their attention through the hero section. Navigation will be intuitive, allowing users to easily scroll through sections to learn about the bar's offerings. The design will focus on readability and engagement, encouraging users to explore the menu, learn about events, and connect with the bar through the contact section. Clear CTAs will guide users towards making reservations or following the bar's social media, enhancing overall user interaction and experience.