Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Airsoft Games Landing Page

## APPLICATION OVERVIEW
This project is a simple one-page landing website designed to market upcoming airsoft games and provide information about the airsoft club. The site will feature a gallery, details on future games, and club information, all optimized for SEO to enhance visibility and attract potential participants.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a headline, a brief tagline about the airsoft club, and a prominent call-to-action button leading to the registration or contact form.
2. **Gallery**: A visually appealing gallery showcasing images from past airsoft games to engage visitors and showcase the excitement of the events.
3. **Future Games**: A dedicated section listing upcoming airsoft games with dates, locations, and registration details to encourage sign-ups.
4. **Club Information**: A concise overview of the airsoft club, including its mission, values, and membership benefits to build trust and community connection.
5. **Contact Form**: A simple form allowing visitors to inquire about events or membership, ensuring easy communication between the club and potential members.
6. **SEO Optimization**: Implementation of best practices for search engine optimization, including meta tags, alt attributes for images, and structured data.

## 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-column layout with sections stacked vertically, including a hero section at the top, followed by the gallery, future games, club information, and the contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the app is primarily static with minimal interaction.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create a Layout Component**: Develop a main layout component to structure the page with a header, footer, and sections.
3. **Implement Hero Section**: Design the hero section with a headline, tagline, and call-to-action button using Tailwind CSS for styling.
4. **Build Gallery Component**: Create a gallery component to display images, ensuring responsive design for various screen sizes.
5. **Future Games Section**: Develop a section to dynamically list upcoming games, possibly using an array of game objects.
6. **Add Club Information**: Create a component that succinctly presents the club's mission and values.
7. **Contact Form Implementation**: Design a contact form and include form validation before submission.
8. **SEO Optimization**: Integrate meta tags in the HTML and ensure images have alt text for better SEO performance.
9. **Testing and Deployment**: Test the website for responsiveness and functionality, then deploy it using a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Key user interactions will include navigating through the sections of the landing page seamlessly, engaging with the gallery through image clicks, and submitting inquiries via the contact form. The design will prioritize clarity and simplicity, ensuring users can easily find information about upcoming games and the club itself, ultimately leading to increased participation and community engagement.