<?php include 'header.php' ?>


<div class="th-hero-wrapper hero-1" id="hero">

    <div class="swiper th-slider" id="heroSlide1" data-slider-options='{"effect":"fade","autoHeight":true}'>
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="hero-inner" data-bg-src="assets/img/banner-1.jpg">
                    <div class="hero-overlay"></div>

                    <div class="container">
                        <div class="row">
                            <div class="col-md-8 col-lg-6">
                                <div class="hero-style1">
                                    <h1 class="hero-title"><span class="title1" data-ani="slideinup"
                                            data-ani-delay="0.3s"> Welcome To VAYUCON SYSTEMS PVT LTD </span> </h1>

                                    <div class="btn-group" data-ani="slideinup" data-ani-delay="0.6s"><a href="#"
                                            class="th-btn style3">Discover more<i
                                                class="fas fa-arrow-up-right ms-2"></i></a> </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="hero-inner" data-bg-src="assets/img/banner-3.jpg">
                    <div class="hero-overlay"></div>

                    <div class="container">
                        <div class="hero-style1">
                            <div class="row">
                                <div class="col-md-8 col-lg-6">
                                    <h1 class="hero-title"><span class="title1" data-ani="slideinup"
                                            data-ani-delay="0.3s">
                                            South India’s Leading HVAC Solution Providers </span></h1>

                                    <div class="btn-group" data-ani="slideinup" data-ani-delay="0.6s"><a href="#"
                                            class="th-btn style3">Discover more<i
                                                class="fas fa-arrow-up-right ms-2"></i></a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="hero-inner" data-bg-src="assets/img/banner-2.jpg">
                    <div class="hero-overlay"></div>

                    <div class="container">
                        <div class="row">
                            <div class="col-md-8 col-lg-6">
                                <div class="hero-style1">
                                    <h1 class="hero-title"><span class="title1" data-ani="slideinup"
                                            data-ani-delay="0.3s"> Engineering Comfort Since 2012 </span> </h1>

                                    <div class="btn-group" data-ani="slideinup" data-ani-delay="0.6s"><a href="#"
                                            class="th-btn style3">Discover more<i
                                                class="fas fa-arrow-up-right ms-2"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

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

    <div class="icon-box"><button data-slider-prev="#heroSlide1" class="slider-arrow default"><i
                class="far fa-arrow-left"></i></button> <button data-slider-next="#heroSlide1"
            class="slider-arrow default"><i class="far fa-arrow-right"></i></button></div>
    <div class="hero-overlay-ani"></div>
</div>

<div class="space" id="about-sec">

    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-5 mb-30 mb-xl-0">
                <div class="pe-xxl-5">
                    <div class="img-box3">
                        <div class="img1"><img src="assets/img/about.jpg" alt="Image"></div>
                        <div class="year-box">
                            <div class="box-number"><span class="counter-number">13</span></div>
                            <h4 class="box-title">Years Of<br>Experience</h4>
                        </div>
                        <div class="img2"><img src="assets/img/about-1.jpg" alt="Image"></div>
                        <div class="shape1"><img src="assets/img/normal/dots.png" alt="Dots"></div>
                    </div>
                </div>
            </div>
            <div class="col-xl-7 text-xl-start text-center">
                <div class="title-area mb-32"><span class="sub-title">About company</span>
                    <h3 class="sec-title">Your Trusted HVAC Solution Partner</h3>
                    <p class="sec-text">
                        Established in 2012, Vayucon Systems Pvt. Ltd. has emerged as one of South India’s leading HVAC
                        solution providers. With a mission to create a sustainable, growth-oriented company, we are
                        dedicated to delivering high-quality products and services that result in complete customer
                        satisfaction. Our commitment to fairness, honesty, and respect for time has earned us the trust
                        of clients across diverse industries.


                    </p>
                    <p class="sec-text">
                        At Vayucon, we don’t just provide HVAC solutions; we build lasting relationships by creating
                        value for our customers, employees, vendors, and society.
                    </p>
                </div>
                <a href="#" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>
            </div>
        </div>
    </div>
</div>



<section class="space pt-0 pb-3" id="service-sec">

    <div class="container">
        <div class="row ">
            <div class="col-lg">
                <div class="title-area text-center ">
                    <h3 class="sec-title">What We Offer</h3>
                    <p>
                        At Vayucon Systems, we offer a full range of HVAC solutions to cater to residential, commercial,
                        and industrial requirements:
                    </p>
                </div>
            </div>

        </div>
        <div class="row justify-content-center">
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/photos/8.jpg" alt="Image"></div>
                    <h3 class="box-title">
                        Engineering & Planning
                    </h3>
                    <p class="box-text mb-3">
                        Precision-driven designs tailored for optimal HVAC performance.
                    </p>
                    <a href="projects.php#ep" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/photos/9.jpg" alt="Image"></div>
                    <h3 class="box-title">
                        Project Execution
                    </h3>
                    <p class="box-text mb-3">
                        On-time, efficient execution with uncompromised quality and coordination.
                    </p>
                    <a href="projects.php#pe" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>

                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/photos/10.jpg" alt="Image"></div>
                    <h3 class="box-title">
                        Testing & Commissioning
                    </h3>
                    <p class="box-text mb-3">
                        Thorough validation to ensure flawless system functionality from day one.
                    </p>
                    <a href="projects.php#tc" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>

                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/photos/11.jpg" alt="Image"></div>
                    <h3 class="box-title">
                        Quality Control
                    </h3>
                    <p class="box-text mb-3">
                        Strict adherence to standards for consistent, reliable HVAC solutions.
                    </p>
                    <a href="projects.php#qc" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>

                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/photos/5.jpg" alt="Image"></div>
                    <h3 class="box-title">
                        Safety
                    </h3>
                    <p class="box-text mb-3">
                        Prioritizing safety at every step to protect people, property, and performance.
                    </p>
                    <a href="projects.php#sa" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>

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

<div class="z-index-common bg-theme1">
    <div class="container">
        <div class="counter-card-wrap">
            <div class="counter-card">
                <div class="box-icon"><img src="assets/img/c-1.png" width="46" alt="Icon"></div>
                <h2 class="box-number"><span class="number"><span class="counter-number">875</span></span><span
                        class="plus">+</span></h2>
                <p class="box-text"> Projects Completed</p>
            </div>
            <div class="divider"></div>
            <div class="counter-card">
                <div class="box-icon"><img src="assets/img/c-2.png" width="46" alt="Icon"></div>
                <h2 class="box-number"><span class="number"><span class="counter-number">45</span>M</span><span
                        class="plus"></span></h2>
                <p class="box-text">million Sqft Total <br> Air-Conditioned Area Installed</p>
            </div>
            <div class="divider"></div>
            <div class="counter-card">
                <div class="box-icon"><img src="assets/img/c-3.png" width="46" alt="Icon"></div>
                <h2 class="box-number"><span class="number"><span class="counter-number">250</span></span><span
                        class="plus">+</span></h2>
                <p class="box-text"> Satisfied Clients</p>
            </div>
            <div class="divider"></div>
            <div class="counter-card">
                <div class="box-icon"><img src="assets/img/c-4.png" width="46" alt="Icon"></div>
                <h2 class="box-number"><span class="number"><span class="counter-number">196</span></span><span
                        class="plus">+</span></h2>
                <p class="box-text"> Dedicated Team</p>
            </div>
            <div class="divider"></div>
            <div class="counter-card">
                <div class="box-icon"><img src="assets/img/c-5.png" width="46" alt="Icon"></div>
                <h2 class="box-number"><span class="number"><span class="counter-number">300</span></span><span
                        class="plus">+</span></h2>
                <p class="box-text">Facilities under AMC
                </p>
            </div>
            <div class="divider"></div>
        </div>
    </div>
</div>

<section class="space" id="service-sec">

    <div class="container">
        <div class="row ">
            <div class="col-lg">
                <div class="title-area text-center ">
                    <h3 class="sec-title">Why Choose Us?</h3>
                </div>
            </div>

        </div>

        <div class="row justify-content-center">
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/wc-1.png" width="70" alt="Image"></div>
                    <h3 class="box-title">
                        Experience & Expertise
                    </h3>
                    <p class="box-text">
                        With 13+ years in the industry, Vayucon delivers efficient HVAC solutions for every project.
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/wc-2.png" width="70" alt="Image"></div>
                    <h3 class="box-title">
                        Quality Control

                    </h3>
                    <p class="box-text">
                        Our commitment to high standards ensures you receive only the best products and services, every
                        time.
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/wc-3.png" width="70" alt="Image"></div>
                    <h3 class="box-title">
                        Customer-Centric Approach
                    </h3>
                    <p class="box-text">
                        We prioritize your needs, offering tailored HVAC systems that exceed expectations.
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/wc-4.png" width="70" alt="Image"></div>
                    <h3 class="box-title">
                        On-Time Delivery
                    </h3>
                    <p class="box-text">
                        Respecting your time is key to our success. We ensure prompt execution and timely project
                        completion.
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/wc-5.png" width="70" alt="Image"></div>
                    <h3 class="box-title">
                        Sustainable Solutions
                    </h3>
                    <p class="box-text">
                        Vayucon focuses on energy-efficient, eco-friendly HVAC solutions that reduce operational costs
                        and minimize environmental impact.
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="service-box">

                    <div class="box-img"><img src="assets/img/wc-6.png" width="70" alt="Image"></div>
                    <h3 class="box-title">
                        Innovation
                    </h3>
                    <p class="box-text">

                        We embrace the latest technologies and smart design practices to deliver cutting-edge HVAC
                        solutions that lead the industry and future-proof your projects.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="space pt-0 shape-mockup-wrap">

    <div class="container">
        <div class="title-area text-center">
            <h3 class="sec-title">Industries We Serve</h3>
            <p>
                Vayucon Systems is proud to provide HVAC solutions across various industries
            </p>
        </div>
        <div class="process-card-wrap">
            <div class="process-card">
                <div class="box-img"><img src="assets/img/industry-1.jpg" alt="icon"></div>
                <h3 class="box-title">IT/ITE’s</h3>
            </div>
            <div class="process-card">
                <div class="box-img"><img src="assets/img/industry-2.jpg" alt="icon"></div>
                <h3 class="box-title">Hospitality</h3>
            </div>
            <div class="process-card">
                <div class="box-img"><img src="assets/img/industry-3.jpg" alt="icon"></div>
                <h3 class="box-title">Health Care</h3>
            </div>
            <div class="process-card">
                <div class="box-img"><img src="assets/img/industry-4.jpg" alt="icon"></div>
                <h3 class="box-title">Retails / Malls</h3>
            </div>
            <div class="process-card">
                <div class="box-img"><img src="assets/img/industry-5.jpg" alt="icon"></div>
                <h3 class="box-title">Pharmaceuticals</h3>

            </div>

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

<section class="space pt-0" id="blog-sec">

    <div class="container">
        <div class="title-area text-center">
            <h3 class="sec-title">Certificates</h3>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-4 col-lg-3">
                <div class="certificate">
                    <img src="assets/img/certificates/1.jpg" alt="">
                </div>
            </div>

            <div class="col-md-4 col-lg-3">
                <div class="certificate">
                    <img src="assets/img/certificates/2.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="space pt-0" id="blog-sec">

    <div class="container">
        <div class="title-area text-center">
            <h3 class="sec-title">Awards</h3>
        </div>
        <div class="slider-area">
            <div class="swiper th-slider has-shadow" id="blogSlider1"
                data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/1.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/2.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/3.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/4.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/5.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/6.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/7.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/8.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="award-card-home">
                            <img src="assets/img/awards/9.jpg" alt="">
                        </div>
                    </div>

                </div>
            </div><button data-slider-prev="#blogSlider1" class="slider-arrow slider-prev"><i
                    class="far fa-arrow-left"></i></button> <button data-slider-next="#blogSlider1"
                class="slider-arrow slider-next"><i class="far fa-arrow-right"></i></button>
        </div>
    </div>
</section>

<div class="space-bottom">

    <div class="container">
        <div class="title-area mb-4 text-center">
            <h3 class="sec-title">Our Customers</h3>
            <p>
                At Vayucon, we work with a team of seasoned HVAC customers who bring decades of expertise to each
                project.
            </p>
        </div>
        <div class="swiper th-slider" id="brandSlider1"
            data-slider-options='{"breakpoints":{"0":{"slidesPerView":2},"420":{"slidesPerView":"3"},"768":{"slidesPerView":"4"},"992":{"slidesPerView":"5"},"1200":{"slidesPerView":"6"},"1400":{"slidesPerView":"6"}}}'>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/1.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/2.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/3.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/4.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/5.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/6.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/7.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/8.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/9.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/10.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/11.png" alt="Brand Logo"></div>
                </div>
                <div class="swiper-slide">
                    <div class="brand-card"><img src="assets/img/clients/12.png" alt="Brand Logo"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="overflow-hidden  space-extra-bottom">

    <div class="container">
        <div class="title-area mb-4 text-center">
            <h3 class="sec-title">Completed Projects</h3>
            <p>
                Showcasing our HVAC excellence, from industrial installations to custom luxury solutions.
            </p>
        </div>
        <div class="row gallery-row filter-active">
            <div class="col-xl-4 col-md-6 filter-item">
                <div class="gallery-box">
                    <div class="box-img"><img src="assets/img/project-1.jpg" alt="gallery image"></div>
                    <div class="box-content">
                        <div class="media-body">
                            <h3 class="box-title"><a href="#">Official Clean</a></h3>

                        </div><a href="assets/img/project-1.jpg" class="icon-btn popup-image"><i
                                class="far fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-md-6 filter-item">
                <div class="gallery-box">
                    <div class="box-img"><img src="assets/img/project-2.jpg" alt="gallery image"></div>
                    <div class="box-content">
                        <div class="media-body">
                            <h3 class="box-title"><a href="#">Industrial</a></h3>

                        </div><a href="assets/img/project-2.jpg" class="icon-btn popup-image"><i
                                class="far fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-md-6 filter-item">
                <div class="gallery-box">
                    <div class="box-img"><img src="assets/img/project-3.jpg" alt="gallery image"></div>
                    <div class="box-content">
                        <div class="media-body">
                            <h3 class="box-title"><a href="#">Residencial Area</a></h3>

                        </div><a href="assets/img/project-3.jpg" class="icon-btn popup-image"><i
                                class="far fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-md-6 filter-item">
                <div class="gallery-box">
                    <div class="box-img"><img src="assets/img/project-4.jpg" alt="gallery image"></div>
                    <div class="box-content">
                        <div class="media-body">
                            <h3 class="box-title"><a href="#">Corporate Clean</a></h3>

                        </div><a href="assets/img/project-4.jpg" class="icon-btn popup-image"><i
                                class="far fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-md-6 filter-item">
                <div class="gallery-box">
                    <div class="box-img"><img src="assets/img/project-5.jpg" alt="gallery image"></div>
                    <div class="box-content">
                        <div class="media-body">
                            <h3 class="box-title"><a href="#">Business Group</a></h3>

                        </div><a href="assets/img/project-5.jpg" class="icon-btn popup-image"><i
                                class="far fa-plus"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="bg-theme1">
    <div class="container z-index-common">
        <div class="newsletter-wrap text-center">
            <div class="newsletter-content">
                <h3 class="sec-title text-white">Ready to experience the best in HVAC solutions?</h3>

            </div>
            <a href="#" class="th-btn">Read More<i class="fas fa-arrow-up-right ms-2"></i></a>
        </div>
    </div>
</div>

<?php include 'footer.php' ?>