<?php include_once('include/main.inc.php');
   $hover="home";
   $homepage = mysqli_query($GLOBALS['dbconn'], "select pageDesc,pageTitle, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='1' and status='Y'");
   $home_res = mysqli_fetch_array($homepage);
   if($home_res['keyword1']!='' && $home_res['keyword2']!=''){
       $m_title="hotkeyword1 Manufacturers in state, hotkeyword2 Suppliers, Exporters country";
       $page_metatitle=str_replace('hotkeyword1',$home_res[keyword1],str_replace('hotkeyword2', $home_res[keyword2], str_replace('state', $admin_res[targetlocation],str_replace('country', $admin_res[country], $m_title))));
       $m_keyword="hotkeyword1 Manufacturers, hotkeyword2 Manufacturers, hotkeyword1 Suppliers, hotkeyword2 Suppliers, hotkeyword1 Exporters, hotkeyword2 Exporters, hotkeyword1, hotkeyword2";
       $page_metakey = str_replace('hotkeyword1',$home_res[keyword1],str_replace('hotkeyword2', $home_res[keyword2],  str_replace('state', $admin_res[targetlocation], $m_keyword)));
       $m_desc="companyName leading hotkeyword1 Manufacturers in state. Best Quality hotkeyword2 Suppliers and Exporters in country at Factory Price. Call phone";
       $page_metadesc= str_replace('hotkeyword1',$home_res[keyword1],str_replace('hotkeyword2', $home_res[keyword2],str_replace('companyName', $admin_res[companyName], str_replace('phone', $admin_res[mobile_meta], str_replace('state', $admin_res[targetlocation],str_replace('country', $admin_res[country],$m_desc))))));
   }else{
   $page_metatitle = $home_res['page_metatitle'];
   $page_metakey = $home_res['page_keyword'];
   $page_metadesc = $home_res['page_metadesc'];
   }
   $page_desc=$home_res['pageDesc'];
   $page_desc=str_ireplace('{companyName}',$admin_res['companyName'],$page_desc);
   $page_metadesc=str_ireplace('{companyName}',$admin_res['companyName'],$page_metadesc);
   $blog = mysqli_query($GLOBALS['dbconn'], "select blogDate,catImage,catName,blogDname,catDesc,blog_written,blogDate from blog_tbl order by catID DESC  limit 0,3"); 
   ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
</head>

<body>

    <?php include "app_header.php"; ?>

    <div class="home_slider">
        <div id="carouselExampleControls" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-inner">
                <?php
                $i = 1;
                $sql_banner = mysqli_query($GLOBALS['dbconn'], "Select bannerImage, personName,Decs,bannerUrl from banner_tbl where status='Y' order by bannerorder ASC");
                while ($res_banner = mysqli_fetch_array($sql_banner)) { ?>
                <div class="carousel-item <?= $i == 1 ? 'active' : ''; ?>">
                    <img fetchpriority="high"
                        src="<?=site_url;?>/uploaded-files/banner-image/<?=$res_banner['bannerImage'];?>"
                        alt="<?=$res_banner['personName'];?> in <?=$admin_res['targetlocation'];?>"
                        title="<?=$res_banner['personName'];?> in <?=$admin_res['targetlocation'];?>"
                        class="d-block w-100" width="1600" height="458">
                </div>
                <?php $i++; } ?>


            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
                data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
                data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>

    <section class="homeAbout bg-white">
        <div class="container">
            <div class="tt-bx">
                <div class="tt">Our Process <span>3 Simple Steps</span></div>
                <p>Discover seamless collaboration with us in just three straightforward steps. From sharing your
                    requirements to finalizing the product, our process ensures efficiency, clarity, and satisfaction
                    every step of the way.</p>
            </div>
            <div class="step-container bg-light wow fadeInUp">
                <div class="row">
                    <div class="col-md-4 col-12">
                        <div class="step-bx">
                            <div class="img-bx">
                                <div class="count">1</div>
                                <img loading="lazy" src="<?=site_url;?>/designer/images/icon/support.webp" alt="Call Us"
                                    title="Call Us" width="128" height="120">
                            </div>
                            <div class="tx-bx">
                                Call us at <?=$admin_res['mobile'];?> <br> and share requirements
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-12">
                        <div class="step-bx">
                            <div class="img-bx">
                                <div class="count">2</div>
                                <svg fill="#000000" width="40px" height="40px" viewBox="0 0 270.92 270.92"
                                    style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
                                    version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink">



                                    <g id="Layer_x0020_1">

                                        <path class="fil0"
                                            d="M191.33 45.73l-20.59 0c-1.95,0 -3.53,1.57 -3.53,3.52 0,1.95 1.58,3.53 3.53,3.53l20.59 0c6.14,0 11.15,5.29 11.15,11.82l0 154.28c0,6.52 -5.01,11.82 -11.15,11.82l-111.73 0c-6.15,0 -11.15,-5.3 -11.15,-11.82l0 -154.28c0,-6.53 5,-11.82 11.15,-11.82l20.59 0c1.95,0 3.53,-1.58 3.53,-3.53 0,-1.95 -1.58,-3.52 -3.53,-3.52l-20.59 0c-10.05,0 -18.21,8.45 -18.21,18.87l0 154.28c0,10.42 8.16,18.87 18.21,18.87l111.73 0c10.04,0 18.21,-8.45 18.21,-18.87l0 -154.28c0,-10.42 -8.17,-18.87 -18.21,-18.87zm-86.94 123.83c-1.96,0 -3.54,1.58 -3.54,3.53 0,1.95 1.58,3.53 3.54,3.53l31.07 0c1.95,0 3.53,-1.58 3.53,-3.53 0,-1.95 -1.58,-3.53 -3.53,-3.53l-31.07 0zm65.69 -21c0,-1.95 -1.58,-3.52 -3.53,-3.52l-62.16 0c-1.96,0 -3.54,1.57 -3.54,3.52 0,1.95 1.58,3.53 3.54,3.53l62.16 0c1.95,0 3.53,-1.58 3.53,-3.53zm-3.53 -29.29l-62.16 0c-1.96,0 -3.54,1.58 -3.54,3.53 0,1.95 1.58,3.53 3.54,3.53l62.16 0c1.95,0 3.53,-1.58 3.53,-3.53 0,-1.95 -1.58,-3.53 -3.53,-3.53zm-65.7 -21.42c0,1.95 1.58,3.52 3.54,3.52l62.16 0c1.95,0 3.53,-1.57 3.53,-3.52 0,-1.95 -1.58,-3.53 -3.53,-3.53l-62.16 0c-1.96,0 -3.54,1.58 -3.54,3.53zm2.87 -32.92c0,-1.95 -1.58,-3.53 -3.53,-3.53l-6.24 0c-7.56,0 -13.7,6.15 -13.7,13.71l0 127.78c0,7.55 6.14,13.71 13.7,13.71l83.03 0c7.56,0 13.69,-6.16 13.69,-13.71l0 -127.78c0,-7.56 -6.13,-13.71 -13.69,-13.71l-6.24 0c-1.95,0 -3.53,1.58 -3.53,3.53 0,1.95 1.58,3.53 3.53,3.53l6.24 0c3.66,0 6.64,2.98 6.64,6.65l0 127.78c0,3.66 -2.98,6.65 -6.64,6.65l-83.03 0c-3.66,0 -6.64,-2.99 -6.64,-6.65l0 -127.78c0,-3.67 2.98,-6.65 6.64,-6.65l6.24 0c1.95,0 3.53,-1.58 3.53,-3.53zm13.29 -12.6l36.91 0 0 17.04 -36.91 0 0 -17.04zm18.61 -12.09c3.33,0 6.17,2.1 7.3,5.04l-14.61 0c1.12,-2.94 3.97,-5.04 7.31,-5.04zm-22.14 36.17l43.97 0c1.95,0 3.53,-1.58 3.53,-3.53l0 -24.07c0,-1.95 -1.58,-3.53 -3.53,-3.53l-7.26 0c-1.31,-6.87 -7.33,-12.1 -14.57,-12.1 -7.24,0 -13.26,5.21 -14.58,12.1l-7.56 0c-1.95,0 -3.53,1.58 -3.53,3.53l0 24.07c0,1.95 1.58,3.53 3.53,3.53z">

                                        </path>
                                    </g>

                                </svg>
                            </div>
                            <div class="tx-bx">
                                Our expert <br> will share best proposal
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-12">
                        <div class="step-bx">
                            <div class="img-bx">
                                <div class="count">3</div>
                                <img loading="lazy" src="<?=site_url;?>/designer/images/icon/delivery.webp"
                                    alt="Delivery" title="Delivery" width="128" height="120">
                            </div>
                            <div class="tx-bx">
                                Once you finalize the product <br> we are good to go
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12  col-md-12 col-sm-12 col-12">
                    <div class="homeRight wow fadeInRight mt-3" data-wow-delay=".2s">
                        <img loading="lazy"
                            src="<?=getImage($home_res['pageImage'], 500, 500, $home_res['pageTitle'], "/uploaded-files/page-images/");?>"
                            alt="Packaging Machine Manufacturers in Mumbai"
                            title="Packaging Machine Manufacturers in Mumbai" width="500" height="500">
                    </div>
                    <h1><span> Packaging Machine</span> Manufacturers in Mumbai </h1>
                    <div class="more-contents1">
                        <?=html_entity_decode($page_desc);?>
                    </div>
                    <a href="<?=site_url;?>/about-us.htm" title="View More" class="readMore">View More
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                            </path>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </section>

    <section class="offerSection bg-light">
        <div class="container">
            <div class="tt-bx">
                <div class="tt">Our <span>Products</span></div>
                <p>Explore our diverse range of high-quality products, meticulously designed to meet your needs. From
                    cutting-edge technology to innovative solutions, discover excellence and reliability in every
                    product showcased in this section.

                </p>
            </div>
            <div class="offerList">
                <div class="row">
                    <?php 
                     $home_cat1=mysqli_query($GLOBALS['dbconn'],"select catImage, catName, displayName, catDesc, catID from category_tbl where home_category='1' and status='Y' order by homeorder asc limit 0,8");
                     while($home_cat_res2=mysqli_fetch_assoc($home_cat1)){
                     if($home_cat_res2['catImage'] != ''){
                     $imglink=getImage($home_cat_res2[catImage], 350, 350, $home_cat_res2[catName],"/uploaded-files/category/images/");
                     }else{
                     $imglink = site_url."/uploaded-files/category/images/noimage.jpg";
                     }
                     $short_desc=str_ireplace('{companyName}',$admin_res['companyName'],$home_cat_res2['catDesc']);
                     ?>
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="offerBox wow fadeInUp">
                            <div class="image">
                                <img loading="lazy" src="<?=$imglink;?>"
                                    alt="<?=$home_cat_res2['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                                    title="<?=$home_cat_res2['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>"
                                    width="350" height="350">
                            </div>
                            <div class="offerDetail">
                                <div class="tt"
                                    title="<?=$home_cat_res2['displayName'];?> Manufacturers in <?=$admin_res['targetlocation'];?>">
                                    <?=$home_cat_res2['displayName'];?></div>
                                <p><?=substr($short_desc,0,120);?>...</p>
                                <a href="<?=site_url;?>/<?=getValidFileName($home_cat_res2['catName']);?>.htm"
                                    title="View More" class="readMore">View More <svg xmlns="http://www.w3.org/2000/svg"
                                        width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                        </path>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <?php } ?>

                    <div class="col-12 text-center">
                        <a href="<?=site_url;?>/pouch-packing-machine.htm" title="View More" class="readMore">View All
                            Products <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="whyChoose">
        <div class="container">
            <div class="tt-bx">
                <div class="tt text-white">What makes us the <span>Best In Industry</span></div>
                <p class="text-white">
                    Uncover why we stand out in the industry. From unparalleled expertise to a commitment to innovation
                    and customer satisfaction, explore what sets us apart as leaders in our field.
                </p>
            </div>
            <div class="row g-0">
                <!-- Year of Expertise -->
                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft">
                    <div class="count-bx">
                        <div class="ic-bx">
                            <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/epertise.webp"
                                alt="Years of Expertise" title="Years of Expertise" width="128" height="120">
                        </div>
                        <div class="tx-bx">
                            <div class="coun">
                                <span id="count1">0</span><span>+</span>
                            </div>
                            <p>Years of Expertise</p>
                        </div>
                    </div>
                </div>

                <!-- Clients -->
                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft" data-wow-delay=".2s">
                    <div class="count-bx">
                        <div class="ic-bx">
                            <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/clients.webp" alt="Clients"
                                title="Clients" width="128" height="120">
                        </div>
                        <div class="tx-bx">
                            <div class="coun">
                                <span id="count2">0</span><span>+</span>
                            </div>
                            <p>Clients</p>
                        </div>
                    </div>
                </div>

                <!-- Projects Completed -->
                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft" data-wow-delay=".4s">
                    <div class="count-bx">
                        <div class="ic-bx">
                            <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/products.webp"
                                alt="Projects Completed" title="Projects Completed" width="128" height="120">
                        </div>
                        <div class="tx-bx">
                            <div class="coun">
                                <span id="count3">0</span><span>+</span>
                            </div>
                            <p>Projects Completed</p>
                        </div>
                    </div>
                </div>

                <!-- Satisfied Customers -->
                <div class="col-lg-3 col-md-3 col-6 wow fadeInLeft" data-wow-delay=".6s">
                    <div class="count-bx border-0">
                        <div class="ic-bx">
                            <img loading="lazy" src="<?= site_url; ?>/designer/images/icon/SATISFACTION.webp"
                                alt="Satisfied Customers" title="Satisfied Customers" width="128" height="120">
                        </div>
                        <div class="tx-bx">
                            <div class="coun">
                                <span id="count4">0</span><span>%</span>
                            </div>
                            <p>Satisfied Customers</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="homeBlog">
        <div class="container">
            <div class="tt-bx">
                <div class="tt">Latest <span>Blogs</span></div>
                <p>Stay informed and inspired with our latest blogs. Explore insightful articles covering industry
                    trends, tips, and updates, designed to keep you ahead of the curve. Dive into knowledge and
                    expertise today!

                </p>
            </div>
            <div class="clearfix"></div>

            <div class="row align-items-stretch">
                <?php 
                     while($blog_res=mysqli_fetch_array($blog)){ 
                     if($blog_res['catImage']!=''){
                     $blog_img=  getImage($blog_res['catImage'], 350, 300, $blog_res['catName'], "/uploaded-files/blog/images/");
                     }else{
                         $blog_img= NO_IMG_URL;
                     }
                     $blog_shortdesc=str_ireplace('{companyName}',$admin_res['companyName'],$blog_res['catDesc']);
                     ?>
                <div class="col-lg-4 col-md-6 col-12 wow fadeInUp">
                    <div class="blogBox">
                        <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                            title="<?= $blog_res['blogDname'];?>">
                            <div class="image">
                                <img loading="lazy" src="<?=$blog_img;?>" alt="<?= $blog_res['blogDname'];?>"
                                    title="<?= $blog_res['blogDname'];?>" width="350" height="175">
                            </div>
                        </a>
                        <div class="blogDescribe">
                            <!-- <abbr class="blogDate">01 Sept, 2022</abbr> -->
                            <div class="tt"><a
                                    href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                                    title="<?= $blog_res['blogDname'];?>"><?= $blog_res['blogDname'];?></a></div>
                            <p><?= html_entity_decode(substr($blog_res['catDesc'],0,100)) ;?>...</p>
                            <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                                title="View More" class="readMore">View More
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                        d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                    </path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
                <?php } ?>

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

    <?php include "app_testimonials.php"; ?>
    <?php include "app_faq.php"; ?>

    <?php include "app_clients.php"; ?>
    <?php include "app_video.php"; ?>
    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
    <script>
    document.addEventListener('DOMContentLoaded', () => {
        const buttons = document.querySelectorAll('.owl-carousel button');
        const buttons2 = document.querySelectorAll('button.dropdown-expander');
        buttons.forEach((button, index) => {
            button.setAttribute('title', `Vista Technopack Machines`);
        });
        buttons2.forEach((button, index) => {
            button.setAttribute('title', `dropdown`);
        });
    });
    </script>
    <script>
    const workSection = document.querySelector(".whyChoose");

    if (workSection) {
        const workSectionObserve = (entries, observer) => {
            const [entry] = entries;

            if (!entry.isIntersecting) return;

            // Start Counters
            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));

                let timer = setInterval(() => {
                    current += increment;
                    obj.textContent = current;
                    if (current === end) {
                        clearInterval(timer);
                    }
                }, step);
            }

            counter("count1", 0, 15, 4000);
            counter("count2", 100, 600, 4000);
            counter("count3", 0, 600, 4000);
            counter("count4", 0, 99, 4000);

            // Unobserve after running once
            observer.unobserve(entry.target);
        };

        const workSecObserver = new IntersectionObserver(workSectionObserve, {
            root: null,
            threshold: 0.3, // Adjust threshold for better timing
        });

        workSecObserver.observe(workSection);
    }
    </script>
</body>

</html>