Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a high-converting, modern landing page for Lifters Lair Gym in Brick Township, NJ. The primary purpose of this landing page is to drive new signups by showcasing the gym’s 24/7 access, friendly staff, and motivating atmosphere, all while maintaining a professional and community-driven feel.

## CORE FEATURES
1. **Hero Section**: Full-width image with an overlay headline and subheadline that captures the gym's essence. Includes call-to-action buttons for signups and tours.
2. **Gym Highlights**: A concise section emphasizing the gym's key features such as 24/7 access, premium equipment, and a supportive community vibe.
3. **Staff & Trainers Section**: Professional headshots and bios of trainers, highlighting their dedication to member success.
4. **Equipment & Amenities Section**: Visual gallery or icons representing the gym's offerings with captions.
5. **Testimonials**: Showcase member reviews with quotes and ratings to build trust and social proof.
6. **Membership Signup Section**: Clear pricing tiers and strong calls-to-action to encourage immediate signups or trials.

## 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**: Structured layout with a clear visual hierarchy, generous whitespace, and a focus on conversion-driven CTAs. Each section should be distinctly separated while maintaining a cohesive flow throughout the page.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Hero Section**: Implement a full-width image background with overlay text and buttons, ensuring responsive design for mobile optimization.
3. **Develop the Gym Highlights Section**: Add a headline and bullet points, styling them with Tailwind CSS for clarity and impact.
4. **Build the Staff & Trainers Section**: Integrate a grid display for trainer photos and bios, ensuring each element is accessible and visually appealing.
5. **Design the Equipment & Amenities Section**: Utilize icons or images in a gallery layout, adding short descriptive captions for clarity.
6. **Implement the Testimonials Section**: Create a dynamic list of testimonials, ensuring star ratings and member names are clearly visible.
7. **Set Up the Membership Signup Section**: Design pricing cards with clear CTAs, ensuring they stand out and encourage user action.
8. **Integrate the Contact & Location Section**: Embed a map, provide contact details, and implement a quick contact form.
9. **Test Responsiveness**: Ensure that all sections are mobile-optimized and maintain functionality across different devices and screen sizes.
10. **Finalize and Review**: Conduct a thorough review of the landing page for usability, aesthetics, and performance.

## USER EXPERIENCE
Key user interactions include navigating through sections seamlessly, easily accessing CTAs for signups or tours, and engaging with testimonials to build trust. The design should encourage exploration while maintaining focus on the primary goal of increasing memberships. The layout should ensure that all important information is readily accessible, fostering a sense of community and professionalism.