
<div id="scrolldown-end"></div>

<div class="tour-packages about-us-area style-1">
    <div class="container">
        <div class="row">
            <!-- Left column: Banner slider -->
            <div class="col-lg-4 col-sm-4 col-12">
                <div class="tour-slider" id="tour_slider" data-delay="1000">
                    <?php if(!empty($banner_list)): ?>
                        <?php foreach($banner_list as $banner): ?>
                            <?php if($banner['banner_type'] === "Image"): ?>
                                <div>
                                    <a href="<?= !empty($banner['link']) ? $banner['link'] : 'javascript:;' ?>" 
                                       class="team-member-card tour-card"
                                       <?= ($banner['open_in_new_tab'] === 'Yes') ? 'target="_blank"' : '' ?>>
                                        <div class="image">
                                            <img src="<?= base_url('public/uploads/'.$banner['image']) ?>" 
                                                 alt="<?= esc($banner['title']) ?>" />
                                        </div>
                                    </a>
                                </div>
                            <?php elseif($banner['banner_type'] === "Video"): ?>
                                <div>
                                    <video class="w-100" autoplay muted loop>
                                        <source src="<?= base_url('public/uploads/'.$banner['video_url']) ?>" type="video/mp4">
                                    </video>
                                </div>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <p>No banners available.</p>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Right column: Trip themes & Places -->
            <div class="col-lg-8 col-sm-8 col-12">
                <!-- Trip Themes -->
                <h1 class="title fs-4">Short Tour Packages</h1>
                <div class="team-slider" id="team_slider_one">
                    <?php if(!empty($short_tour_list)): ?>
                        <?php foreach($short_tour_list as $trip): ?>
                            <div>
                                <a href="<?= base_url('trip/details/'.$trip['trip_url']) ?>" class="team-member-card style-two">
                                    <div class="image">
                                        <img src="<?= !empty($trip['thumbnail']) ? base_url('public/uploads/'.$trip['thumbnail']) : base_url('public/uploads/default-category.jpg') ?>" 
                                             alt="<?= esc($trip['title']) ?>" />
                                    </div>
                                    <div class="content-wrap team-info">
                                        <div class="user-info">
                                            <h5><?= esc($trip['title']) ?></h5>
                                            <!-- Preserve space even if no trips -->
                                            <!-- small>
                                                <?= (!empty($category['trip_count']) && $category['trip_count'] > 0) ? esc($category['trip_count']).' Tours' : '&nbsp;' ?>
                                            </small -->
                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <p>No categories available at the moment.</p>
                    <?php endif; ?>
                </div>

                <!-- Places you can go -->
                <h1 class="title fs-4 mt-3">Places you can go</h1>
                <div class="team-slider visa-slider" id="visa_slider">
                    <?php if(!empty($photo_album_list)): ?>
                        <?php foreach($photo_album_list as $place): ?>
                            <div>
                                <a href="<?= !empty($place['photo_album_url']) ? $place['photo_album_url'] : 'javascript:;' ?>" class="visa-card">
                                    <div class="image">
                                        <img src="<?= base_url('public/uploads/'.$place['photo_image']) ?>" 
                                             alt="<?= esc($place['title']) ?>" />
                                        <h5><?= esc($place['title']) ?></h5>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <p>No places available.</p>
                    <?php endif; ?>
                </div>
            </div> <!-- End right column -->
        </div> <!-- End row -->
    </div> <!-- End container -->
</div> <!-- End tour-packages -->





<!--div class="about-us-area style-1">
	<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-5 col-sm-12">
					<div class="image-wrapper">
						<img src="images/about.jpg" alt="about">
					</div>
				</div>                    
				<div class="col-lg-7 col-sm-12">
					<div class="content-wrapper ps-4">
						<div class="content">
							<h2 class="title"> About Leisure Club Holidays</h2>
							<p class="desc">At Leisure Club Holidays, we believe that every journey should be as enriching as the destination itself. With a passion for crafting unforgettable experiences, we offer a diverse range of tour packages from the vibrant landscapes of India, to breathtaking international escapes, and deeply spiritual pilgrimages that nourish the soul. </p>
							<p class="desc">Whether you're seeking adventure, cultural immersion, or inner peace, our team ensures seamless planning, transparent pricing, and personalized service every step of the way. With Leisure Club Holidays, your travel dreams aren’t just possible they’re effortless.</p>
						</div>
						<div>
							<a href="<?=base_url('page/about_us')?>" class="theme-btn image-card-btn">About Us</a>
						</div>
					</div>
					
				</div>
			</div>
		
	</div>
</div-->

<!-- Service Slider Area Start -->
<div class="service-slider-area style-1" style="background: url(<?= base_url('public/images/service-bg.jpg') ?>);">
    <div class="section-overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-10 col-sm-12 col-12 mx-auto">
                <div class="section-title text-center mb-5">
                    <h2 class="title text-white"><span class="under-line">Customize Your Journey with Us</span></h2>
                    <!-- <p class="desc text-white">Optional description here.</p> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="service-slider">
                <?php if(!empty($trip_list)): ?>
                    <?php foreach($trip_list as $trip): ?>
                        <a href="<?= base_url('trip/details/'.$trip['trip_url']) ?>" class="icon-card">
                            <div class="icon">
                                <img src="<?= base_url('public/uploads/'.$trip['image']) ?>" alt="<?= esc($trip['title']) ?>">
                                <div class="price-bx">
                                    <span>T&C applies</span>
                                </div>
                            </div>
                            <div class="content">
                                <h6 class="title"><?= esc($trip['title']) ?></h6>
                                <ul class="stay">
                                <?php if($trip['title']!='1'){ ?>

                                    <li>Visa</li>
                                <?php } ?>

                                    <li>Meal</li>
                                    <li>Sight Seeing</li>
                                </ul>
                                
                                <!-- Optional facilities list -->
                                <!--
                                <ul class="facility">
                                    <li>Round Trip Flights</li>
                                    <li>Intercity Car Transfers</li>
                                    <li>3 Star Hotels</li>
                                    <li>Airport Transfers</li>
                                    <li>6 Activities</li>
                                    <li>Selected Meals</li>
                                </ul>
                                -->
                                <div class="d-flex justify-content-between align-items-center gap-2 flex-wrap w-100">
                                    <div>
                                        <h6 class="price"><span>From</span><br> ₹ <?= esc($trip['price']) ?></h6>
                                    </div>
                                    <span class="book-now">View Details</span>
                                </div>
                            </div>
                        </a>
                        <?php endforeach; ?>
                <?php else: ?>
                    <p class="text-white text-center w-100">No trips available at the moment.</p>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>


<div class="counter-up-area style-1">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="counter-card">
                    <div class="counter-item">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">100</span>+
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">International Packages</p>
                        </div>
                    </div>
                    <div class="counter-item">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">20</span>+
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">Honeymoon Packages</p>
                        </div>
                    </div>
                    <div class="counter-item style-two">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">4.9/5</span>
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">Average Rating</p>
                        </div>
                    </div>
                    <div class="counter-item">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">1000</span>+
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">Total Tours Completed</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Why Choose Us Area Start -->
<div class="why-choose-us-area style-3 about-us-area style-2 overflow-hidden">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 col-sm-12 pe-auto pe-lg-5">
				<div class="video-popup-area style-1">
					<div class="video-popup-card style-two">
						<div class="image video-popup-image">
							<img src="images/video-bg.jpg" alt="video-bg" />
							<div class="video-popup-btn">
								<a href="https://www.youtube.com/watch?v=SZEflIVnhH8" class="mfp-iframe video-play">
									<i class="fa-solid fa-play" aria-hidden="true"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-lg-5 col-sm-12 ms-lg-auto">
                <div class="post-comments-form bg-gray py-30 px-30" id="quick-form-wrapper">
                     <?php include 'quick_enquiry.php';?>

                    <!-- <div class="comment-respond">
                        <div class="section-title">
                            <h3>Quick Inquiry</h3>
                        </div>
                        <form action="javascript:;" class="comment-form">
                            <div class="row gx-2">
                                <div class="col-lg-12">
                                    <div class="single-input-field">
                                        <input name="name" type="text" placeholder="Full Name">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="single-input-field">
                                        <input name="number" type="number" placeholder="Phone number">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="single-input-field">
                                        <select required>
                                            <option value="" disabled selected>--Select Holiday Package--</option>
                                            <option value="India Tour Packages">India Tour Packages</option>
                                            <option value="International Tour Packages">International Tour Packages</option>
                                            <option value="Spiritual Tour Packages">Spiritual Tour Packages</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-input-field">
                                          <textarea name="message" placeholder="Message" ></textarea>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <button class="theme-btn image-card-btn w-100" type="submit">Send Message </button>
                                </div>
                            </div>
                        </form>
                        <!-- <div class="bg-secondary mt-5 p-3 rounded-2 text-white">
                            <p>Quick Contact</p>
                            <h5 class="mb-0 text-white"><a href="tel:+918308108574"><small><i class="fa fa-phone">&nbsp;</i></small> +91 8308 108 574</a></h5>
                            <p><a href="mailto:leisureclubholidays@gmail.com" class="text-white"><i class="fa fa-envelope">&nbsp;&nbsp;</i> leisureclubholidays@gmail.com</a></p>
                        </div> -->
                    </div> 
                </div>
            </div>
			
			
			
			
			<!--div class="col-xl-6 col-lg-6">
				<div class="about-us-image-gallery ms-0 ms-lg-5 mt-3">
					<div class="row">
						<?php if($jivdhan_photo_list){?>
						<?php foreach ($jivdhan_photo_list as  $jivdhan) {?>
						<div class="col-6">
							<div class="image-wrapper">
								<img src="<?=base_url('public/uploads/'.$jivdhan['image'])?>" alt="<?=$jivdhan['title']?>">
							</div>
						</div>
						<?php }} ?>
						
						<div class="col-lg-6 col-12">
							<div class="section-title my-4">
								<h2 class="title">Digital Media Library</h2>
								<a href="<?=base_url('photo_album')?>" class="icon">
									<i class="icon-arrow-right"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div-->
		</div>
	</div>
</div>
<!-- Why Choose Us Area End -->



<div class="team-slider-area style-2 tabular-section">
    <div class="sketch" style="background: url(template/front/images/sketch-color.png)"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="section-title mb-3">
                    <h2 class="title">Best budget travel destinations</h2>
                </div>
            </div>
            <div class="col-lg-6 col-sm-6">
                <nav class="price-card-switch text-center text-sm-end">
                    <ul class="nav-tab tabs-list">
                        <li class="item active">Under 50 K</li>
                        <li class="item ">50 K - 1 Lac</li>
                    </ul>
                </nav>
            </div>
        </div>

        <div class="tabs-content">
            <div class="content active">
                <div class="team-slider team_slider_two">
                <?php if(!empty($trip_list)): ?>
                    <?php foreach($trip_list as $trip): ?>
                    <div class="team-member-card style-two">
                        <div class="image">
							<img src="https://php8.chittaranjan.co.in/leisure_club/public/uploads/1745565510_aa26a37d684b37fe70f2.jpg"alt="Most Wanted Kerala Package" />                                    
							<div class="price-bx">
                                <span>Under 50 K</span>
                            </div>
                        </div>
                        <div class="content-wrap">
                            <div class="user-info text-center">
                                <h6 class="mb-1">Most Wanted Kerala Package</h6>

                                <!-- Optional: You can add a static or dynamic location list if you have it -->
                                <ul class="stay justify-content-center">
                                    <li>Location 1</li>
                                    <li>Location 2</li>
                                </ul>

                                <div class="d-flex justify-content-between gap-2 align-items-top">
                                    <h6 class="price text-start"><span>Flight Not Included</span></h6>
                                    <h6 class="price text-end">₹ 11,411 <span>/person</span></h6>
                                </div>
                                <div class="shortlist">
                                    <a href="tel:+917666721411">Call Now</a>
									<a href="http://design/projects/leisure_club/code/trip/details/most_wanted_kerala_package">View Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <p class="text-white text-center w-100">No trips available at the moment.</p>
                <?php endif; ?>
                    <div class="team-member-card style-two">
                        <div class="image">
							<img src="https://php8.chittaranjan.co.in/leisure_club/public/uploads/1745841578_66ea391268a0e2ff8e05.jpg"alt="Thailand" />                                    
							<div class="price-bx">
                                <span>Under 50 K</span>
                            </div>
                        </div>
                        <div class="content-wrap">
                            <div class="user-info text-center">
                                <h6 class="mb-1">Thailand</h6>

                                <!-- Optional: You can add a static or dynamic location list if you have it -->
                                <ul class="stay justify-content-center">
                                    <li>Location 1</li>
                                    <li>Location 2</li>
                                </ul>

                                <div class="d-flex justify-content-between gap-2 align-items-top">
                                    <h6 class="price text-start"><span>Flight Not Included</span></h6>
                                    <h6 class="price text-end">₹ 14,999 <span>/person</span></h6>
                                </div>
                                <div class="shortlist">
                                    <a href="tel:+917666721411">Call Now</a>
									<a href="http://design/projects/leisure_club/code/trip/details/thailand">View Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="content ">
                <div class="team-slider team_slider_two">
                    <div class="team-member-card style-two">
                        <div class="image">
							<img src="https://php8.chittaranjan.co.in/leisure_club/public/uploads/1759216931_af95f6f20aba06e34dfe.jpg"alt="Australia" />                                    
							<div class="price-bx">
                                <span>50 K - 1 Lac</span>
                            </div>
                        </div>
                        <div class="content-wrap">
                            <div class="user-info text-center">
                                <h6 class="mb-1">Australia</h6>

                                <!-- Optional: You can add a static or dynamic location list if you have it -->
                                <ul class="stay justify-content-center">
                                    <li>Location 1</li>
                                    <li>Location 2</li>
                                </ul>

                                <div class="d-flex justify-content-between gap-2 align-items-top">
                                    <h6 class="price text-start"><span>Flight Not Included</span></h6>
                                    <h6 class="price text-end">₹ 100,000 <span>/person</span></h6>
                                </div>
                                <div class="shortlist">
                                    <a href="tel:+917666721411">Call Now</a>
									<a href="http://design/projects/leisure_club/code/trip/details/australia">View Details</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>





		<!--div class="team-slider" id="team_slider_two">
			<?php if($upcoming_trip_list){
				foreach($upcoming_trip_list as $upcoming_trip){ ?>
			<div>
				<a href="<?=base_url('trip/details/'.$upcoming_trip['trip_url'])?>" class="team-member-card style-two">
					<div class="image">
						<img src="<?=base_url('public/uploads/'.$upcoming_trip['image'])?>" alt="<?=$upcoming_trip['title']?>" />
						<div class="price-bx">
							<span><?=$upcoming_trip['duration']?></span>
						</div>
					</div>
					<div class="content-wrap border p-3">
						<div class="user-info">
							<h5><?=$upcoming_trip['title']?></h5>
							<div class="d-flex justify-content-between align-items-center">
								<div>
									<h6 class="price fs-6">₹ <?=$upcoming_trip['price']?> <span>/person</span></h6>
								</div>
								<span class="book-now fs-6">Book Now</span>
							</div>
						</div>
					</div>
				</a>
			</div>
			<?php }} ?>
		</div-->
		
	</div>
</div>

<div class="about-us-area style-1">
	<div class="container">
		<div class="visa-bx">
			<div class="section-title mb-4">
				<h2 class="title">
					Easy visa destinations
				</h2>
			</div>
			<div class="visa-slider brand-slider" >
				<div class="visa-country">
					<a href="javascript:;" class="counrty-card">
						<img src="images/europe.jpg" alt="" />
						<div class="country-info">
							<h6>Europe</h6>
							<small>50+ Tour</small>
						</div>
					</a>
				</div>
				<div class="visa-country">
					<a href="javascript:;" class="counrty-card">
						<img src="images/australia.jpg" alt="Australia" />
						<div class="country-info">
							<h6>Australia</h6>
							<small>50+ Tour</small>
						</div>
					</a>
				</div>
				<div class="visa-country">
					<a href="javascript:;" class="counrty-card">
						<img src="images/singapore.jpg" alt="Singapore" />
						<div class="country-info">
							<h6>Singapore</h6>
							<small>50+ Tour</small>
						</div>
					</a>
				</div>
				<div class="visa-country">
					<a href="javascript:;" class="counrty-card">
						<img src="images/europe.jpg" alt="Europe" />
						<div class="country-info">
							<h6>Europe</h6>
							<small>50+ Tour</small>
						</div>
					</a>
				</div>
				<div class="visa-country">
					<a href="javascript:;" class="counrty-card">
						<img src="images/dubai.jpg" alt="Dubai" />
						<div class="country-info">
							<h6>UAE (Dubai)</h6>
							<small>50+ Tour</small>
						</div>
					</a>
				</div>
				<div class="visa-country">
					<a href="javascript:;" class="counrty-card">
						<img src="images/australia.jpg" alt="Australia" />
						<div class="country-info">
							<h6>Australia</h6>
							<small>50+ Tour</small>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>

<!--div class="about-us-area style-1">
	<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-5 col-sm-12">
					<div class="image-wrapper">
						<img src="images/about.jpg" alt="about">
					</div>
				</div>                    
				<div class="col-lg-7 col-sm-12">
					<div class="content-wrapper ps-4">
						<div class="content">
							<h2 class="title"> About Leisure Club Holidays</h2>
							<p class="desc">At Leisure Club Holidays, we believe that every journey should be as enriching as the destination itself. With a passion for crafting unforgettable experiences, we offer a diverse range of tour packages from the vibrant landscapes of India, to breathtaking international escapes, and deeply spiritual pilgrimages that nourish the soul. </p>
							<p class="desc">Whether you're seeking adventure, cultural immersion, or inner peace, our team ensures seamless planning, transparent pricing, and personalized service every step of the way. With Leisure Club Holidays, your travel dreams aren’t just possible they’re effortless.</p>
						</div>
						<div>
							<a href="<?=base_url('page/about_us')?>" class="theme-btn image-card-btn">About Us</a>
						</div>
					</div>
					
				</div>
			</div>
		
	</div>
</div-->


<div class="testimonial-slider-area style-3">
    <div class="container">
        <div class="row align-items-center">
			<div class="col-lg-4 col-sm-5 col-12">
				<div class="section-title">
                    <h2 class="title text-lg-start">
						Your stories inspire us, here’s what you shared
                    </h2>
					<p>Your experiences remind us why we do what we do. You’ve told us how seamless planning, transparent pricing, and heartfelt service made your journeys unforgettable and we’re honored to be part of those memories. At Leisure Club Holidays, every testimonial is a reflection of trust, and every smile is a destination reached.</p>
                </div>
				<a href="javascript:;" class="theme-btn image-card-btn mt-4">View All Reviews</a>
				
				<div class="custom-slider-btn style-two my-4">
					<a href="javascript:;" class='home-three-review-arrow-btn prev_btn_custom'><i class='icon-arrow-left'></i></a>
					<a href="javascript:;" class='home-three-review-arrow-btn next_btn_custom'><i class='icon-arrow-right'></i></a>
				</div>
			</div>
            <div class="col-lg-8 col-sm-7 col-12">
                <div class="home-three-review-slider">
                    <?php if($testimonial_list){
					foreach($testimonial_list as $testimonial){
					?>
                    <div class="testimonial-card">
						<div class="image-wrapper mb-4">
							<img src="<?=base_url('public/uploads/'.$testimonial['photo_image'])?>" alt="testimonial">
						</div>
                        <div class="content-wrapper">
                            <div class="icon">
                                <img src="images/icon/star.svg" alt="star" />
                                <img src="images/icon/star.svg" alt="star" />
                                <img src="images/icon/star.svg" alt="star" />
                                <img src="images/icon/star.svg" alt="star" />
                                <img src="images/icon/star.svg" alt="star" />
                            </div>
                            <div class="content">
                                <p class="text"><?=$testimonial['description']?></p>
                            </div>
                            <div class="meta-user">
                                <div class="user-info">
                                    <div class="info">
                                        <h6><?=$testimonial['name']?></h6>
                                        <small><?=$testimonial['city']?></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php }} ?>
                    
    
                </div>
            </div>
        </div>
        
    </div>
</div>

<div class="team-slider-area style-2">
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-lg-6 col-sm-12 col-12">
                <div class="section-title mb-4">
                    <h2 class="title text-center">
                        Follow Our Adventures
                    </h2>
                    <h6 class="text-center">Stay connected with our latest updates, stunning captures, and behind-the-scenes moments</h6>
                </div>
                <a href="https://www.instagram.com/leisureclubholidays" target="_blank" class="insta-btn">
                    <i class="fab fa-instagram"></i>
                    Follow @leisureclubholidays
                </a>
            </div>
        </div>
    </div>
</div>


