
<?php include('include/head.php'); ?>


<body>

    <?php include('include/header.php'); ?>

    <!-- Carousel Start -->
    <section class="final-slider">
        <div class="container-fluid p-0 mb-5">
            <div class="owl-carousel header-carousel position-relative">
                <?php
                $banner = mysqli_query($conn, "SELECT * FROM `banners` where page_name='home'");
                while($row = mysqli_fetch_array($banner))
                {
                    $photo = $row['banners'];
                ?>
                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="<?php path(); ?>/admin/assets/images/banner-image/<?php echo $photo; ?>" alt="">
                    <div class="position-absolute top-0 start-0 w-100 d-flex align-items-center">
                        <div class="container">
                            
                        </div>
                    </div>
                </div>
                <?php
                }
                ?>
            </div>
        </div>
    </section>
    <!-- Carousel End -->



    <!-- Service-show Start -->
    <section class="best-service">
        <div class="container-fluid">
            <div class="row g-4">

                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                    <div class="serviceBox text-center pt-3">
                        <img class="dust-shape" src="img/icon/shape.png" alt="" style="height: 100%; width: 100%;">

                        <div class="final-best p-3">
                            <div class="service-icon">
                                <img src="img/icon/dumpster.png" alt="" class="aButton" width="80px" height="80px">
                            </div>

                            <div class="service-text">
                                <h5 class="mt-3">Dumpster Sizes</h5>
                                <p>We offer various dumpster sizes to suit all your waste management needs, ensuring efficient recycling solutions.</p>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                    <div class="serviceBox text-center pt-3">
                        <img class="dust-shape" src="img/icon/shape.png" alt="" style="width: 100%; height: 100%;">

                        <div class="final-best p-3">
                            <div class="service-icon">
                                <img src="img/icon/dumpster.png" alt="" class="aButton" width="80px" height="80px">
                            </div>

                            <div class="service-text">
                                <h5 class="mt-3">Waste Collection</h5>
                                <p>Efficient and eco-friendly waste services by KWIKSTOP RECYCLING SOLUTIONS., ensuring a cleaner and greener environment. </p>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                    <div class="serviceBox text-center pt-3">
                        <img class="dust-shape" src="img/icon/shape.png" alt="" style="width: 100%; height: 100%;">

                        <div class="final-best p-3">
                            <div class="service-icon">
                                <img src="img/icon/dumpster.png" alt="" class="aButton" width="80px" height="80px">
                            </div>

                            <div class="service-text">
                                <h5 class="mt-3"> Pickup Schedule</h5>
                                <p>Schedule your pickup with KWIKSTOP RECYCLING for hassle-free recycling services. Quick, reliable, and eco-friendly solutions.</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- Service-show End -->

    
   

    <!-- About Start -->
    <section class="about-section">
        <div class="container">
            <div class="row">

                <div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h6 class="section-title bg-white text-start text-primary pe-3">About Us</h6>
                            <h1 class="">About Our Company</h1>
                        </div>
                        <div class="text">Welcome to KWIKSTOP Recycling Solutions, where our commitment to sustainability drives everything we do. As a leader in the recycling industry, we are dedicated to providing innovative solutions that contribute to a cleaner, greener planet. Our expertise spans various recycling processes, ensuring that we can effectively manage and repurpose waste materials, reducing environmental impact and promoting a circular economy.</div>

                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="<?php path(); ?>/about.php">Read More</a>
                        </div>
                    </div>
                </div>

                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column wow fadeInup">
                       
                        <figure class="image-1"><img
                                    src="img/about-img2.jpg" style="width: 100%; height: 100%;" alt=""></figure>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- About End -->




     <!-- ==== new service start ==== -->
      <section class="new-service">
      <div class="container-fluid px-lg-5">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h1 class="text-white">Services</h1>

            <div class="row">

            <div class="col-md-2">
            </div>

            <div class="col-md-8">
            <p class="text-white">Kwikstop Recycling is known for its ethics and values in the industry. we never compromise with the standards of recycling as set by authorities and we avoid every possible means which affect the nature.</p>
            </div>

            <div class="col-md-2">
            </div>

        </div>
        </div>
        <div class="container-xxl mb-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="container-fluid">
               

                <div class="owl-carousel testimonial-carousel position-relative">
                    <?php
                    $det = mysqli_query($conn, "SELECT * FROM `tbl_service` where category='Resources'");
while($row = mysqli_fetch_array($det))
{
    $title = $row['title'];
    $content = $row['content'];
    $description = $row['description'];
    $photo = $row['photo'];
    $slug = $row['slug'];
                    ?>
                    <div class="testimonial-item text-center">
                        <a href="<?php path(); ?>/<?php echo $slug; ?>">
                    <div class="service-box">
                        <img src="<?php path(); ?>/admin/assets/images/services-image/<?php echo $photo; ?>" alt="" style="width: 100%; height: 250px;" class="service-img">

                        <div class="service-icon  ">
                            <img src="img/icon/dumpster.png" height="80px" width="80px" alt="" class="aButton  mb-4">
                        </div>

                        <div class="service-text">
                            <h2><?php echo $title; ?></h2>
                           
                        </div>

                    </div>
                    </a>
                    </div>
<?php
}
?>
                </div>
            </div>
        </div>
    </section>
<!-- === new service end ==== -->

    <!-- ==== why choose us section start ===== -->
    <section class="whychoose">
        <div class="container">
            <div class="row">

                <div class="col-md-6">
                    <div>

                        <img src="img/chooseus-1.png" alt="" style="width: 100%; height: 100%;">
                    </div>

                </div>

                <div class="col-md-6 mt-5">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h6 class="section-title bg-white text-start text-primary pe-3">Why Choose Us</h6>
                            <h1 class="">Why choose our waste disposal services</h1>
                        </div>
                        <div class="text">At KWIKSTOP RECYCLING SOLUTIONS Pvt. Ltd., we offer efficient, reliable, and eco-friendly waste disposal services tailored to meet your needs. Our expert team ensures safe handling and responsible recycling of waste, reducing environmental impact. We prioritize customer satisfaction with prompt service and competitive pricing. Choose us for sustainable waste management solutions that make a difference for your home or business.</div>


                        <ul>
                            <li><b>Comprehensive Services:</b> We offer a wide range of recycling services tailored to meet the unique needs of our clients, from residential recycling to large-scale industrial waste management.</li>
                            <li><b>Advanced Technology:</b> Our state-of-the-art facilities and cutting-edge technology ensure that we recycle efficiently and effectively, maximizing resource recovery.</li>
                            <li><b>Expert Team:</b> Our team of dedicated professionals brings extensive knowledge and experience to every project, ensuring the highest standards of service and support.</li>
                          
                        </ul>


                        <!-- <div class="row mt-3">

                            <div class="col-md-2">
                                <i class="bi bi-recycle count-icon"></i>
                            </div>

                            <div class="col-md-10">
                                <h2>
                                    Residential waste pickup</h2>
                                <p>Amet minim mollit no duis deserut lamo sit enim aliqua dolor do amet sint velit</p>
                            </div>

                        </div> -->


                        <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="<?php path(); ?>/contact.php">Contact Us</a>
                        </div>
                    </div>

                </div>

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



    <div class="circleWrap">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xhtml="http://www.w3.org/1999/xhtml"
            xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="10cm" height="10cm" viewBox="0 0 1000 1000"
            preserveAspectRatio="xMinYMin">
            <defs>
                <path id="textPath" d="M 250 500 A 250,250 0 1 1 250 500.0001" />
            </defs>
            <text class="circle-text" x="0" y="0" text-anchor="middle">
                <textPath xlink:href="#textPath" startOffset="50%">wanna work together?</textPath>
            </text>
        </svg>

    </div>
    <!-- ==== why choose section end ===== -->


     <!-- ==== counter section start ==== -->
     <section class="final-count">
    <div class="counter-wrapper">
        <div class="counter-inner">
            <div class="container-fluid">
                <div class="row g-0">
                    <div class="col-12 col-lg-3">
                        <div class="py-5 text-center text-white">
                            <div>
                                <i class="bi bi-people count-icon"></i>
                            </div>
                            <div class="py-2 count">
                                <span id="count1">3</span>+
                            </div>
                            <div>
                                <h3 class="text-white">Year Of Operation</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-3">
                        <div class="py-5 text-center text-white">
                            <div>
                                <i class="bi bi-recycle count-icon"></i>
                            </div>
                            <div class="py-2 count">
                                <span id="count2">754720 </span> Kg
                            </div>
                            <div>
                                <h3 class="text-white">Waste Recycled</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-3">
                        <div class="py-5 text-center text-white">
                            <div>
                                <i class="bi bi-truck count-icon"></i>
                            </div>
                            <div class="py-2 count">
                                <span id="count3">10</span>+
                            </div>
                            <div>
                                <h3 class="text-white">Our Clients</h3>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-3">
                        <div class="py-5 text-center text-white">
                            <div>
                                <i class="bi bi-truck count-icon"></i>
                            </div>
                            <div class="py-2 count">
                                <span id="count4">5</span>+
                            </div>
                            <div>
                                <h3 class="text-white">Our Green Partners</h3>
                            </div>
                        </div>
                    </div>

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

<script>
document.addEventListener("DOMContentLoaded", () => {
    function counter(id, start, end, duration) {
        let obj = document.getElementById(id),
            current = start,
            range = end - start,
            increment = end > start ? 1 : -1,
            step = Math.abs(Math.floor(duration / range)),
            timer = setInterval(() => {
                current += increment;
                obj.textContent = current;
                if (current == end) {
                    clearInterval(timer);
                }
            }, step);
    }
    counter("count1", 0, 3, 1000);
    counter("count2", 0, 754720, 1000);
    counter("count3", 0, 10, 1000);
    counter("count4", 0, 5, 1000);
});
</script>
<!-- ===== counter section end ====  -->



    <!-- Gallery section Start -->
    <section class="gallery-img">

        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h6 class="section-title bg-white text-center text-primary px-3">Gallery</h6>
            <h1 class="">Gallery</h1>
        </div>
        <main class="main">

            <div class="container">

                <?php
                $gall = mysqli_query($conn, "SELECT * FROM `tbl_photo` limit 6");
                while($toj = mysqli_fetch_array($gall))
                {
                    $photo = $toj['photo'];
                ?>
                <div class="card">
                    <div class="card-image">
                        <a href="<?php path() ?>/admin/assets/images/gallery/<?php echo $photo; ?>" data-fancybox="gallery">
                            <img src="<?php path() ?>/admin/assets/images/gallery/<?php echo $photo; ?>" alt="Image Gallery" style="width: 100%; height: 250px;">
                        </a>
                    </div>
                </div>
                <?php 
                }
                ?>

            </div>

            <!-- <div class="text-center">
                <a class="btn btn-primary py-3 px-5 mt-2" href="#">View More</a>
            </div> -->
        </main>
    </section>

    <script>
      
        $('[data-fancybox="gallery"]').fancybox({
            buttons: [
                "slideShow",
                "thumbs",
                "zoom",
                "fullScreen",
                "share",
                "close"
            ],
            loop: false,
            protect: true
        });
    </script>

    <!-- Gallery section end -->

    <!-- Testimonial Start -->
    <section class="our-customer">
        <div class="container-xxl mb-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="container">
                <div class="text-center">
                    <h6 class="section-title bg-white text-center text-primary px-3">Our Customers</h6>
                    <h1 class="mb-5">Our Customers Say!</h1>
                </div>

                <div class="owl-carousel testimonial-carousel position-relative">


                    <div class="testimonial-item text-center">
                     
                        <h5 class="mb-0">Amit Kumar</h5>

                        <div class="testimonial-text text-center p-4">
                            <p class="mb-0">We've seen a noticeable improvement in our office's waste management since we started using KWIKSTOP RECYCLING SOLUTIONS Pvt. Ltd. Their team is always punctual, friendly, and efficient. The comprehensive recycling services they offer have helped us create a greener and more sustainable workplace.</p>
                        </div>
                    </div>


                    <div class="testimonial-item text-center">
                        
                        <h5 class="mb-0">Riya Jain</h5>

                        <div class="testimonial-text bg-light text-center p-4">
                            <p class="mb-0">Our school has greatly benefited from the services provided by KWIKSTOP RECYCLING SOLUTIONS Pvt. Ltd. Their educational programs on recycling have been incredibly impactful, and their recycling solutions have made a significant difference in our waste management practices.</p>
                        </div>
                    </div>
                    <div class="testimonial-item text-center">
                     
                        <h5 class="mb-0">Shivaay Sikka</h5>

                        <div class="testimonial-text bg-light text-center p-4">
                            <p class="mb-0">Partnering with KWIKSTOP RECYCLING SOLUTIONS Pvt. Ltd. has been one of the best decisions for our facility. Their expertise in e-waste management has helped us streamline our processes and comply with environmental regulations.</p>
                        </div>
                    </div>

                    <div class="testimonial-item text-center">
                        
                        <h5 class="mb-0">Muskan Mittal</h5>

                        <div class="testimonial-text bg-light text-center p-4">
                            <p class="mb-0">I've worked with numerous recycling companies, but KWIKSTOP RECYCLING SOLUTIONS Pvt. Ltd. stands out for their exceptional customer service and innovative solutions. Their team goes above and beyond to ensure all our recycling needs are met.</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial End -->


    <!-- ===== blog section start ==== -->
    <section class="user-blog">
        <div class="container">

            <div class="text-center">
                <h6 class="section-title bg-white text-center text-primary px-3">Our Blog</h6>
                <h1 class="mb-5">Our Blog</h1>
            </div>

            <div class="row">
                <?php
                $blog = mysqli_query($conn, "SELECT * FROM `blogs` limit 3");
                while($rok = mysqli_fetch_array($blog))
                {
                    $name = $rok['name'];
                    $banner = $rok['banner'];
                    $short_description = $rok['short_description'];
                    $created_at = $rok['created_at'];
                    $slug = $rok['slug'];
                ?>
                <div class="col-md-4">
                    <div class="item2">
                        <div class="blog-grid">
                            <div class="img-date">
                                <img src="<?php path() ?>/admin/assets/images/blog-image/<?php echo $banner; ?>" style="width:100%; height: 200px;">
                                <div class="date-blog"><?php echo $created_at; ?>
                                </div>
                            </div>
                            <div class="discretion-blog">
                                <a href="<?php path() ?>/blogs/<?php echo $slug; ?>">
                                    <h4><?php echo $name; ?></h4>
                                    <p><?php echo substr($short_description, 0, 140) . '.....'; ?></p>
                                </a>
                                <div class="btn-box">
                                <a class="btn btn-primary py-3 px-5 mt-2" href="<?php path() ?>/blogs/<?php echo $slug; ?>">Read more</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php
                }
                ?>
            </div>
        </div>
    </section>
    <!-- ==== blog section end ==== -->
    
    
    
    <!- ==== our client section start ====  --->
    <section class="final-client">
        <div class="container">
            <div class="text-center">
                <h6 class="section-title bg-white text-center text-primary px-3">Our Client</h6>
                <h1 class="mb-5">Our Client</h1>
            </div>
            <div class="row">
                
                <div class="col-md-3">
                    <div class="client-box">
                        <img src="img/icon/oppo-logo.png" alt="" style="width: 100%; height: 100%;">
                    </div>
                </div>
                
                 <div class="col-md-3">
                    <div class="client-box">
                        <img src="img/icon/boat-logo.png" alt="" style="width: 100%; height: 100%;">
                    </div>
                </div>
                
                 <div class="col-md-3">
                    <div class="client-box">
                        <img src="img/icon/godrej-logo.png" alt="" style="width: 100%; height: 100%;">
                    </div>
                </div>
                
                 <div class="col-md-3">
                    <div class="client-box">
                        <img src="img/icon/pool-logo.png" alt="" style="width: 100%; height: 100%;">
                    </div>
                </div>
                
                
                
            </div>
            </div>
    </section>
    
    
    <!- ==== our client section end ====  --->



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


</body>

</html>