<?php include 'include/header.php' ?> <?php include 'include/slider.php' ?>
<style>
    @media (max-width: 600px) {
        section.trending {
            padding-bottom: 15px;
            background-size: cover;
            background-position: center;
        }
    }

    .why-us-item.text-center {
        height: 306px;
        border: #ea3238;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 34px;
        border-radius: 16px;
    }

    /* Colorize-zoom Container */
    .img-hover-zoom--colorize img {
        transition: transform .5s, filter 1.5s ease-in-out;
    }

    /* The Transformation */
    .img-hover-zoom--colorize:hover img {
        transform: scale(1.1);
    }
</style>




<section class="trip-ad" style="    background-color: #ea3238;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <div class="trip-ad-content">

                    <div class="ad-title"><br>
                        <h2 class="text-white">About Naira Travles</h2>
                    </div>


                    <p class="text-white">
                        At Naira Travels, we believe that the world is meant to be explored, experienced, and cherished. Founded with a passion for travel and a commitment to providing unparalleled service, Naira Travels is your trusted partner in crafting unforgettable international journeys.

                        <br><br> <b> Who We Are </b> <br><br>
                        Naira Travels is a premier travel agency specializing in curating bespoke international tour packages tailored to your desires and preferences. With years of expertise and a dedication to excellence, our team is devoted to crafting seamless travel experiences that exceed expectations.
                    </p>
                    <a href="#" class="biz-btn mar-left-10 bg-dark">Read More </a>

                </div>
            </div>
            <div class="col-lg-5">
                <img src="img/International-Tour-Packages-2000x1200.jpg" class="ess" alt="">
            </div>
        </div>
    </div>
</section>






<section class="trending">
    <div class="container">
        <div class="section-title">
            <!-- <h3><?php echo $category['name']; ?></h3> -->
            <h2>Most Popular Tours Packages</h2>
            <p>Tour Packages For Best Selling Destinations</p>
        </div>
        <div class="trend-box">
            <div class="row mix tour">

                <?php
                $sub_cat = sqlfetch("SELECT * FROM subcategory   LIMIT 0,8");
                if (count($sub_cat)) {
                    foreach ($sub_cat as $subproduct) {

                ?>
                        <div class="col-md-4  mt-4">
                            <div class="tour-list-box text-center zt-overlay zt-overlay-hover">
                                <div class="img-box position-relative ">
                                    <a href="#">
                                        <img src="upload/<?php echo $subproduct['photo']; ?>" alt="" style="height: 260px;">
                                    </a>
                                </div>
                                <div class="tcb-product-title" style=" position: absolute;  bottom: 5px;  width:100%; ">
                                    <h4 style="font-size: 21px;font-weight: bold;color: white; text-align: center; padding: 10px;">
                                        <a href="#" style="color:#ffffff; text-decoration:none;"> <?php custom_echo($subproduct['name'], 30); ?> </a>
                                    </h4>
                                    <div style="text-align:center; color:#FFFFFF;">
                                        <a href="#">
                                            <strong style="color:#ffffff;"> Read More </strong>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                <?php }
                } ?>


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

<div class="package-area package-style-two pt-110 chain " style="background-color:#ea3238; padding:70px 0px;">
    <div class="container">
        <div class="section-title">
            <h2 class=" text-white">Top Tour Packages</h2>
            <!-- <h3><?php echo $subcategory['name']; ?></h3> -->

        </div>

        <div class="row d-flex justify-content-center g-4">

            <?php
            $sub_cat = sqlfetch("SELECT * FROM subproduct where actstat=1 order by fld_order");
            if (count($sub_cat)) {
                foreach ($sub_cat as $subproducts) {

            ?>

                    <div class="col-lg-4 col-md-6 fadeffect mt-4">
                        <div class="main-block hotel-block">
                            <div class="main-img" style="border-radius:15px 15px 0px 0px;">
                                <a href="package_detail.php?id=<?php echo $subproducts['id']; ?>">
                                    <img src="upload/<?php echo $subproducts['photo']; ?>" class="img-fluid" alt="hotel-img" style="width:100%; height:270px;" />
                                </a>
                                <div class="main-mask">
                                    <ul class="list-unstyled list-inline offer-price-1">
                                        <li class="list-inline-item price"><?php echo $subproducts['name']; ?></li>
                                    </ul>
                                </div>
                            </div>
                            <div class=" flight-timing">
                                <ul class="list-unstyled">
                                    <li><span><i class="fa fa-globe"></i></span><span class="date"><?php echo $subproducts['pro_specification']; ?> </span></li>
                                    <li><span><i class="fa fa-clock-o"></i></span><span class="date"><?php echo $subproducts['pro_lable']; ?> </span></li>
                                </ul>
                            </div>
                            <div class="main-info hotel-info">
                                <div class="arrow">
                                    <a href="package_detail.php?id=<?php echo $subproducts['id']; ?>" class='btn-welcome12 '>Enquire Now</a>
                                </div>
                                <div class="main-title hotel-title">
                                    <p style="font-size:18px; padding-top:10px;">Rs.<?php echo $subproducts['pro_discountprice']; ?><span class="pkg" style="font-size:13px;"> .<?php echo $subproducts['pro_mainprice']; ?></span></p>
                                </div>
                            </div>
                        </div>
                    </div>

            <?php }
            } ?>

        </div>

        <br>
        <br>

    </div>
</div>
<section class="top-review bg-grey">
    <div class="container">
        <div class="section-title">
            <h2>Testimonials</h2>
        </div>
        <div class="review-wrap">
            <div class="review-slider">
                <?php $result = sqlfetch("select * from testimonial");
                if (count($result)) {
                    foreach ($result as $pr_galsd) {
                ?>
                        <div class="col-md-4 reviews-list align-center">
                            <div class="bhd">
                                <div class="list-rv-detail">
                                    <p class="mar-0"> <?php custom_echo($pr_galsd['des1'], 500); ?> </p>
                                </div>
                                <div class="rev-author ">
                                    <div class="rev-image">
                                        <img src="<?php echo empty($pr_galsd['photo']) ? 'https://static-00.iconduck.com/assets.00/user-icon-1024x1024-dtzturco.png' : 'upload/' . $pr_galsd['photo']; ?>" alt="image" />
                                    </div>
                                    <div class="rev-content mar-left-20">
                                        <h4 class="mar-bottom-5 text-white"> <?php echo $pr_galsd['name']; ?> </h4>
                                        <p class="mar-bottom-5 text-white"> <?php echo $pr_galsd['des']; ?> </p>
                                        <ul class="list-inline">
                                            <li>
                                                <i class="fa fa-star"></i>
                                            </li>
                                            <li>
                                                <i class="fa fa-star"></i>
                                            </li>
                                            <li>
                                                <i class="fa fa-star"></i>
                                            </li>
                                            <li>
                                                <i class="fa fa-star"></i>
                                            </li>
                                            <li>
                                                <i class="fa fa-star"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                <?php
                    }
                }
                ?>
            </div>
        </div>
    </div>
</section>

<section class="cta-one" style="background-image:url(https://nextvacay.com/wp-content/uploads/2022/07/KW-why-travel-is-important.jpg);    background-size: cover;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <center>
                    <div class="cta-one_block ">
                        <h2 class="white mar-bottom-0">Didn’t find what you were looking for?</h2>
                        <p class="text-white"> Connect with our experts! Get the best itineraries and offers!</p>
                        <a href="contact.php" class="biz-btn-white">Connect Now</a>
                    </div>
                </center>
            </div>
        </div>
    </div>
</section>
<section class="why-us pad-top-50">
    <div class="container">
        <div class="section-title">
            <h2>Naira Travles Distinctive Formula</h2>
        </div>
        <div class="why-us-box">
            <div class="row">
                <div class="col-lg-3">
                    <div class="why-us-item text-center">
                        <div class="why-us-icon">
                            <i class="fa-solid fa-user " style="color: white;"></i>
                        </div>
                        <div class="why-us-content">
                            <h3>
                                <a href="#" class="text-white">Passionate <br> Team </a>
                            </h3>
                            <p class="mar-0 text-white">Our team is fueled by a genuine love for travel, ensuring that every detail is considered to create remarkable and unforgettable adventures.. </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="why-us-item text-center">
                        <div class="why-us-icon">
                            <i class="fa-solid fa-handshake " style="color: white;"></i>
                        </div>
                        <div class="why-us-content">
                            <h3>
                                <a href="#" class="text-white">Trust & Transparency</a>
                            </h3>
                            <p class="mar-0 text-white">Equal, Honest, and Unbiased Travel Experiences, Treating Every Traveler, Domestic or International, Fairly and Equitably in Accordance with Market Realities.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="why-us-item text-center">
                        <div class="why-us-icon">
                            <i class="fa-solid fa-helmet-safety " style="color: white;"></i>
                        </div>
                        <div class="why-us-content">
                            <h3>
                                <a href="#" class="text-white">Safety and <br> Support </a>
                            </h3>
                            <p class="mar-0 text-white">Naira Travle prioritizes your safety, offering resources and guidance to navigate solo travel challenges and uncertainties</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="why-us-item text-center">
                        <div class="why-us-icon">
                            <i class="fa-solid fa-globe " style="color: white;"></i>
                        </div>
                        <div class="why-us-content">
                            <h3>
                                <a href="#" class="text-white">Global Community Network</a>
                            </h3>
                            <p class="mar-0 text-white">A thriving community of passionate travelers, both local and international, fostering connections and friendships that span the globe.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




<section class="attraction">
    <div class="container">
        <div class="section-title">
            <h2>Top <span>Attraction</span></h2>
            <p>Grab top tickets with us now so you can relax and kick your feet up later.</p>
        </div>
        <div class="why-us-box">
            <div class="row attract-slider">
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-users"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Family Friendly</a></h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-walking"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Guide Tours</a></h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-hiking"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Self Guides</a></h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-eye"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Sight Seeing</a></h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-air-freshener"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Special Tours</a></h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-map"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Theme Tour</a></h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="attraction-inner text-center">
                        <div class="attraction-icon">
                            <a href="#"><i class="fa fa-map-signs"></i></a>
                        </div>
                        <div class="attraction-content">
                            <h5 class="mar-0"><a href="#">Trending Spot</a></h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>





<div id="popup-ad" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                    <div class="col-12 col-md-6">
                        <div class="popup-ad-text">
                            <h2 style="font-size:22px; color:#FF0000;" class="blinking">Limited Time Offer Get up 50 % off</h2>
                            <p style="font-size:20px; font-weight:bold;">Query Now for Our More Offer</p>
                            <form class="pg-search-form" id="form1" name="form1" action="#" method="post" name="loginform" id="loginform" onSubmit="return checkfield(loginform)">
                                <input type="hidden" name="subject" value="Enquiry Form">
                                <div class="row">
                                    <div style="width:100%; margin-left:15px; margin-right:15px;"></div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="text" name="Name" id="Name" value="" style="height:35PX; border-radius:30px;" size="40" class="form-control" placeholder="Name*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="text" name="Phone" value="" size="40" style="height:35PX; border-radius:30px;" class="form-control" placeholder="Phone*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="email" name="Email" id="Email" value="" size="40" style="height:35PX; border-radius:30px;" class="form-control" placeholder="Email*" required>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" name="Description" value="https://www.charmingyatra.com/">
                                <div align="center"><button class="biz-btn ">SEND YOUR QUERY</button></div>
                            </form>
                        </div>
                    </div>
                    <div class="col-12 col-md-6" style="    background-image: url(https://blog.irctctourism.com/wp-content/uploads/2020/03/international-tour-packages.jpg); background-size: cover; background-repeat: no-repeat; border-radius: 42px; ">

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








<script>
    (function($) {

        "use strict";

        // Cache Selectors
        var mainWindow = $(window),
            popupAd = $('#popup-ad');


        //Popup Ad
        mainWindow.on('load', function() {
            setTimeout(function() {
                popupAd.modal('show');
            }, 2500);
        });

    })(jQuery);
</script>
<?php include 'include/footer.php' ?>