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

    <!--=======================   banner section  ========================-->
    <section class="banner-section" style=" background-image: url('assets/images/banners/about.jpg');">
       <div class="banner-head">
            <div class="banner-heading">
            <h1>About Us</h1>
            <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="index.php" rel="home">Home</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  <span>About Us</span>  
                </div>
              </nav>
            </div>
       </div>
    </section>
    <!--=======================   end banner section ===================-->
                
<div class="overflow-hidden space" id="about-sec">

        <div class="container">

            <div class="row align-items-center">

                <div class="col-xl-6 mb-40 mb-xl-0">

                    <div class="img-box5">

                        <div class="shape1"><img src="assets/img/normal/about_3_2.png" alt="About">
                        </div>

                        <div class="img1"><img src="assets/img/normal/about_3_1.png" alt="About">
                        </div>
                    </div>
                </div>

                <div class="col-xl-6 text-center text-xl-start">

                    <div class="title-area mb-32">

                        <span class="sub-title"><img src="assets/img/theme-img/title_icon.svg" alt="shape">About Us
                            Company
                        </span>
                        <h2 class="sec-title"> Vijayshree Exports</h2>

                        <p class="sec-text">

                            We established this firm in 1992 for export of Grapes & Pomegranate. Started with one container, now exporting around 150 container’s.
                            
                            We export to Europe, Russia, Malaysia, Thailand, Saudi Arebia.
                            
                            We have around 100 group of farmers from all over Maharashtra.
                            </p>
                    </div>

                    <div class="checklist list-two-column mb-40">
                        <ul>
                            <li>100% Organic Products</li>
                            <li>No Synthetic Chemicals</li>
                            <li>Always Fresh & Natural Foods</li>
                            <li>Best Prices</li>
                            <li>Environmental Benefits</li>
                        </ul>
                    </div>

                    <div><a href="#" class="th-btn">Discover More<i class="fas fa-chevrons-right ms-2"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
             <!--============== enquiry form ============-->
   <!--<section style=" background-image:url('assets/images/banners/counter-banner.jpg');-->
   <!-- background-position: center;-->
   <!-- background-size: cover; -->
   <!-- background-repeat: no-repeat;">-->
   <!--    <div class="container">-->
   <!--        <div class="row">-->
   <!--            <div class="col-md-12">-->
   <!--                <div class="counters">-->
   <!--                   <section class="counter-section">-->
   <!--                     <div class="counter-container">-->
   <!--                         <div class="counter">-->
   <!--                             <div class="count" id="counter1">0</div>-->
   <!--                             <div class="label">Users</div>-->
   <!--                         </div>-->
   <!--                         <div class="counter">-->
   <!--                             <div class="count" id="counter2">0</div>-->
   <!--                             <div class="label">Projects</div>-->
   <!--                         </div>-->
   <!--                         <div class="counter">-->
   <!--                             <div class="count" id="counter3">0</div>-->
   <!--                             <div class="label">Awards</div>-->
   <!--                         </div>-->
   <!--                     </div>-->
   <!--                 </section>-->
   <!--                </div>-->
   <!--            </div>-->
   <!--        </div>-->
   <!--    </div>-->
   <!--</section>-->
   
    <section style=" background-image:url('assets/images/banners/counter-banner.jpg');
    background-position: center;
    background-size: cover; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 100px 0px;">
       <div class="container">
           <div class="row">
                  <div class="col-md-4 mb-3">
                      <div class="counter">
                                <div class="count" id="counter1">0</div>
                                <div class="label pt-4">Our Clients</div>
                      </div>
                  </div>
                   <div class="col-md-4 mb-3">
                      <div class="counter">
                                <div class="count" id="counter2">0</div>
                                <div class="label pt-4">Exports Products</div>
                      </div>
                  </div>
                   <div class="col-md-4">
                      <div class="counter">
                                <div class="count" id="counter3">0</div>
                                <div class="label pt-4">Imports Products</div>
                      </div>
                  </div>
           </div>
       </div>
   </section>
  
 <script>
       function animateCounter(elementId, target, duration) {
    const element = document.getElementById(elementId);
    let start = 0;
    const stepTime = Math.abs(Math.floor(duration / target));
    
    const increment = () => {
        start += 1;
        element.innerText = start;
        if (start < target) {
            setTimeout(increment, stepTime);
        }
    };
    
    increment();
}

document.addEventListener('DOMContentLoaded', () => {
    animateCounter('counter1', 200, 2000); // 5000 users in 2 seconds
    animateCounter('counter2', 100, 2000); // 1500 projects in 2 seconds
    animateCounter('counter3', 50, 2000);  // 200 awards in 2 seconds
});


    </script>
    
 
        <!--testimonial section-->
 

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