<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Equitow Towing Service | 24/7 Towing in Altamonte Springs, FL</title>
    <meta name="description" content="Equitow provides fast, reliable 24/7 towing service in Altamonte Springs and Central Florida. Flatbed towing, motorcycle transport, winch outs & more. Call (407) 955-9765.">
    <meta name="author" content="Equitow">
    <link rel="canonical" href="https://equi-tow.com">

    <!-- Open Graph -->
    <meta property="og:title" content="Equitow Towing Service | 24/7 Towing in Altamonte Springs, FL">
    <meta property="og:description" content="Fast, reliable towing service available 24/7 in Altamonte Springs and Central Florida. Call (407) 955-9765.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://equi-tow.com">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Equitow Towing Service | 24/7 Towing in Altamonte Springs, FL">
    <meta name="twitter:description" content="Fast, reliable towing service available 24/7 in Altamonte Springs and Central Florida.">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">


    <!-- Custom CSS -->
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- Local Business Structured Data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Equitow Towing Service",
        "description": "24/7 professional towing service in Altamonte Springs and Central Florida",
        "telephone": "+1-407-955-9765",
        "url": "https://equi-tow.com",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "670 Hillview Dr",
            "addressLocality": "Altamonte Springs",
            "addressRegion": "FL",
            "postalCode": "32714",
            "addressCountry": "US"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "28.6611",
            "longitude": "-81.3656"
        },
        "openingHoursSpecification": {
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
            "opens": "00:00",
            "closes": "23:59"
        },
        "priceRange": "$$",
        "areaServed": ["Altamonte Springs", "Orlando", "Winter Park", "Maitland", "Longwood", "Casselberry", "Lake Mary", "Sanford"]
    }
    </script>

    <!-- Header -->
<header>
    <nav class="navbar navbar-expand-lg navbar-dark" style="background: rgba(31, 41, 55, 0.95); backdrop-filter: blur(10px);">
        <div class="container-max d-flex align-items-center">
            <!-- Logo -->
            <a class="navbar-brand me-auto me-lg-3" href="index.php">
                <img src="assets/equitow-logo.webp" alt="Equitow Towing Service" class="logo" style="height: 40px; filter: brightness(0) invert(1);">
            </a>

            <!-- Mobile Toggle -->
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <!-- Navigation -->
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link text-uppercase fw-bold" href="index.php">Home</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle text-uppercase fw-bold" href="services.php" id="servicesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                            Services
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="servicesDropdown">
                            <li><a class="dropdown-item" href="services.php">All Services</a></li>
                            <li><hr class="dropdown-divider"></li>
                            <li><a class="dropdown-item" href="emergency-towing.php">Emergency Towing</a></li>
                            <li><a class="dropdown-item" href="flatbed-towing.php">Flatbed Towing</a></li>
                            <li><a class="dropdown-item" href="motorcycle-towing.php">Motorcycle Towing</a></li>
                            <li><a class="dropdown-item" href="winch-out-service.php">Winch Out Service</a></li>
                            <li><a class="dropdown-item" href="accident-recovery.php">Accident Recovery</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-uppercase fw-bold" href="service-areas.php">Service Areas</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-uppercase fw-bold" href="about.php">About</a>
                    </li>
                </ul>

                <!-- Phone CTA -->
                <div class="d-none d-lg-block">
                    <a href="tel:+14079559765" class="btn btn-primary btn-lg">
                        <i class="bi bi-telephone-fill me-2"></i>
                        (407) 955-9765
                    </a>
                </div>

                <!-- Mobile Phone CTA -->
                <div class="d-lg-none mt-3">
                    <a href="tel:+14079559765" class="btn btn-primary btn-lg w-100">
                        <i class="bi bi-telephone-fill me-2"></i>
                        (407) 955-9765
                    </a>
                </div>
            </div>
        </div>
    </nav>
</header>


    <main>
        <!-- Hero Section -->
<section id="home" class="position-relative d-flex align-items-center justify-content-center overflow-hidden" style="min-height: 100vh; background-image: url('assets/images/flatbed.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1;">
    <!-- Background Overlay -->
    <div class="hero-overlay position-absolute top-0 start-0 w-100 h-100" style="z-index: 1;"></div>

    <!-- Content -->
    <div class="position-relative container-max px-4 py-5" style="z-index: 2;">
        <div class="row">
            <div class="col-lg-8 col-xl-7">
                <!-- Badge -->
                <div class="d-inline-flex align-items-center gap-2 bg-primary bg-opacity-25 border border-primary border-opacity-50 rounded-pill px-4 py-2 mb-4 animate-fade-in">
                    <i class="bi text-white"></i>
                    <span class="fw-semibold text-white text-uppercase" style="font-size: 0.875rem; letter-spacing: 0.05em;">
                        Available 24/7
                    </span>
                </div>

                <!-- Heading -->
                <h1 class="display-4 fw-bold text-white mb-4 animate-slide-up" style="font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 1.1;">
                    Fast & Reliable <span class="text-warning">Towing Service</span> in Central Florida
                </h1>

                <!-- Subheading -->
                <p class="lead text-white text-opacity-80 mb-4 animate-slide-up" style="animation-delay: 0.1s; max-width: 600px;">
                    Stranded on the road? Equitow provides professional towing and roadside assistance
                    throughout Altamonte Springs and surrounding areas. Fast response, fair prices,
                    and expert care for your vehicle.
                </p>

                <!-- CTAs -->
                <div class="d-flex flex-column flex-sm-row gap-3 mb-5 animate-slide-up" style="animation-delay: 0.2s;">
                    <a href="tel:+14079559765" class="btn btn-warning btn-lg px-4 py-3 text-dark fw-semibold">
                        <i class="bi bi-telephone-fill me-2"></i>
                        Call Now: (407) 955-9765
                    </a>
                    <a href="#services" class="btn btn-outline-light btn-lg px-4 py-3">
                        View Our Services
                    </a>
                </div>

                <!-- Trust Indicators -->
                <div class="d-flex flex-wrap gap-4 pt-4 border-top border-white border-opacity-25 animate-fade-in" style="animation-delay: 0.4s;">
                    <div class="d-flex align-items-center gap-2">
                        <div class="bg-success rounded-circle" style="width: 12px; height: 12px;"></div>
                        <span class="text-white text-opacity-80 small">Licensed & Insured</span>
                    </div>
                    <div class="d-flex align-items-center gap-2">
                        <div class="bg-success rounded-circle" style="width: 12px; height: 12px;"></div>
                        <span class="text-white text-opacity-80 small">Fast Response Time</span>
                    </div>
                    <div class="d-flex align-items-center gap-2">
                        <div class="bg-success rounded-circle" style="width: 12px; height: 12px;"></div>
                        <span class="text-white text-opacity-80 small">Competitive Rates</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Scroll Indicator -->
    <div class="position-absolute bottom-0 start-50 translate-middle-x mb-4 animate-bounce">
        <div class="border border-white border-opacity-50 rounded-pill d-flex justify-content-center align-items-start" style="width: 24px; height: 40px;">
            <div class="bg-white bg-opacity-75 rounded-pill mt-2" style="width: 4px; height: 12px;"></div>
        </div>
    </div>
</section>

        <!-- Trust Section -->
<section class="trust-section py-5 bg-secondary">
    <div class="container-max">
        <div class="row g-4">
            <!-- Fully Licensed & Insured -->
            <div class="col-sm-6 col-lg-3 text-center">
                <div class="d-flex flex-column align-items-center">
                    <div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                        <i class="bi bi-shield-check text-white" style="font-size: 2rem;"></i>
                    </div>
                    <h3 class="h5 text-white mb-2">Fully Licensed & Insured</h3>
                    <p class="text-white text-opacity-75 small mb-0">Complete peace of mind with comprehensive liability coverage</p>
                </div>
            </div>

            <!-- Experienced Operators -->
            <div class="col-sm-6 col-lg-3 text-center">
                <div class="d-flex flex-column align-items-center">
                    <div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                        <i class="bi bi-award text-white" style="font-size: 2rem;"></i>
                    </div>
                    <h3 class="h5 text-white mb-2">Experienced Operators</h3>
                    <p class="text-white text-opacity-75 small mb-0">Trained professionals with years of towing expertise</p>
                </div>
            </div>

            <!-- Fast Response Times -->
            <div class="col-sm-6 col-lg-3 text-center">
                <div class="d-flex flex-column align-items-center">
                    <div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                        <i class="bi bi-clock text-white" style="font-size: 2rem;"></i>
                    </div>
                    <h3 class="h5 text-white mb-2">Fast Response Times</h3>
                    <p class="text-white text-opacity-75 small mb-0">We aim to reach you within 30 minutes of your call</p>
                </div>
            </div>

            <!-- 5-Star Rated Service -->
            <div class="col-sm-6 col-lg-3 text-center">
                <div class="d-flex flex-column align-items-center">
                    <div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                        <i class="bi bi-star-fill text-white" style="font-size: 2rem;"></i>
                    </div>
                    <h3 class="h5 text-white mb-2">5-Star Rated Service</h3>
                    <p class="text-white text-opacity-75 small mb-0">Trusted by hundreds of satisfied customers</p>
                </div>
            </div>
        </div>
    </div>
</section>
        <!-- Services Section -->
<section id="services" class="section-padding bg-light">
    <div class="container-max">
        <!-- Section Header -->
        <div class="text-center mb-5" style="max-width: 600px; margin: 0 auto;">
            <span class="badge bg-primary text-white mb-3 px-3 py-2 text-uppercase" style="font-size: 0.875rem; letter-spacing: 0.05em;">
                What We Offer
            </span>
            <h2 class="display-5 fw-bold text-dark mb-3">
                Professional Towing Services
            </h2>
            <p class="lead text-muted">
                From standard towing to specialized vehicle transport, Equitow has the equipment
                and expertise to handle any situation.
            </p>
        </div>

        <!-- Services Grid -->
        <div class="row g-4">
            <!-- Emergency Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="emergency-towing.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-exclamation-triangle-fill text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Emergency Towing</h3>
                            <p class="card-text text-muted">Immediate response for urgent towing needs. We're available 24/7 to get you out of any roadside emergency.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Accident Recovery Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="accident-recovery.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-shield-exclamation text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Accident Recovery Towing</h3>
                            <p class="card-text text-muted">Professional accident scene recovery with care and expertise. We handle damaged vehicles safely and efficiently.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Roadside Breakdown Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="services.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-wrench text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Roadside Breakdown Towing</h3>
                            <p class="card-text text-muted">Stranded with a breakdown? Our team responds quickly to get your vehicle to safety or a repair shop.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Light Duty Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="services.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-car-front text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Light Duty Towing</h3>
                            <p class="card-text text-muted">Perfect for sedans, SUVs, and small trucks. Fast and affordable towing for everyday vehicles.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Medium Duty Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="services.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-truck text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Medium Duty Towing</h3>
                            <p class="card-text text-muted">Equipped to handle larger vehicles like box trucks, RVs, and commercial vehicles with ease.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Flatbed Towing for Luxury Vehicles -->
            <div class="col-lg-4 col-md-6">
                <a href="flatbed-towing.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-gem text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Flatbed Towing for Luxury Vehicles</h3>
                            <p class="card-text text-muted">Premium flatbed service for exotic, luxury, and classic cars. Your prized vehicle deserves the best care.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Low Clearance Vehicle Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="flatbed-towing.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-truck-flatbed text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Low Clearance Vehicle Towing</h3>
                            <p class="card-text text-muted">Specialized equipment for lowered cars, sports cars, and vehicles with minimal ground clearance.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Flatbed Vehicle Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="flatbed-towing.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-truck-flatbed text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Flatbed Vehicle Towing</h3>
                            <p class="card-text text-muted">Safe transport for all vehicle types using our modern flatbed trucks. Ideal for luxury, lowered, or damaged vehicles.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Motorcycle Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="motorcycle-towing.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-bicycle text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Motorcycle Towing</h3>
                            <p class="card-text text-muted">Specialized equipment and trained operators ensure your motorcycle is transported safely and securely.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Winch Out Service -->
            <div class="col-lg-4 col-md-6">
                <a href="winch-out-service.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-exclamation-triangle text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Winch Out Service</h3>
                            <p class="card-text text-muted">Stuck in a ditch, mud, or sand? Our powerful winch equipment gets you back on the road quickly.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- All Wheel Drive Vehicles -->
            <div class="col-lg-4 col-md-6">
                <a href="services.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-gear text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">All Wheel Drive Vehicles</h3>
                            <p class="card-text text-muted">Expert handling of AWD and 4WD vehicles with proper equipment to prevent drivetrain damage.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- Available 24 Hours -->
            <div class="col-lg-4 col-md-6">
                <a href="services.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-clock-fill text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">Available 24 Hours</h3>
                            <p class="card-text text-muted">Emergencies don't wait for business hours. We're ready to help day or night, 365 days a year.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>

            <!-- 2-Vehicle Towing -->
            <div class="col-lg-4 col-md-6">
                <a href="services.php" class="text-decoration-none">
                    <div class="card h-100 border-0 shadow-sm hover-card">
                        <div class="card-body p-4">
                            <div class="bg-primary bg-opacity-10 rounded d-flex align-items-center justify-content-center mb-3" style="width: 64px; height: 64px;">
                                <i class="bi bi-truck text-white" style="font-size: 2rem;"></i>
                            </div>
                            <h3 class="h5 card-title fw-bold text-dark mb-3">2-Vehicle Towing</h3>
                            <p class="card-text text-muted">Need to move multiple vehicles? We can accommodate towing two vehicles simultaneously.</p>
                            <span class="text-primary small fw-semibold">Learn More →</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <!-- CTA -->
        <div class="text-center mt-5">
            <a href="tel:+14079559765" class="btn btn-primary btn-lg px-5 py-3">
                Get Help Now
            </a>
        </div>
    </div>
</section>
        <!-- Service Areas Section -->
<section id="service-areas" class="section-padding bg-white">
    <div class="container-max">
        <!-- Section Header -->
        <div class="text-center mb-5" style="max-width: 600px; margin: 0 auto;">
            <span class="badge bg-primary text-white mb-3 px-3 py-2 text-uppercase" style="font-size: 0.875rem; letter-spacing: 0.05em;">
                Coverage Area
            </span>
            <h2 class="display-5 fw-bold text-dark mb-3">
                Serving Central Florida
            </h2>
            <p class="lead text-muted">
                Equitow proudly serves Altamonte Springs and all communities within a 25-mile radius.
                No matter where you're stranded, help is just a phone call away.
            </p>
        </div>

        <!-- Service Areas Grid -->
        <div class="row g-3">
            <div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/altamonte-springs.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Altamonte Springs</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/orlando.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Orlando</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/winter-park.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Winter Park</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/maitland.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Maitland</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/longwood.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Longwood</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/casselberry.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Casselberry</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/fern-park.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Fern Park</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/lake-mary.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Lake Mary</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/sanford.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Sanford</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/oviedo.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Oviedo</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/winter-springs.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Winter Springs</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/apopka.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Apopka</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/forest-city.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Forest City</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/wekiva-springs.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Wekiva Springs</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/debary.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">DeBary</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/deltona.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Deltona</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/winter-garden.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Winter Garden</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/clermont.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Clermont</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/kissimmee.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Kissimmee</span></a></div><div class="col-6 col-sm-4 col-md-3 col-lg-2"><a href="cities/dr-phillips.php" class="d-flex align-items-center gap-2 p-3 bg-light rounded text-decoration-none hover-bg-primary transition-all"><i class="bi text-white flex-shrink-0"></i><span class="small fw-medium text-dark">Dr. Phillips</span></a></div>        </div>

        <!-- Additional Info -->
        <div class="mt-5 p-4 bg-light rounded text-center">
            <p class="text-muted mb-0">
                Don't see your city listed?
                <a href="tel:+14079559765" class="text-primary fw-semibold text-decoration-none">
                    Call us at (407) 955-9765
                </a>
                — we may still be able to help!
            </p>
        </div>
    </div>
</section>

        <!-- Why Choose Us Section -->
<section id="about" class="section-padding bg-light">
    <div class="container-max">
        <div class="row g-5 align-items-center">
            <!-- Content -->
            <div class="col-lg-6">
                <span class="badge bg-primary text-white mb-3 px-3 py-2 text-uppercase" style="font-size: 0.875rem; letter-spacing: 0.05em;">
                    Why Choose Us
                </span>
                <h2 class="display-5 fw-bold text-dark mb-4">
                    The Towing Company You Can Trust
                </h2>
                <p class="lead text-muted mb-4">
                    When you're stranded on the side of the road, you need a towing company that
                    responds quickly, treats you fairly, and handles your vehicle with care.
                    That's exactly what you get with Equitow.
                </p>

                <ul class="list-unstyled mb-4">
                    <li class="d-flex align-items-start gap-3 mb-3"><div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 mt-1" style="width: 24px; height: 24px;"><i class="bi text-white" style="font-size: 0.875rem;"></i></div><span class="text-dark">Locally owned and operated in Altamonte Springs</span></li><li class="d-flex align-items-start gap-3 mb-3"><div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 mt-1" style="width: 24px; height: 24px;"><i class="bi text-white" style="font-size: 0.875rem;"></i></div><span class="text-dark">Modern fleet of well-maintained tow trucks</span></li><li class="d-flex align-items-start gap-3 mb-3"><div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 mt-1" style="width: 24px; height: 24px;"><i class="bi text-white" style="font-size: 0.875rem;"></i></div><span class="text-dark">Transparent pricing with no hidden fees</span></li><li class="d-flex align-items-start gap-3 mb-3"><div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 mt-1" style="width: 24px; height: 24px;"><i class="bi text-white" style="font-size: 0.875rem;"></i></div><span class="text-dark">Careful handling of your vehicle</span></li><li class="d-flex align-items-start gap-3 mb-3"><div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 mt-1" style="width: 24px; height: 24px;"><i class="bi text-white" style="font-size: 0.875rem;"></i></div><span class="text-dark">GPS-tracked trucks for accurate ETAs</span></li><li class="d-flex align-items-start gap-3 mb-3"><div class="bg-primary bg-opacity-25 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0 mt-1" style="width: 24px; height: 24px;"><i class="bi text-white" style="font-size: 0.875rem;"></i></div><span class="text-dark">We work with all insurance companies</span></li>                </ul>

                <a href="tel:+14079559765" class="btn btn-primary btn-lg px-5 py-3">
                    Get a Free Quote
                </a>
            </div>

            <!-- Stats -->
            <div class="col-lg-6">
                <div class="row g-4">
                    <div class="col-6">
                        <div class="card border-0 shadow-sm text-center p-4 h-100">
                            <div class="card-body">
                                <div class="display-4 fw-bold text-primary mb-2">24/7</div>
                                <div class="text-muted small">Always Available</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card border-0 shadow-sm text-center p-4 h-100">
                            <div class="card-body">
                                <div class="display-4 fw-bold text-primary mb-2">30</div>
                                <div class="text-muted small">Min Avg Response</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card border-0 shadow-sm text-center p-4 h-100">
                            <div class="card-body">
                                <div class="display-4 fw-bold text-primary mb-2">500+</div>
                                <div class="text-muted small">Happy Customers</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card border-0 shadow-sm text-center p-4 h-100">
                            <div class="card-body">
                                <div class="display-4 fw-bold text-primary mb-2">5★</div>
                                <div class="text-muted small">Customer Rating</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

        <!-- Reviews Section -->
<section id="reviews" class="section-padding bg-secondary">
    <div class="container-max">
        <!-- Section Header -->
        <div class="text-center mb-5" style="max-width: 600px; margin: 0 auto;">
            <span class="badge bg-primary text-white mb-3 px-3 py-2 text-uppercase" style="font-size: 0.875rem; letter-spacing: 0.05em;">
                Customer Reviews
            </span>
            <h2 class="display-5 fw-bold text-white mb-3">
                What Our Customers Say
            </h2>
            <p class="lead text-white text-opacity-75">
                Don't just take our word for it — hear from drivers who've trusted
                Equitow with their vehicles.
            </p>
        </div>

        <!-- Reviews Embed Section -->
        <div class="row justify-content-center">
            <div class="col-lg-10 col-xl-8">
                <div class="bg-white rounded-3 shadow p-4 p-md-5">
                    <!-- Review Digest Widget -->
                    <script
                      src="https://widgets.leadconnectorhq.com/loader.js"
                      data-resources-url="https://widgets.leadconnectorhq.com/chat-widget/loader.js"
                      data-widget-id="667a8b2ecdbbf88295762c3b"   >
                    </script>
                </div>
            </div>
        </div>
    </div>
</section>

        <!-- CTA Banner Section -->
<section class="py-5 bg-secondary position-relative overflow-hidden">
    <!-- Decorative Elements -->
    <div class="position-absolute top-0 start-0 translate-middle" style="width: 256px; height: 256px; background: rgba(30, 64, 175, 0.1); border-radius: 50%; transform: translate(-50%, -50%);"></div>
    <div class="position-absolute bottom-0 end-0 translate-middle" style="width: 384px; height: 384px; background: rgba(30, 64, 175, 0.05); border-radius: 50%; transform: translate(50%, 50%);"></div>

    <div class="container-max position-relative z-10">
        <div class="text-center" style="max-width: 768px; margin: 0 auto;">
            <h2 class="display-5 fw-bold text-white mb-4">
                Stranded? We're On Our Way!
            </h2>
            <p class="lead text-white text-opacity-75 mb-5">
                Don't wait on the side of the road. Call Equitow now for fast, reliable towing
                service in Altamonte Springs and the surrounding Central Florida area.
            </p>

            <div class="d-flex justify-content-center">
                <a href="tel:+14079559765" class="btn btn-warning btn-lg px-5 py-3 text-dark fw-semibold">
                    <i class="bi bi-telephone-fill me-2"></i>
                    Call (407) 955-9765
                </a>
            </div>
        </div>
    </div>
</section>

    </main>

    <!-- Footer -->
<footer id="contact" class="bg-secondary text-white">
    <!-- Main Footer -->
    <div class="container-max py-5">
        <div class="row g-4">
            <!-- Column 1: Logo & Contact -->
            <div class="col-lg-4">
                <img src="assets/equitow-logo.webp" alt="Equitow Towing Service" class="mb-4" style="height: 64px; filter: brightness(0) invert(1);">
                <div class="mb-4">
                    <a href="tel:+14079559765" class="d-flex align-items-center gap-3 text-white text-decoration-none mb-3">
                        <i class="bi bi-telephone-fill text-white"></i>
                        (407) 955-9765
                    </a>
                    
                    <div class="d-flex align-items-start gap-3 text-white mb-3">
                        <i class="bi bi-geo-alt-fill text-white mt-1"></i>
                        <span>670 Hillview Dr<br>Altamonte Springs, FL 32714</span>
                    </div>
                    <div class="d-flex align-items-center gap-3 text-white">
                        <i class="bi bi-clock-fill text-white"></i>
                        <span>Open 24/7</span>
                    </div>
                </div>

                <!-- Social Icons -->
                <div class="d-flex gap-3">
                    
                </div>
            </div>

            <!-- Column 2: Quick Links -->
            <div class="col-lg-2 col-md-3">
                <h4 class="fw-bold text-uppercase mb-4" style="letter-spacing: 0.05em;">Quick Links</h4>
                <ul class="list-unstyl@ed">
                    <li class="mb-2"><a href="index.php" class="text-white text-decoration-none">Home</a></li>
                    <li class="mb-2"><a href="services.php" class="text-white text-decoration-none">All Services</a></li>
                    <li class="mb-2"><a href="service-areas.php" class="text-white text-decoration-none">Service Areas</a></li>
                    <li class="mb-2"><a href="/about.php" class="text-white text-decoration-none">About Us</a></li>
                </ul>
            </div>

            <!-- Column 3: Services -->
            <div class="col-lg-2 col-md-3">
                <h4 class="fw-bold text-uppercase mb-4" style="letter-spacing: 0.05em;">Services</h4>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="emergency-towing.php" class="text-white text-decoration-none">Emergency Towing</a></li>
                    <li class="mb-2"><a href="flatbed-towing.php" class="text-white text-decoration-none">Flatbed Towing</a></li>
                    <li class="mb-2"><a href="motorcycle-towing.php" class="text-white text-decoration-none">Motorcycle Towing</a></li>
                    <li class="mb-2"><a href="winch-out-service.php" class="text-white text-decoration-none">Winch Out Service</a></li>
                    <li class="mb-2"><a href="accident-recovery.php" class="text-white text-decoration-none">Accident Recovery</a></li>
                </ul>
            </div>

            <!-- Column 4: Service Areas -->
            <div class="col-lg-2 col-md-3">
                <h4 class="fw-bold text-uppercase mb-4" style="letter-spacing: 0.05em;">Service Areas</h4>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="cities/altamonte-springs.php" class="text-white text-decoration-none">Altamonte Springs</a></li><li class="mb-2"><a href="cities/orlando.php" class="text-white text-decoration-none">Orlando</a></li><li class="mb-2"><a href="cities/winter-park.php" class="text-white text-decoration-none">Winter Park</a></li><li class="mb-2"><a href="cities/maitland.php" class="text-white text-decoration-none">Maitland</a></li><li class="mb-2"><a href="cities/longwood.php" class="text-white text-decoration-none">Longwood</a></li><li class="mb-2"><a href="cities/casselberry.php" class="text-white text-decoration-none">Casselberry</a></li><li class="mb-2"><a href="cities/lake-mary.php" class="text-white text-decoration-none">Lake Mary</a></li><li class="mb-2"><a href="cities/sanford.php" class="text-white text-decoration-none">Sanford</a></li>                </ul>
                <a href="service-areas.php" class="text-white text-decoration-none small">View All Cities →</a>
            </div>

            <!-- Column 5: Hours & Emergency -->
            <div class="col-lg-4">
                <h4 class="fw-bold text-uppercase mb-4" style="letter-spacing: 0.05em;">24/7 Emergency Service</h4>
                <p class="text-white text-opacity-75 mb-4">
                    Stranded on the road? Our professional towing team is available around
                    the clock to help you get back on your way.
                </p>
                <a href="tel:+14079559765" class="btn btn-primary btn-lg px-4 py-2 text-uppercase fw-bold">
                    <i class="bi bi-telephone-fill me-2"></i>
                    Call Now
                </a>
            </div>
        </div>
    </div>

    <!-- Bottom Bar -->
    <div class="border-top border-white border-opacity-10">
        <div class="container-max py-3">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <p class="text-white text-opacity-60 small mb-0 text-center text-md-start">
                        © 2026 Equitow Towing Service. All rights reserved.
                    </p>
                </div>
                <div class="col-md-6">
                    <div class="text-center text-md-end">
                        <a href="https://equi-tow.com" target="_blank" rel="noopener noreferrer" class="text-white text-opacity-60 small text-decoration-none">
                            equi-tow.com
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

    <!-- Custom JS -->
    <script>
        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Navbar scroll effect
        window.addEventListener('scroll', function() {
            const navbar = document.querySelector('.navbar');
            if (window.scrollY > 50) {
                navbar.classList.add('navbar-scrolled');
            } else {
                navbar.classList.remove('navbar-scrolled');
            }
        });

        // Mobile menu close on click
        document.querySelectorAll('.navbar-nav .nav-link').forEach(link => {
            link.addEventListener('click', () => {
                const navbarCollapse = document.querySelector('.navbar-collapse');
                if (navbarCollapse.classList.contains('show')) {
                    const bsCollapse = new bootstrap.Collapse(navbarCollapse, {
                        hide: true
                    });
                }
            });
        });
    </script>
</body>
</html>
