<?php 
include_once("include/main.inc.php");
$hover="about";
$about_page= mysqli_query($GLOBALS['dbconn'],"select pageDesc,pageTitle,pageDesc1,pageImage,page_keyword,page_metadesc, page_metatitle from static_pages where pageID='2'");
$about_res= mysqli_fetch_array($about_page);
$page_metatitle = $about_res['page_metatitle'];
$page_metakey = $about_res['page_keyword'];
$page_metadesc = $about_res['page_metadesc'];
?>
<!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"; ?>

    <section class="heading_banner" style="background-image: url(<?=site_url;?>/designer/images/about-banner.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title"> About <?=$admin_res['companyName'];?></h1>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                    <li><a href="<?=site_url;?>" title="Home">Home</a></li>
                        <li class="active">About Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="about_page1 homeAbout ">
        <div class="container">
            <!-- <h2 class="title_2">About <span> Vista Technopack Machines</span></h2> -->
            <div class="tt-bx">
                <h2 class="tt"> <span>Top 5 Band Sealing Machine Manufacturers in Mumbai</span></h2>

            </div>
            <div class="clearfix"></div>
            <div class="wps_right">
                <div class="product_right_image">
                    <img src="<?=getImage($about_res['pageImage'], 500, 500, $about_res['pageTitle'], "/uploaded-files/page-images/");?>" alt="Top 5 Band Sealing Machine Manufacturers in Mumbai" class="rounded rounded-3" title="Top 5 Band Sealing Machine Manufacturers in Mumbai">
                </div>
                <?=html_entity_decode(str_ireplace('{companyName}',$admin_res['companyName'],$about_res['pageDesc']));?>
                <div class="clearfix"></div>

            </div>
        </div>
    </section>
    <!-- <div class="shouldConsult shouldConsult2 bg-light w-100 float-start py-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5">
                    <div class="imagesLeft rounded rounded-3 overflow-hidden">
                        <img src="<?=site_url;?>/designer/images/dirctor.jpg" alt="Mr. Suraj Dembla (CEO)" title="Mr. Suraj Dembla (CEO)">
                        <h3 class="w-100 bg-white text-center mb-0 py-2">Mr. Suraj Dembla <span> (CEO)</span></h3>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="tt-bx mb-0">
                        <div class="tt text-start">Director's <span>Message</span></div>

                    </div>

                    <p>
                    I extend a warm welcome to you on behalf of Vista Technopack Machines. Our journey has been fueled by a relentless pursuit of excellence and innovation. As the Director, I am proud to lead a team dedicated to delivering top-notch packaging solutions that meet the evolving needs of our clients. At Vista Technopack Machines, we prioritize quality, reliability, and customer satisfaction above all else. We are committed to exceeding expectations and building long-lasting relationships with our valued customers. Thank you for considering us for your packaging needs. We look forward to serving you with dedication and integrity.
                    </p>


                </div>


            </div>
        </div>
    </div> -->
    <div class="features float-start">
        <div class="container">

            <div class="tt-bx position-relative z-index-9 mb-1">
                <h3 class="tt text-white">Key Fact of <span class="bg-white text-white">Our Company</span></h3>
                <p class="text-white mb-0">Delve into the essence of our company with key facts that define our excellence. From our mission to achievements, explore the core elements that set us apart in the industry.

                </p>
            </div>
            <div class="features-holder">
                <div class="feature-panel-holder">
                    <div class="feature-panel feature-panel-dark">
                        <div class="feature-icon"><img src="designer/images/nature-of-business1.png" title="Nature of Business" alt="Nature of Business"></div>
                        <div class="feature-content">
                            <div class="titleFact">Nature of Business</div>
                            <p>Manufacturer, Supplier & Exporter</p>
                        </div><a href="javascript:void(0);" title="Nature of Business" ><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                height="16" fill="currentColor" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z">
                                </path>
                            </svg></a>
                    </div>

                </div>
                <div class="feature-panel-holder">
                    <div class="feature-panel feature-panel-dark">
                        <div class="feature-icon"><img src="designer/images/calender-svgrepo-com.svg" title="Year of Establishment" alt="Year of Establishment"></div>
                        <div class="feature-content">
                            <div class="titleFact">Year of Establishment</div>
                            <p>2009</p>
                        </div><a href="javascript:void(0);" title="Year of Establishment"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                height="16" fill="currentColor" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z">
                                </path>
                            </svg></a>

                    </div>

                </div>

                <div class="feature-panel-holder">
                    <div class="feature-panel feature-panel-dark">
                        <div class="feature-icon"><img src="designer/images/company-small-24px-svgrepo-com.svg" title="Legal Status of Firm" alt="Legal Status of Firm">
                        </div>
                        <div class="feature-content">
                            <div class="titleFact">Legal Status of Firm</div>
                            <p>Sole Proprietorship </p>
                        </div><a href="javascript:void(0);" title="Legal Status of Firm">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z">
                                </path>
                            </svg></a>
                    </div>

                </div>

                <div class="feature-panel-holder">
                    <div class="feature-panel feature-panel-dark">
                        <div class="feature-icon"><img
                                src="designer/images/staff-people-group-in-a-circular-arrow-svgrepo-com.svg" title="No. of Employees" alt="No. of Employees"></div>
                        <div class="feature-content">
                            <div class="titleFact">No. of Employees</div>
                            <p>Up to 25 People</p>
                        </div><a href="javascript:void(0);" title="No. of Employees"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                height="16" fill="currentColor" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z">
                                </path>
                            </svg></a>
                    </div>

                </div>



                <div class="feature-panel-holder">
                    <div class="feature-panel feature-panel-dark">
                        <div class="feature-icon"><img src="designer/images/gst1.png" title="GST Number" alt="GST Number"></div>
                        <div class="feature-content">
                            <div class="titleFact">GST Number</div>
                            <p>27AAAPL1677L1ZG</p>
                        </div><a href="javascript:void(0);" title="GST Number"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                height="16" fill="currentColor" viewBox="0 0 16 16">
                                <path fill-rule="evenodd"
                                    d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z">
                                </path>
                            </svg></a>
                    </div>

                </div>
            </div>




            <div class="more-features more-features-2">
                <p>Get Best Quality Products at Lowest Price <a href="javascript:void(0);" data-bs-toggle="modal"
                        data-bs-target="#myModal">Get a Quote</a></p>
            </div>
            <div class="features-card">
                <div class="card-panel reversed">
                    <div class="panel-icon"><img src="designer/images/it-infrastructure-software-svgrepo-com.svg"
                            alt="Our Infrastructure" title="Our Infrastructure"></div>
                    <div class="panel-body">
                        <h4 class="titleCat p-0 text-start">Our Infrastructure</h4>
                        <p>Embark on a journey through our robust infrastructure. Discover the state-of-the-art facilities and advanced technologies that power our operations, ensuring efficiency, reliability, and quality in every aspect of our business.</p>

                    </div>
                </div>
                <div class="card-panel">
                    <div class="panel-icon"><img src="designer/images/delivery-fast-svgrepo-com.svg" alt="Our Services"
                            title="Our Services"></div>
                    <div class="panel-body">
                        <h4 class="titleCat p-0 text-start"> Approach</h4>
                        <p> Explore our unique approach to serving you better. From understanding your needs to delivering tailor-made solutions, discover how we prioritize customer satisfaction and innovation every step of the way.</p>

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

        </div>

    </div>
    <div class="approach company-core-value pt-5 pb-0  w-100 mt-5 float-start">
        <div class="container  position-relative mb-2">
            <div class="rowfff mt-5">
                <div class="products_heading wow float-none fadeInDown mb-3 mb-lg-0 animated animated animated animated animated"
                    data-wow-delay=".1s"
                    style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInDown;">

                    <div class="tt-bx">
                        <div class="tt">Our <span>Specialities</span></div>
                        <p>Discover our exceptional offerings showcased in the "Our Specialities" section. From cutting-edge technology to unparalleled expertise, explore the unique features that make us stand out in the industry.

                        </p>
                    </div>
                    <div class="base-header2 mt-4">

                        <div>
                            <div class="row">
                                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 pb-3">
                                    <div class="counter-block  bg-light rounded p-3 text-center   h-350  pt-4">
                                        <div class="icon">
                                            <span>
                                                <img src="<?=site_url;?>/designer/images/group.png" alt="Our Value Proposition" title="Our Value Proposition">
                                            </span>
                                        </div>
                                        <div class="info">
                                            <div class="fs-20 mt-3 mb-2  title3">Our Value Proposition</div>
                                            <p class=" ">Explore our value proposition, where we outline our commitment to quality, innovation, and customer satisfaction. Discover how we deliver unmatched value and exceed expectations in every aspect of our business.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 pb-3">
                                    <div class="counter-block  bg-light  rounded p-3 text-center     h-350  pt-4">
                                        <div class="icon">
                                            <span>
                                                <img src="designer/images/back-in-time.png" alt="Turn Around Time" title="Turn Around Time"></span>
                                        </div>
                                        <div class="info">
                                            <div class="fs-20 title3 mt-3 mb-2  lsp-5px">Turn Around Time</div>
                                            <p class=" ">Discover our efficient turnaround time commitment. We prioritize swift service delivery without compromising quality, ensuring your needs are met promptly and effectively. Experience seamless efficiency with our streamlined processes.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 pb-3">
                                    <div class="counter-block  bg-light  rounded p-3 text-center    h-350  pt-4">
                                        <div class="icon">
                                            <span>
                                                <img src="designer/images/self-service.png" alt="Friendly Services" title="Friendly Services"> </span>
                                        </div>
                                        <div class="info">
                                            <div class="fs-20 title3 mt-3 mb-2   lsp-5px">Friendly Services</div>
                                            <p class=" ">Experience our warm and welcoming approach to service. Our friendly team is dedicated to providing exceptional assistance and support, ensuring your experience with us is always positive and enjoyable. </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 pb-3">
                                    <div class="counter-block  bg-light  rounded p-3 text-center   h-350  pt-4">
                                        <div class="icon">
                                            <span>
                                                <img src="designer/images/like.png" alt="Customer Satisfaction" title="Customer Satisfaction">
                                            </span>
                                        </div>
                                        <div class="info">
                                            <div class="fs-20 mt-3 title3 mb-2  lsp-5px">Customer Satisfaction</div>
                                            <p class=" ">Discover our relentless focus on customer satisfaction. From personalized service to prompt resolution of queries, we prioritize your needs to ensure your utmost satisfaction with every interaction.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php include "app_testimonials.php"; ?>
    <div class="faq-sec">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-7 col-12">
                    <div class="tt-bx text-start">
                        <div class="tt">Know more from <span>FAQs</span></div>
                        <p class="text-start mx-0"> Uncover answers to your questions effortlessly with our FAQs section. From product queries to operational details, find comprehensive information to enhance your understanding and decision-making process. </p>
                    </div>
                    <div class="accordion" id="accordionExample">
                    <?php $i = 1;

$faq_sql = mysqli_query($GLOBALS['dbconn'], "select answer, slno, question from faq_tbl where category_id='' order by slno ASC");

while ($faq_res = mysqli_fetch_array($faq_sql)) { ?>
                        <div class="accordion-item">
                            <h5 class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapse<?= $faq_res['slno']; ?>" aria-expanded="false" aria-controls="collapse<?= $faq_res['slno']; ?>">
                                   
                                        <?= str_ireplace('{companyName}', $admin_res['companyName'], $faq_res['question']); ?>
                                </button>
</h5>
                            <div id="collapse<?= $faq_res['slno']; ?>" class="accordion-collapse collapse"
                                data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                <?= str_ireplace('{companyName}', $admin_res['companyName'], $faq_res['answer']); ?>
                                </div>
                            </div>
                        </div>
                        <?php $i++;} ?>
                       
                       
                    </div>
                </div>
                <div class="col-lg-4 col-md-5 col-12">
                    <div class="qut-frm">
                        <div class="tt-bx text-start">
                            <div class="tt text-white">Request a <span>Quote</span></div>
                            <p class="text-start mx-0 text-white">Fill all information details to consult with us to get
                                 services from us</p>
                        </div>
                        <form id="home_enquiry" method="post">
                            <div id="home_response"></div>
                            <!-- <script src="https://www.google.com/recaptcha/api.js" async defer></script> -->
                            <div class="form-group">
                                <input class="form-control" type="text" name="name" onkeyup="validateOnlyTextField(this)" placeholder="Full Name*" value=""
                                    required="">
                            </div>

                            <div class="form-group">
                                <input class="form-control" type="email" name="email" placeholder="Email ID*" value="" required>
                            </div>
                            <div class="form-group">
                            <input type="hidden" name="countryName" class="countryName" value="">
                            <input type="hidden" name="code" class="code" value="">
                            <input class="form-control telePhone" value="" type="tel" name="mobile" maxlength="10"
                            minlength="10" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"
                            placeholder="Mobile Number*" required="" autocomplete="off" style="padding-left: 84px;">
                            </div>

                            <div class="form-group">
                                <input class="form-control" type="text" name="location" value=""
                                    placeholder="Your Location*" required="">
                            </div>

                            <div class="form-group">
                                <textarea class="form-control" name="message" placeholder="Your Message*"
                                    required=""></textarea>
                            </div>

                            <div class="form-group" style="margin-bottom: 0;">
                                <div class="g-recaptcha" data-sitekey="<?=site_key;?>"></div>
                            </div>

                            <button type="submit" class="readMore" name="submit_enq">Submit <svg xmlns="http://www.w3.org/2000/svg"
                                    width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                    <path
                                        d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z">
                                    </path>
                                </svg></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <?php include "app_clients.php"; ?>
        <?php include "app_video.php"; ?>

        <?php include "app_footer.php"; ?>
        <?php include "app_bottom.php"; ?>
</body>

</html>