Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a captivating landing page for Fitness Pro, a company specializing in providing gym trainers and maintenance services for gym equipment. The website will focus on showcasing the company's services, leadership, portfolio, and contact details while embodying the motto "Maximum Strength. Zero Downtime." The design will highlight the company's commitment to excellence and professionalism in the fitness industry.

## CORE FEATURES
1. **Hero Section**: A strong and visually appealing hero section with the company tagline and a call-to-action (CTA) button for quotes.
2. **Service Overview**: A detailed description of the two main services—gym trainers and maintenance services—highlighting their key benefits and unique selling points.
3. **About the Leadership**: A section dedicated to Sonu Singh, including a professional profile and his qualifications, emphasizing the company's expertise.
4. **Current Portfolio**: Showcase significant clients and locations served, emphasizing the company's reliability and experience in the fitness sector.
5. **Service Packages**: Clear presentation of different maintenance service packages with descriptions and benefits to cater to various client needs.
6. **Contact Form**: An integrated contact form that collects user information and sends leads to a specified email, as well as storing them in a Google Sheet.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a focus on typography, and an orange color theme to create a vibrant yet professional look.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: 
  - A full-width hero section at the top.
  - A two-column layout for service descriptions, with images on one side and text on the other.
  - Sections for leadership, portfolio, service packages, and contact, arranged vertically with ample spacing.
- **Typography**: Use a clean sans-serif font for headings (e.g., Montserrat) and a readable serif font for body text (e.g., Lora), ensuring clear hierarchy with large headings and smaller body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid styling and responsiveness
- **UI Components**: Utilize shadcn/ui for pre-designed components
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Develop the main layout structure with a header, hero section, service overview, leadership, portfolio, service packages, and contact form sections.
3. **Implement Hero Section**: Design the hero section with a catchy background image and the tagline prominently displayed, along with a CTA button for quote requests.
4. **Service Overview**: Add detailed descriptions of the gym trainer and maintenance services, including icons or images to enhance visual appeal.
5. **About Leadership**: Create a dedicated section for Sonu Singh, including his photo and qualifications.
6. **Current Portfolio & Service Packages**: Develop sections for showcasing premium clients and service packages with clear descriptions and benefits.
7. **Contact Form Integration**: Implement a form that collects user data (name, email, phone number, comments), sends an email to the specified address, and stores leads in a Google Sheet.
8. **Responsive Design**: Ensure the layout is mobile-friendly and adapts to various screen sizes.

## USER EXPERIENCE
Users will have a seamless experience navigating through the landing page. They will be drawn to the hero section and can easily scroll down to learn about services, the leadership team, and client portfolio. The call-to-action will encourage users to request quotes, and the simple contact form will facilitate easy communication. Overall, the design will prioritize clarity and engagement, translating visitors into potential clients.