Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Fitness Pro, a company that provides gym trainers and maintenance services for gym equipment. The purpose of the website is to attract potential clients, showcase the services offered, and facilitate easy communication through a contact form.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with the company tagline "Maximum Strength. Zero Downtime." prominently displayed, accompanied by a call-to-action button to "Get a Quote".
   
2. **Service Overview**: A clear breakdown of the two main services offered:
   - **Gym Trainer Services**: Highlighting the expertise and experience of trainers.
   - **Gym Equipment Maintenance**: Detailing the technical scope and benefits of professional maintenance services.

3. **Why Choose Fitness Pro**: A section that emphasizes the company’s proven track record and years of excellence, showcasing client testimonials and premium locations.

4. **Service Packages**: An overview of the available maintenance service packages, including the Comprehensive Plan, Standard Coverage, and Non-Comprehensive Plan with their respective benefits.

5. **Current Portfolio**: A visual display of notable clients and locations served, reinforcing trust and credibility.

6. **Contact Form**: An embedded simple form for users to request a quote, capturing their name, email, phone number, and a message about their requirements, which will integrate with Google Sheets for lead storage.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on typography and clarity.
- **Color Mode**: Light theme with dark text on light backgrounds, using an orange color palette for accents.
- **Layout**: 
  - Hero section at the top, followed by service overview and why choose us sections.
  - Service packages in a grid layout for easy comparison.
  - Current portfolio in a carousel or grid format.
  - Contact form at the bottom for easy access.
- **Typography**: Use a sans-serif font for modernity and readability, with a clear hierarchy (e.g., larger font sizes for headings and smaller for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and component styling.
- **UI Components**: Utilize shadcn/ui for UI components to ensure consistency and ease of use.
- **State Management**: Not required for this simple landing page.

## IMPLEMENTATION STEPS
1. **Set up the project**: Create a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Configure Tailwind CSS for styling the components.
3. **Create components**: Build individual components for the Hero section, service overview, service packages, portfolio, and contact form.
4. **Integrate Google Sheets**: Set up the Google Sheets API to store leads from the contact form submissions.
5. **Responsive Design**: Ensure all components are responsive and adapt to various screen sizes.
6. **Testing**: Test the functionality of the contact form and ensure all links and sections work as intended.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that quickly communicates the brand's value. They can easily navigate through the services and understand the benefits of choosing Fitness Pro. The service packages will allow users to compare their options at a glance. The streamlined contact form enhances user engagement by making it simple for potential clients to reach out for quotes, ensuring a smooth and efficient user experience.