Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a comprehensive landing page for the Club De Tenis Y Padel Bel Air, serving as a marketing tool to showcase the club's offerings, gather potential members, and facilitate customer engagement. The landing page will highlight key features of the club, user reviews, and provide contact information to enhance visibility and attract visitors.

## CORE FEATURES
1. **Hero Section**: A prominent hero section featuring the club's name, a brief tagline, and a call-to-action button for booking courts or memberships.
2. **About Us**: A section describing the club, its history, and its commitment to providing a friendly and inclusive environment for all players, including a note on being LGBTQ+ friendly.
3. **Facilities Overview**: A detailed display of the club's facilities including tennis and padel courts, restaurant offerings, and any additional amenities.
4. **User Reviews**: Highlighting testimonials from members to build trust and showcase the club's strengths.
5. **Contact Information**: Easy access to contact details, including phone numbers, location, and a link to the club's website and social media.
6. **Booking CTA**: A clear and easy-to-find button that directs users to a booking system or form.

## 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 a single-page scroll design with sections clearly delineated for the hero, about, facilities, reviews, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not needed for this landing page as it will be static.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Develop functional components for each section (Hero, About, Facilities, Reviews, Contact).
4. **Style Components**: Use Tailwind CSS to apply styles according to the design specifications.
5. **Implement Navigation**: Ensure smooth scrolling between sections using anchor links.
6. **Deploy the Landing Page**: Host the landing page using a service like Vercel or Netlify for easy access.

## USER EXPERIENCE
The landing page should provide a seamless user experience with intuitive navigation. Users will engage with the hero section first, encouraging them to explore the club. The layout will be responsive, ensuring accessibility on mobile devices, with quick access to key information and a clear path to bookings or inquiries. Users can easily read testimonials, learn about the club's facilities, and connect with the club through contact options. 

This design will effectively communicate the values and offerings of Club De Tenis Y Padel Bel Air, helping to attract new members and enhance the club's presence online.