<section class="hero-slider" id="booking">

<div id="luxuryHeroCarousel" class="carousel slide carousel-fade" data-ride="carousel" data-interval="6000">

<div class="carousel-inner">

<!-- Slide 1 -->
<div class="carousel-item active">
    <div class="hero-bg" style="background-image:url('assets/images/hero1.webp');"></div>
    <div class="container hero-content">
        <div class="row align-items-center">

            <div class="col-lg-6 text-white hero-caption">
                <h1 class="display-4 font-weight-bold">
                    Executive Airport Transfers
                </h1>
                <p class="lead">
                    Seamless arrivals. Professional chauffeurs. Absolute comfort.
                </p>
            </div>

            <div class="col-lg-5 offset-lg-1">
                <?php include 'partials/booking-card.php'; ?>
            </div>

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

<!-- Slide 2 -->
<div class="carousel-item">
    <div class="hero-bg" style="background-image:url('assets/images/hero2.webp');"></div>
    <div class="container hero-content">
        <div class="row align-items-center">

            <div class="col-lg-6 text-white hero-caption">
                <h1 class="display-4 font-weight-bold">
                    Luxury Chauffeur Experience
                </h1>
                <p class="lead">
                    Discretion, punctuality, and executive-class vehicles.
                </p>
            </div>

            <div class="col-lg-5 offset-lg-1">
                <?php include 'partials/booking-card.php'; ?>
            </div>

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

<!-- Slide 3 -->
<div class="carousel-item">
    <div class="hero-bg" style="background-image:url('assets/images/hero3.webp');"></div>
    <div class="container hero-content">
        <div class="row align-items-center">

            <div class="col-lg-6 text-white hero-caption">
                <h1 class="display-4 font-weight-bold">
                    Corporate & VIP Concierge
                </h1>
                <p class="lead">
                    Premium coordination for executives and distinguished guests.
                </p>
            </div>

            <div class="col-lg-5 offset-lg-1">
                <?php include 'partials/booking-card.php'; ?>
            </div>

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

</div>

<!-- Controls -->
<a class="carousel-control-prev" href="#luxuryHeroCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>

<a class="carousel-control-next" href="#luxuryHeroCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>

</div>
</section>
