Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a professional website for **Boost Fitness Club**, a gym located in Kenitra, Morocco. The main purpose of this site is to provide information about the gym's offerings, facilitate membership sign-ups, and promote a high-end fitness experience at an affordable price. The design will focus on conversion and user engagement.

## CORE FEATURES
1. **Homepage**: Introduces the gym with the name and tagline, featuring a clear call-to-action to join and highlights of what the gym offers, including social proof and testimonials.
2. **Membership Page**: Displays various membership options with a simple comparison chart between plans and a call-to-action for sign-up.
3. **About Page**: Shares the gym's story, mission, and values to connect with potential members.
4. **Services / Classes Page**: Lists types of training available, including coaching and group sessions to help users choose their preferred options.
5. **Contact Page**: Integrates a map for location, a contact form for inquiries, and provides phone and WhatsApp contact details.

## 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 structured, responsive layout with a header, main content area, and footer. Each page will follow a similar layout style to ensure consistency and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Not specified, but can utilize React Context or Redux if needed for managing user states.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Structure**: Set up the main components for each page (Homepage, Membership, About, Services, Contact).
3. **Design Layout**: Implement the minimalist design using Tailwind CSS classes, ensuring responsive behavior across devices.
4. **Integrate Features**: Code the core features outlined, ensuring each page has its respective content and functionality.
5. **Implement Navigation**: Add a clear navigation menu that links to all main pages for easy access.
6. **Test Functionality**: Thoroughly test each page to ensure all links, forms, and functionalities work as intended.
7. **Optimize for Speed**: Minimize loading times by optimizing images and using performance best practices.

## USER EXPERIENCE
Key user interactions will include easily navigating through information about membership options, signing up directly from the homepage or membership page, and reaching out through the contact form. The site will provide a seamless experience with a focus on converting visitors into gym members by presenting clear calls-to-action and engaging testimonials. The minimalist design will ensure that users are not overwhelmed and can find the information they need quickly.