<section id="fleet" class="section-padding">
    <div class="container text-center">

        <h2 class="gold-text mb-3" data-aos="fade-up">
            Our Executive Fleet
        </h2>

        <p class="text-muted mb-5" data-aos="fade-up" data-aos-delay="150">
            Impeccably maintained vehicles designed for comfort, discretion, and executive presence.
        </p>

        <div class="row">

            <!-- Sedan -->
            <div class="col-lg-3 col-md-6 mb-4" data-aos="zoom-in" data-aos-delay="100">
                <div class="fleet-card">
                    <div class="fleet-image">
                        <img src="assets/images/fleet/sedan.webp" alt="Luxury Sedan">
                    </div>
                    <div class="fleet-body">
                        <h5>Sedan</h5>
                        <p class="text-muted">
                            4 Passengers กค 2 Luggage
                        </p>
                        <a href="#contact" class="btn btn-gold btn-sm mt-3">
                            Select Vehicle
                        </a>
                    </div>
                </div>
            </div>

            <!-- SUV -->
            <div class="col-lg-3 col-md-6 mb-4" data-aos="zoom-in" data-aos-delay="200">
                <div class="fleet-card">
                    <div class="fleet-image">
                        <img src="assets/images/fleet/suv.webp" alt="Premium SUV">
                    </div>
                    <div class="fleet-body">
                        <h5>SUV</h5>
                        <p class="text-muted">
                            6 Passengers กค 4 Luggage
                        </p>
                        <a href="#contact" class="btn btn-gold btn-sm mt-3">
                            Select Vehicle
                        </a>
                    </div>
                </div>
            </div>

            <!-- MPV -->
            <div class="col-lg-3 col-md-6 mb-4" data-aos="zoom-in" data-aos-delay="300">
                <div class="fleet-card">
                    <div class="fleet-image">
                        <img src="assets/images/fleet/mpv.webp" alt="Executive MPV">
                    </div>
                    <div class="fleet-body">
                        <h5>MPV</h5>
                        <p class="text-muted">
                            7 Passengers กค 5 Luggage
                        </p>
                        <a href="#contact" class="btn btn-gold btn-sm mt-3">
                            Select Vehicle
                        </a>
                    </div>
                </div>
            </div>

            <!-- Limousine -->
            <div class="col-lg-3 col-md-6 mb-4" data-aos="zoom-in" data-aos-delay="400">
                <div class="fleet-card">
                    <div class="fleet-image">
                        <img src="assets/images/fleet/limousine.jpg" alt="Luxury Limousine">
                    </div>
                    <div class="fleet-body">
                        <h5>Limousine</h5>
                        <p class="text-muted">
                            VIP Experience กค Event Ready
                        </p>
                        <a href="#contact" class="btn btn-gold btn-sm mt-3">
                            Select Vehicle
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

