Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for "Le Spot," a vibrant bar and social hub located in Biscarrosse, designed to attract locals and tourists alike. The page will highlight the bar's unique atmosphere, activities, and offerings, creating an inviting space for visitors to learn more and engage with the brand.

## CORE FEATURES
1. **Hero Section**: A visually engaging hero section that captures the essence of "Le Spot," featuring a catchy tagline and a call-to-action (CTA) button to encourage reservations or inquiries.
2. **Activities Overview**: A dedicated section showcasing the various activities available at the bar, including pétanque, darts, foosball, and pool, with engaging visuals and brief descriptions.
3. **Drink & Tapas Menu**: An interactive card section displaying the drink and tapas menu, allowing users to view offerings and pricing.
4. **World Cup Matches**: An “Actualités” tab detailing the plans for broadcasting World Cup matches, accompanied by an engaging description to draw in football fans.
5. **About Us Section**: A storytelling section that encapsulates the atmosphere and ethos of "Le Spot," inviting visitors to connect with the brand's mission.
6. **Contact Form**: A simple contact form for inquiries or bookings, encouraging user interaction and facilitating easy communication.

## 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 with distinct sections for the hero, activities, menu, news, about us, and contact, ensuring easy navigation and clear visual hierarchy.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout**: Develop the main structure using functional components for each section: Hero, Activities, Menu, News, About Us, Contact.
3. **Style Components**: Apply Tailwind CSS to style components according to the design specifications, ensuring responsiveness across devices.
4. **Implement Menu Cards**: Use card components for drinks and tapas, ensuring they are visually appealing and easy to read.
5. **Add Hero Section**: Design the hero section with an eye-catching background and clear CTA, emphasizing the welcoming nature of "Le Spot."
6. **Integrate Contact Form**: Build a simple contact form with validation to allow users to send inquiries directly through the website.
7. **Test Responsiveness**: Ensure the landing page is responsive and accessible on various screen sizes and devices.

## USER EXPERIENCE
Visitors will be greeted by a vibrant hero section that immediately communicates the essence of "Le Spot." They can easily navigate through the activities, menu, and news sections, each clearly defined and visually distinct. The contact form will provide a straightforward interaction point for bookings or inquiries, fostering a welcoming and engaging user experience that aligns with the bar's friendly atmosphere.