<?php
/*

Template Name: Front Page

*/


get_header();
?>


<!--==============================
Hero Area
==============================-->
    <div class="th-hero-wrapper hero-1" id="hero">
        <div class="swiper th-slider hero-slider-1" id="heroSlide1" data-slider-options='{"effect":"fade","menu": ["", "", ""],"heroSlide1": {"swiper-container": {"pagination": {"el": ".swiper-pagination", "clickable": true }}}}'>
            <div class="swiper-wrapper">
                    <?php
                    $args = array('post_type' => 'slider','order' => 'ASC','posts_per_page'=>4);
                    $slider_query = new WP_Query($args);

                        ?>
                         <?php
                    if(have_posts()) : while ( $slider_query -> have_posts()):$slider_query->the_post();  

                        $image_id = get_post_thumbnail_id();
                        $image_url = wp_get_attachment_image_src($image_id, 'full', true);
                        $image_alt_tag = get_post_meta($image_id, '_wp_attachment_image_alt', true);

                        ?>
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <img src="<?php echo $image_url[0]; ?>"  alt="<?php echo $image_alt_tag; ?>" class="img-fluid" />
                        <div class="hero-1-shape d-none d-lg-block" data-ani="slideinleft" data-ani-delay="0.4s">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/shape/hero-1-shape.png" alt="hero-shape">
                        </div>
              
                    </div>
                </div>
                <?php endwhile; endif; wp_reset_query(); ?>
            
                

            </div>
            <div class="th-swiper-custom">
                <button data-slider-prev="#heroSlide1" class="slider-arrow slider-prev"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/right-arrow.svg" alt=""></button>
                <div class="slider-pagination"></div>
                <button data-slider-next="#heroSlide1" class="slider-arrow slider-next"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/left-arrow.svg" alt=""></button>
            </div>

        </div>
    </div>
    <!--======== / Hero Section ========--><!--==============================
Feature Area  
==============================-->
    <section class="">
        <div class="feature-list-wrap">
            <!--==============================
feature Area  
==============================-->
            <div class="feature-area overflow-hidden " id="feature-area">
                <div class="row gx-0 justify-content-center">
                    <div class="col-xl-4 col-lg-6">
                        <div class="feature-item d-flex align-items-start">
                            <div class="feature-item_icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/feature_1_1.svg" alt="icon">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title text-anime-style-2">Highly Expert Team</h3>
                                <p class="feature-item_text wow fadeInUp">We provide the most responsive and functional IT design</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6">
                        <div class="feature-item d-flex align-items-start">
                            <div class="feature-item_icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/feature_1_2.svg" alt="icon">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title text-anime-style-2">24/7 Customer Service</h3>
                                <p class="feature-item_text">We provide the most responsive and functional IT design</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6">
                        <div class="feature-item d-flex align-items-start">
                            <div class="feature-item_icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/feature_1_3.svg" alt="icon">
                            </div>
                            <div class="media-body">
                                <h3 class="box-title text-anime-style-2">Competitive Pricing</h3>
                                <p class="feature-item_text">We provide the most responsive and functional IT design</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><!--==============================
Category Area    
==============================-->
    <section class="category-area bg-top-center space" data-bg-src="<?php echo get_template_directory_uri(); ?>/assets/img/bg/category_bg_1.png">
        <div class="container th-container">
            <div class="title-area mb-60 text-center">
                <span class="sub-title text-anime-style-2">Our Features</span>
                <h2 class="sec-title text-anime-style-3">Reliable IT for Unstoppable Growth</h2>
            </div>
            <div class="swiper th-slider categorySlider" id="categorySlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"},"1400":{"spaceBetween":45,"slidesPerView":"5"}}}'>
                <div class="swiper-wrapper">
                    
                    <div class="swiper-slide">
                        <div class="category-card single">
                            <div class="box-img global-img">
                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/Computing-and-Networking-Project.jpg" alt="Image">
                            </div>
                            <h3 class="box-title"><a href="https://akcomputech.in/computing-and-networking-project/">Computing and Networking Project</a></h3>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="category-card single">
                            <div class="box-img global-img">
                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/Security-and-Surveillance.jpg" alt="Image">
                            </div>
                            <h3 class="box-title"><a href="https://akcomputech.in/security-and-surveillance/">Security and Surveillance</a></h3>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="category-card single">
                            <div class="box-img global-img">
                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/audio-visual.jpg" alt="Image">
                            </div>
                            <h3 class="box-title"><a href="https://akcomputech.in/audio-visuals/">Audio Visuals</a></h3>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="category-card single">
                            <div class="box-img global-img">
                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/Integrated-Projects.jpg" alt="Image">
                            </div>
                            <h3 class="box-title"><a href="https://akcomputech.in/integrated-projects/">Integrated Projects</a></h3>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="category-card single">
                            <div class="box-img global-img">
                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/Digital-Signage-and-Display.jpg" alt="Image">
                            </div>
                            <h3 class="box-title"><a href="https://akcomputech.in/digital-signage-and-displays/">Digital Signage and Display</a></h3>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="category-card single">
                            <div class="box-img global-img">
                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/Education.jpg" alt="Image">
                            </div>
                            <h3 class="box-title"><a href="https://akcomputech.in/education/">Education</a></h3>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </section><!--==============================
About Area  
==============================-->
    <div class="about-area position-relative overflow-hidden " id="about-sec">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="img-box1">
                        <div class="img1">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/normal/about_1_1.jpg" alt="About">
                        </div>
                        <div class="img2">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/normal/about_1_2.jpg" alt="About">
                        </div>
                        <div class="img3">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/normal/about_1_3.jpg" alt="About">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="ps-xl-4 ms-xxl-4">
                        <div class="title-area about1-title-box mb-20 pe-xxl-5 me-xxl-5">
                            <span class="sub-title style1 text-anime-style-2">About Us Our Company</span>
                            <h2 class="sec-title mb-20 heading text-anime-style-3">Solutions That Evolve with Your Business</h2>

                            <p class="sec-text mb-30 wow fadeInUp" data-wow-delay=".1s">AK Computech is a trusted provider of comprehensive IT solutions, committed to helping businesses harness the power of technology to achieve their goals. Founded with a vision to deliver reliable, innovative, and cost-effective IT services, we specialize in managed IT support, cloud solutions, cybersecurity, hardware and software solutions, and more. </p>
							<p class="sec-text mb-30 wow fadeInUp" data-wow-delay=".1s">With a team of experienced professionals, we bring deep industry knowledge and technical expertise to every project. Our approach is client-focused—we take the time to understand your unique needs and challenges, and then tailor solutions that align with your objectives. Whether you’re a small business or a growing enterprise, we provide scalable solutions that support your growth. </p>
                        </div>
                  
                        <div class="mt-35 wow fadeInUp">
                            <a href="https://akcomputech.in/who-we-are/" class="th-btn th-icon">Learn More <i class="fa-light fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shape-mockup shape1 d-none d-xl-block" data-top="12%" data-right="-16%">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/shape/ab-1-shape-1.png" alt="shape">
            </div>
            <div class="shape-mockup shape3 d-none d-xl-block" data-bottom="2%" data-left="-20%">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/shape/ab-1-shape-2.png" alt="shape">
            </div>

            <div class="shape-mockup about-shape movingX d-none d-xxl-block" data-bottom="20%" data-right="-11%">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/normal/about-right-img.jpg" alt="shape">
            </div>
        </div>

    </div>
    <!--==============================
destination Area  
==============================-->
    <div class="case-area position-relative overflow-hidden space">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-5">
                    <div class="title-area case-title-box text-center text-xl-start">
                        <span class="sub-title mb-15  text-anime-style-2">Case Studies</span>
                        <h2 class="sec-title  text-anime-style-3">Transforming Ideas into Innovations</h2>
                    </div>
                </div>
              
            </div>
<div class="slider-area case-slider slider-drag-wrap">
                        <div class="swiper th-slider case-slider" id="aboutSlider2" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"}},"effect":"coverflow","coverflowEffect":{"rotate":"0","stretch":"95","depth":"212","modifier":"1"},"centeredSlides":"true"}'>
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/camera.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Camera</a>
                                                    </h4>
                                                   
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/computer.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Computers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/biometric.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Biometric Machines</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                 <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/camera.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Camera</a>
                                                    </h4>
                                                   
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/computer.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Computers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="case-box">
                                        <div class="case-img">
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/biometric.jpg" alt="case image">
                                            <div class="case-content">
                                                <div class="media-left">
                                                    <h4 class="box-title">
                                                        <a href="case-study-details.html">Biometric Machines</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="case-action">
                                                <a href="case-study-details.html" class="case-btn"><i class="fa-light fa-arrow-right-long"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            
                       

                            </div>
                        </div>
                    </div>
        </div>
    </div><!--==============================
Brand Area  
==============================-->
    <div class="brand-area overflow-hidden space-bottom">
        <div class="container th-container">
            <div class="swiper th-slider brandSlider1" id="brandSlider1" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"7"},"1400":{"slidesPerView":"8"}}}'>
                <div class="swiper-wrapper">

					
					<div class="swiper-slide">
                                            <div class="clints-sponser ">
                                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/prodot.png" />
                                            </div>
                                        </div>
					<div class="swiper-slide">
                                            <div class="clints-sponser">
                                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/dell.png" />
                                            </div>
                                        </div>
					<div class="swiper-slide">
                                            <div class="clints-sponser ">
                                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/microtech.png" />
                                            </div>
                                        </div>
					<div class="swiper-slide">
                                            <div class="clints-sponser">
                                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/lacare.png" />
                                            </div>
                                        </div>
					<div class="swiper-slide">
                                            <div class="clints-sponser">
                                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/cpplus.png" />
                                            </div>
                                        </div>
					<div class="swiper-slide">
                                            <div class="clints-sponser">
                                                <img src="https://akcomputech.in/wp-content/uploads/2025/07/logitech.png" />
                                            </div>
                                        </div>
					
					
					

 <div class="swiper-slide">
                                            <div class="clints-sponser">
                                               <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/hp-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="clints-sponser">
                                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/compaq-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/idea-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="clints-sponser">
                                               <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/ibm-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="clints-sponser">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/secureye-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="clints-sponser">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/acer.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/cyberoam-logo.png" />
                                            </div>
                                        </div>
                                           <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/epson-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/D-Link-Logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/Anexgate.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/syrotech.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/amp.png" />
                                            </div>
                                        </div>
                                          <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/viewsonic.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/panasonic.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/hikvision-logo.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/recoh.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/xerox.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/ahuja.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/brother.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/polycon.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/conon.png" />
                                            </div>
                                        </div> 
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/dynamicrack.jpg" />
                                            </div>
                                        </div> 
                                          <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/bose.png" />
                                            </div>
                                        </div> 
                                          <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/monitor.png" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/control4.jpg" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/time-watch.jpg" />
                                            </div>
                                        </div>
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/zkteco.jpg" />
                                            </div>
                                        </div> 
                                         <div class="swiper-slide">
                                            <div class="brand-box">
                                                 <img src="<?php echo get_template_directory_uri(); ?>/assets/img/akbrand/sch.png" />
                                            </div>
                                        </div> 

               
                    

                    

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




<?php get_footer(); ?>