
        <div id="smooth-content">
            <main class="o-hidden">
                <!-- Header Banner -->
                <header class="pg-hero section-padding">
                    <div class="container">
                        <div class="row mb-60 justify-content-center">
                            <div class="col-md-6 text-center">
                                <div class="section-subtitle">Explore Our Tours</div>
                                <div class="section-title">Discover <i>unforgettable journeys</i> across the world</div>
                            </div>
                        </div>
                    </div>
                    <div class="container-fluid">
                        <div class="height1">
                            <div class="radius-mask">
                                <div class="bg-img height2" data-background="assets/img/philippine2.jpg" data-speed="0.5" data-lag="0"></div>
                            </div>
                        </div>
                    </div>
                </header>
                <!-- Tours -->
                <section class="tours section-padding">
                    <div class="container">
                        <div class="row tours-isotope">
                            <!-- Item -->
                            <div class="col-md-6 items">
                                <div class="mb-30">
                                    <div class="section-subtitle">Best Tour Packages</div>
                                    <div class="section-title">Experience the best<br>travel tours<i>.</i></div>
                                </div>
                            </div>
                            <!-- Item -->
                            <?php foreach ($offers as $slug => $offer): ?>
                                <div class="col-md-6 items">
                                    <div class="item">
                                        <div class="tour-media">
                                        <img src="/lakbay/assets/img/destination/<?= $offer['image'] ?>"
                                alt="<?= htmlspecialchars($offer['title']) ?>"
                                class="height2" data-speed="0.8" data-lag="0">
                                            <div class="clicko">
                                                <a href="<?= base_url('tour_details/' . $slug) ?>">
                                                    <span class="icon-wrap"><span class="icon"><i class="ti-arrow-top-right"></i></span></span>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="tour-content">
                                            <div class="tour-header">
                                                <div class="tour-location">
                                                    <i class="ti-location-pin"></i>
                                                    <span><?= htmlspecialchars($offer['destination']) ?></span>
                                                </div>
                                                <a href="<?= base_url('tour_details/' . $slug) ?>">
                                                    <h4 class="tour-title"><?= htmlspecialchars($offer['title']) ?></h4>
                                                </a>
                                            </div>
                                            <div class="tour-info">
                                                <div class="tour-duration">
                                                    <div class="tour-icon"><i class="fa-light fa-calendar"></i></div>
                                                    <div class="tour-meta">
                                                        <small>Duration</small>
                                                        <span><?= htmlspecialchars($offer['duration']) ?></span>  <!-- ← was hardcoded -->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tour-price-wrap">
                                                <div class="tour-rating">
                                                    <i class="fa-solid fa-star"></i>
                                                    <?= number_format($offer['rating'], 2) ?>
                                                    (<?= $offer['review_count'] ?>)
                                                </div>
                                                <div class="tour-price">
                                                    <?php if (!empty($offer['original_price'])): ?>
                                                        £<?= number_format($offer['original_price']) ?>
                                                    <?php endif; ?>
                                                    <span><s>£<?= number_format($offer['price']) ?></s></span>
                                                    <span>/ per person</span>   <!-- ← now uses correct price -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                            <!-- Item -->
                            <!-- <div class="col-md-6 items">
                                <div class="item">
                                    <div class="tour-media"> <img src="assets/img/destination/03.jpg" alt="" class="height2" data-speed="0.8" data-lag="0">
                                        <div class="clicko"><a href="tour-details.html"><span class="icon-wrap"><span class="icon"><i class="ti-arrow-top-right"></i></span></span></a></div>
                                    </div>
                                    <div class="tour-content">
                                        <div class="tour-header">
                                            <div class="tour-location"> <i class="ti-location-pin"></i> <span>Dubai, UAE</span> </div>
                                            <h4 class="tour-title">Dubai Luxury Journey</h4>
                                        </div>
                                        <div class="tour-info">
                                            <div class="tour-duration">
                                                <div class="tour-icon"> <i class="fa-light fa-calendar"></i> </div>
                                                <div class="tour-meta"> <small>Duration</small> <span>5 Days - 4 Nights</span> </div>
                                            </div>
                                        </div>
                                        <div class="tour-price-wrap">
                                            <div class="tour-rating"> <i class="fa-solid fa-star"></i> 4.8 </div>
                                            <div class="tour-price"> $699 <span>/ Traveler</span> </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          
                            <div class="col-md-6 items">
                                <div class="item">
                                    <div class="tour-media"> <img src="assets/img/destination/02.jpg" alt="" class="height2" data-speed="0.8" data-lag="0">
                                        <div class="clicko"><a href="tour-details.html"><span class="icon-wrap"><span class="icon"><i class="ti-arrow-top-right"></i></span></span></a></div>
                                    </div>
                                    <div class="tour-content">
                                        <div class="tour-header">
                                            <div class="tour-location"> <i class="ti-location-pin"></i> <span>Banff, Canada</span> </div>
                                            <h4 class="tour-title">Canadian Nature Tour</h4>
                                        </div>
                                        <div class="tour-info">
                                            <div class="tour-duration">
                                                <div class="tour-icon"> <i class="fa-light fa-calendar"></i> </div>
                                                <div class="tour-meta"> <small>Duration</small> <span>7 Days - 6 Nights</span> </div>
                                            </div>
                                        </div>
                                        <div class="tour-price-wrap">
                                            <div class="tour-rating"> <i class="fa-solid fa-star"></i> 4.9 </div>
                                            <div class="tour-price"> $799 <span>/ Traveler</span> </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6 items">
                                <div class="item">
                                    <div class="tour-media"> <img src="assets/img/destination/05.jpg" alt="" class="height2" data-speed="0.8" data-lag="0">
                                        <div class="clicko"><a href="tour-details.html"><span class="icon-wrap"><span class="icon"><i class="ti-arrow-top-right"></i></span></span></a></div>
                                    </div>
                                    <div class="tour-content">
                                        <div class="tour-header">
                                            <div class="tour-location"> <i class="ti-location-pin"></i> <span>Santorini, Greece</span> </div>
                                            <h4 class="tour-title">Greek Paradise Tour</h4>
                                        </div>
                                        <div class="tour-info">
                                            <div class="tour-duration">
                                                <div class="tour-icon"> <i class="fa-light fa-calendar"></i> </div>
                                                <div class="tour-meta"> <small>Duration</small> <span>7 Days - 6 Nights</span> </div>
                                            </div>
                                        </div>
                                        <div class="tour-price-wrap">
                                            <div class="tour-rating"> <i class="fa-solid fa-star"></i> 4.8 </div>
                                            <div class="tour-price"> $899 <span>/ Traveler</span> </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </section>
            </main>
            