<?php echo $__env->make('partials.homepage.head', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<aside class="social nav flex-column position-fixed">
        <a class="twitter mb-2" href="#">         <i class="icon-circle rounded-circle text-center fa fa-2x fa-x-twitter bg-info">  <img src="<?php echo e(url('/assets/images/icon')); ?>/Twiiter_Icon.svg" class="icon-circle"></i><b class="mx-2">Twitter</b></a>
        <a class="facebook mb-2" href="#">   <i class="icon-circle rounded-circle text-center fa fa-2x fa-x-facebook bg-primary"><img src="<?php echo e(url('/assets/images/icon')); ?>/Facebook.svg" class="icon-circle"></i><b class="mx-2">Facebook</b></a>
        <a class="linkedin mb-2" href="#"><i class="icon-circle rounded-circle text-center fa fa-2x fa-x-linkedin bg-primary "><img src="<?php echo e(url('/assets/images/icon')); ?>/LinkedIn.svg" class="icon-circle"></i><b class="mx-2">LinkedIn</b></a>
        <a class="instagram mb-2" href="#">  <i class="icon-circle rounded-circle text-center fa fa-2x fa-x-instagram bg-danger "><img src="<?php echo e(url('/assets/images/icon')); ?>//instagram_icon.png" class="icon-circle"></i><b class="mx-2">Instagram</b></a>
    </aside>
    <div id="agriHero" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
    <button type="button" data-bs-target="#agriHero" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#agriHero" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#agriHero" data-bs-slide-to="2" aria-label="Slide 3"></button>
    <button type="button" data-bs-target="#agriHero" data-bs-slide-to="3" aria-label="Slide 4"></button>
    <button type="button" data-bs-target="#agriHero" data-bs-slide-to="4" aria-label="Slide 5"></button>
    <button type="button" data-bs-target="#agriHero" data-bs-slide-to="5" aria-label="Slide 6"></button>
  </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="<?php echo e(url('/main_slider_solar.png')); ?>" class="d-block w-100">
            </div>
            <div class="carousel-item">
                <img src="<?php echo e(url('/B1.jpg')); ?>" class="d-block w-100">
            </div>
            <div class="carousel-item">
                <img src="<?php echo e(url('/B2.jpg')); ?>" class="d-block w-100">
            </div>
            <div class="carousel-item">
                <img src="<?php echo e(url('/banner3.jpg')); ?>" class="d-block w-100">
            </div>
            <div class="carousel-item">
                <img src="<?php echo e(url('/banner4.jpg')); ?>" class="d-block w-100">
           </div>
            <div class="carousel-item">
                <img src="<?php echo e(url('/banner5.jpg')); ?>" class="d-block w-100">
           </div>
        </div>
          <button class="carousel-control-prev" type="button" data-bs-target="#agriHero" 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="#agriHero" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
          </button>
    </div>
    <section class="agriculture-infrastructure-financing-facility main-container  container-fluid">
        <div class="row align-items-stretch">

            <div class="aif-facility facility-section col-sm-6  col-lg-6 pb-4 p-lg-4">
                <div class="aif-facility title facility-header d-flex align-items-center mt-4">
                    
                    <h3 class="text-center mb-4 fw-bold text-agri">
                        ABOUT US
                    </h3>
                 
               </div>
<p><strong>Powering a Sustainable Tomorrow</strong></p>
<p><strong>JUST SOLAR,</strong> a brand under <strong>YES RENEWABLES &amp; EV INDIA PRIVATE LIMITED,</strong> is a Leading and forward-thinking solar energy solutions provider committed to delivering reliable, efficient, and cost-effective renewable energy systems and dedicated to accelerating the adoption of clean and sustainable power across India. Backed by the expertise of YES RENEWABLES &amp; EV INDIA PRIVATE LIMITED, we specialize in end-to-end solar services tailored for residential, commercial, and industrial clients. We combine technical expertise, industry experience, and a customer-centric approach to deliver solar systems that are not only efficient but also economically viable.</p>
<p>We are more than just installers&mdash;we are energy partners. Our role begins with understanding your energy needs and continues through system design, installation, and long-term performance monitoring. By integrating advanced technology with practical engineering, we ensure every solar solution is optimized for maximum output, durability, and return on investment.</p>
<p>At JUST SOLAR, we cater to a diverse range of clients, including homeowners, businesses, institutions, and industrial facilities. Whether it&rsquo;s a small rooftop setup or a large-scale solar plant, our team approaches every project with the same commitment to quality, precision, and reliability.</p>
                    <div class="view-all-container">
                        <a class="view-all-btn" href="<?php echo e(url('/aboutus')); ?>">Read More</a>
                    </div>
            </div>

            <div class="beneficiary-corner-section col-sm-6  col-lg-6 pb-4">
                <div class="beneficiary-corner-container my-md-auto ">
                    <div class="d-flex justify-content-center mt-4 section-header-grid">
                        <img class="facility-icon" src="<?php echo e(url('/assets/images/icon')); ?>/yellow_leaf.svg" width="18" height="18" alt="" style="width:30px; height: 30px;">
                        <p class="facility-title">Beneficiary Corner</p>
                    </div>
                    <div></div>

                    <a class="card " href="<?php echo e(url('/login')); ?>">
                        <img class="card-image" src="<?php echo e(url('/assets/images/icon')); ?>/Beneficiary Registration.png" style="width: 66px; height: 66px;">
                        <p class="card-title">Beneficiary Registration</p>
                    </a>
                    <a class="card " href="/subsidy-scheme">
                        <img class="card-image" src="<?php echo e(url('/assets/images/icon')); ?>/Subsidy Scheme.png" width="50%" height="50%">
                        <p class="card-title">Subsidy Scheme</p>
                    </a>
                    <a class="card " href="<?php echo e(url('/')); ?>">
                        <img class="card-image" src="<?php echo e(url('/assets/images/icon')); ?>/Bank Loan.png" style="width: 66px; height: 66px;">
                        <p class="card-title">Bank Loan</p>
                    </a>
                    <a class="card " href="/">
                        <img class="card-image" src="<?php echo e(url('/assets/images/icon')); ?>/EMI Calculator.png" width="50%" height="50%">
                        <p class="card-title">EMI Calculator</p>
                    </a>
                    <a class="card " href="/guidelines">
                        <img class="card-image" src="<?php echo e(url('/assets/images/icon')); ?>/Guideline1.png" width="50%" height="50%">
                        <p class="card-title">Guideline</p>
                    </a>

                    <a class="card " href="/documents-required">
                        <img class="card-image" src="<?php echo e(url('/assets/images/icon')); ?>/Documents.png" width="50%" height="50%">
                        <p class="card-title">Documents</p>
                    </a>

                </div>
            </div>

        </div>

    </section>
    <style>
        .section-anime-js {

  position: relative;

  overflow: hidden;

  opacity: 0; }



.js-animate-icon .crumina-icon path {

  opacity: 0; }



.element-anime-opacity-js,

.element-anime-fadeInUp-js {

  opacity: 0; }
.section-image-bg-lime {

  background-image: url("./stunning-header/pattern-bg-lime.jpg"); }
  .crumina-counter-item {

  text-align: center; }

  .crumina-counter-item .crumina-icon {

    margin-bottom: 30px; }



.counter-numbers {

  font-size: 500%;

  line-height: 1;

  margin-bottom: -5px;

  font-weight: 700; }

  .counter-numbers .units {

    display: inline-block;

    margin-left: 0px; }



.counter-title {

  font-size: 24px;

  color: var(--heading-color);

  font-weight: 700; }



.counter-line .long-line,

.counter-line .short-line {

  display: inline-block;

  height: 3px;

  background-color: var(--white-color);

  border-radius: 10px;

  position: relative; }



.counter-line .short-line {

  width: 20px;

  margin-right: 10px; }



.counter-line .long-line {

  width: 50px; }



/*------------- #Counter modern --------------*/

.counter-item-modern .counter-numbers {

  margin-bottom: 0; }



/*------------- Responsive Mode --------------*/

@media (max-width: 768px) {

  .crumina-counter-item {

    text-align: center; }

  .crumina-counter-item .counter-numbers {

    font-size: 300%; }

  .crumina-counter-item .counter-title {

    font-size: 18px; } }
.c-white {

  color: #fff; 

}

.comparison-table thead th {
            background: var(--solar-gradient);
            color: white;
            border: none;
        }
        .comparison-table td {
            vertical-align: middle;
            padding: 1rem;
        }
        .benefit-card {
            border: none;
            border-radius: 1.25rem;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .benefit-card:hover {
            transform: translateY(-10px);
        }
        .text-solar-green { color: var(--solar-green); }
        .bg-solar-light { background-color: #f0fdf4; }


        .bg-solar-gradient {
        background: linear-gradient(135deg, #f0fff4 0%, #ebf8ff 100%);
    }
    .dark .bg-solar-gradient {
        background: linear-gradient(135deg, rgba(20, 50, 20, 0.2) 0%, rgba(20, 20, 50, 0.2) 100%);
    }
    .glass-card {
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    .step-badge-you { background-color: #e3f2fd; color: #0d47a1; }
    .step-badge-discom { background-color: #fff3e0; color: #e65100; }
    .step-badge-esw { background-color: #f3e5f5; color: #4a148c; }
    .step-badge-govt { background-color: #e8f5e9; color: #1b5e20; }
     .card:hover {
        background: white;
        transition: transform 0.2s ease-out;
        transform: scale(1.1);
        box-shadow: 0 4px 15px rgba(45, 80, 22, 0.2);
        border: none;
    }
    </style>
    <div class="medium-padding section-image-bg-lime section-anime-js" style="opacity: 1; padding: 60px 0;">
    <div class="container">
      <div class="row">

        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 mb-4 mb-lg-0 element-anime-fadeInUp-js" style="transform: translateY(0px); opacity: 1;">
          <div class="crumina-module crumina-counter-item">
            <div class="counter-numbers counter c-white">
              <span class="counter-value" data-count="100" data-duration="1500">100</span>
              <div class="units">%</div>
            </div>
            <span class="counter-title">Certified</span>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 mb-4 mb-lg-0 element-anime-fadeInUp-js" style="transform: translateY(0px); opacity: 1;">
          <div class="crumina-module crumina-counter-item">
            <div class="counter-numbers counter c-white">
              <span class="counter-value" data-count="8" data-duration="1500">8</span>
              <div class="units">+</div>
            </div>
            <span class="counter-title">Years of Experience</span>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 mb-4 mb-lg-0 element-anime-fadeInUp-js" style="transform: translateY(0px); opacity: 1;">
          <div class="crumina-module crumina-counter-item">
            <div class="counter-numbers counter c-white">
              <span class="counter-value" data-count="150" data-duration="1500">150</span>
              <div class="units">+</div>
            </div>
            <span class="counter-title">Associates</span>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 element-anime-fadeInUp-js" style="transform: translateY(0px); opacity: 1;">
          <div class="crumina-module crumina-counter-item">
            <div class="counter-numbers counter c-white">
              <span class="counter-value" data-count="1500" data-duration="1500">1500</span>
              <div class="units">+</div>
            </div>
            <span class="counter-title">Satisfied Clients</span>
          </div>
        </div>

      </div>
    </div>
  </div>
    <section class="py-5 bg-light" style="display:none;">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="form-container">
                        <h3 class="text-center mb-4 fw-bold text-agri">Apply for Infrastructure Fund</h3>
                        <form>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label">Full Name</label>
                                    <input type="text" class="form-control" placeholder="Enter name">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Mobile Number</label>
                                    <input type="tel" class="form-control" placeholder="+91">
                                </div>
                                <div class="col-md-12">
                                    <label class="form-label">Project Type</label>
                                    <select class="form-select">
                                        <option selected>Choose...</option>
                                        <option>Cold Storage</option>
                                        <option>Warehouse</option>
                                        <option>Primary Processing</option>
                                    </select>
                                </div>
                                <div class="col-md-12">
                                    <label class="form-label">Address of Project</label>
                                    <textarea class="form-control" rows="3"></textarea>
                                </div>
                                <div class="col-12 text-center mt-4">
                                    <button type="submit" class="btn btn-agri btn-lg px-5">Submit Application</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="py-5 bg-light">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="form-container">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="text-center mb-4 fw-bold text-agri">Track Your Solar Installation</h3>
                            </div>
                            <div class="card-body">
    <h5 class="card-title">Enter your order number to check the real-time status of your solar installation</h5>
                        <form id="demo-form2" action="<?php echo e(url('/track_order')); ?>" method="post" enctype="multipart/form-data" data-parsley-validate class="form-horizontal form-label-left">
                            <?php echo e(csrf_field()); ?>

                            <div class="row g-3">
                                <div class="col-md-12">
                                    <label class="form-label">Tracking Number</label>
                                    <input type="text" name="ack_number" class="form-control" placeholder="Tracking Number">
                                </div>
                                <div class="col-12 text-center mt-4">
                                    <button type="submit" class="btn btn-agri btn-lg px-5">Submit</button>
                                </div>
                            </div>
                        </form>
</div>
</div>
                        <?php if(isset($customer->id)): ?>
                                    <?php if($customer->lead_type=='New' || true): ?>
            <h3 class="card-title">Personal Detail</h3>

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('placement', 'Placement*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->placement=='r' ? 'Right' : 'Left'); ?>

                    </div>
                </div>
                <div class="col-md-8">
                    <div class="form-group">
                        <?php echo Form::label('full_name', 'Full Name*', ['class' => 'control-label', 'required']); ?>

                        <?php echo e($customer->full_name); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('gender', 'Gender*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->gender==0 ? 'Male' : 'Female'); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('mobileno', 'Mobile no.*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->mobileno); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                    <?php echo Form::label('email', 'Email*', ['class' => 'control-label']); ?>

                    <?php echo e($customer->email); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('panno', 'Pan no.*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->panno); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('dob', 'Date of Birth*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->dob); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                    <?php echo Form::label('address', 'Address', ['class' => 'control-label']); ?>

                        <?php echo e($customer->address); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                    <?php echo Form::label('pincode', 'Pincode', ['class' => 'control-label']); ?>

                        <?php echo e($customer->pincode); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                    <?php echo Form::label('state', 'State*', ['class' => 'control-label']); ?>

                    </div>
                    <?php echo e($customer->state_name); ?>

                </div>
                <div class="col-md-4">
                    <div class="form-group">
                    <?php echo Form::label('city', 'City*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->city_name); ?>

                    </div>
                </div>                
            </div>
            <?php endif; ?>
            <h3 class="card-title">Solar And Connection</h3>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('bank_name', 'Bank Name', ['class' => 'control-label']); ?>

                        <?php echo e($customer->bank_name); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('econn_no', 'Monthly Avg Electric Bill Amount*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->econn_no); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('solar_conn_type', 'Solar Connection Type*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->solar_conn_type); ?>

                    </div>
                </div>
                <div class="col-md-4">
                      <div class="form-group">
                      <label for="ev_ev_solar_model_id" class="control-label">Solar Name<span class="required">*</span></label>                  
                        <?php echo e($ev_ev_solar_model_ids->title); ?>

                    </div>
                </div>
                <div class="col-md-4">
                      <div class="form-group">
                      <label for="ev_ev_solar_model_id" class="control-label">KW<span class="required">*</span></label>                  
                        <?php echo e($ev_ev_solar_model_ids->kw); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('property_type', 'Property Type*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->property_type); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('monthly_elecbill', 'Electricity Connection No.', ['class' => 'control-label']); ?>

                        <?php echo e($customer->monthly_elecbill); ?>

                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <?php echo Form::label('payment_type', 'Payment Type*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->payment_type); ?>

                    </div>
                </div>
                <div class="col-md-4" id="loan_amount_con">
                    <div class="form-group">
                        <?php echo Form::label('loan_amount', 'Loan Amount', ['class' => 'control-label']); ?>

                        <?php echo e($customer->loan_amount); ?>

                    </div>
                </div>
            </div>
            
            <h3 class="card-title">Payment</h3>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <?php echo Form::label('status', 'Status*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->status_name); ?>


                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <?php echo Form::label('admin_comment', 'Admin Comment*', ['class' => 'control-label']); ?>

                        <?php echo e($customer->approve_comment); ?>

                        <br/>
                        <?php echo e($customer->loan_comment); ?>

                    </div>
                </div>
            </div>
  
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="py-5" style="display: none;">
        <div class="container">
            <h2 class="text-center mb-4 fw-bold">Interest Rate Snapshot</h2>
            <div class="table-responsive shadow-sm rounded">
                <table class="table table-agri table-bordered align-middle text-center mb-0">
                    <thead>
                        <tr>
                            <th>Lending Institution</th>
                            <th>Base Rate</th>
                            <th>Subvention</th>
                            <th>Effective Rate (Approx)</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>State Bank of India</td>
                            <td>9.00%</td>
                            <td>3.00%</td>
                            <td class="fw-bold text-success">6.00%</td>
                            <td><span class="badge bg-success">Active</span></td>
                        </tr>
                        <tr>
                            <td>Punjab National Bank</td>
                            <td>8.85%</td>
                            <td>3.00%</td>
                            <td class="fw-bold text-success">5.85%</td>
                            <td><span class="badge bg-success">Active</span></td>
                        </tr>
                        <tr>
                            <td>NABARD (Co-op)</td>
                            <td>8.50%</td>
                            <td>3.00%</td>
                            <td class="fw-bold text-success">5.50%</td>
                            <td><span class="badge bg-success">Active</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

<section class="py-5 bg-light card-carousel">
        <div class="container">
            <h2 class="text-center mb-5 fw-bold">Our Services</h2>
            <div class="row g-4 overflow-hidden pb-3" style="overflow-x: auto !important;">
                <div class="col-10 col-md-4">
                    <div class="card h-100 p-4">
                        
                        <h5>Consultancy</h5>
                        <p class="small text-muted"><img src="<?php echo e(url('/servicesimg/1-Consultancy.jpg')); ?>" style="width: 100%;"></p>
                    </div>
                </div>

                <div class="col-10 col-md-4">
                    <div class="card h-100 p-4">
                        
                        <h5>Solar Panel Installation</h5>
                        <p class="small text-muted"><img src="<?php echo e(url('/servicesimg/2-Solar panel Installation.jpg')); ?>" style="width: 100%;"></p>
                    </div>
                </div>

                <div class="col-10 col-md-4">
                    <div class="card h-100 p-4">
                        
                        <h5>Govenment Subsidy Support</h5>
                        <p class="small text-muted"><img src="<?php echo e(url('/servicesimg/3- Govenment Subsidy Support.jpg')); ?>" style="width: 100%;"></p>
                    </div>
                </div>

                <div class="col-10 col-md-4">
                    <div class="card h-100 p-4">
                        
                        <h5>Become Franchisee Partner</h5>
                        <p class="small text-muted"><img src="<?php echo e(url('/servicesimg/4- Become Franchiss Partner.jpg')); ?>" style="width: 100%;"></p>
                    </div>
                </div>

                <div class="col-10 col-md-4">
                    <div class="card h-100 p-4">
                        
                        <h5>Staff Training and Workshop</h5>
                        <p class="small text-muted"><img src="<?php echo e(url('/servicesimg/5-Staff Training and Workshop.png')); ?>" style="width: 100%;"></p>
                    </div>
                </div>

                <div class="col-10 col-md-4">
                    <div class="card h-100 p-4">
                        
                        <h5>Maintenence and AMC</h5>
                        <p class="small text-muted"><img src="<?php echo e(url('/servicesimg/6-Maintenence and AMC.jpg')); ?>" style="width: 100%;"></p>
                    </div>
                </div>

            </div>
        </div>
    </section>
<!-- NEW: Comparison & Benefits Section (Bootstrap Equivalent) -->
<section class="py-5">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="fw-bold text-dark">Solar vs Traditional Electricity</h2>
            <p class="text-muted text-center">See the clear advantages of switching to solar energy</p>
        </div>

        <!-- Comparison Table -->
        <div class="row justify-content-center mb-5">
            <div class="col-lg-10">
                <div class="card shadow-lg border-0 overflow-hidden rounded-4">
                    <div class="table-responsive" style="width: -webkit-fill-available;">
                        <table class="table comparison-table mb-0">
                            <thead>
                                <tr class="text-center">
                                    <th class="py-3 text-start ps-4">Feature</th>
                                    <th class="py-3">Traditional Grid</th>
                                    <th class="py-3">Solar Power</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="fw-bold ps-4 text-secondary">Monthly Cost</td>
                                    <td class="text-center text-danger">₹3,000 - ₹15,000</td>
                                    <td class="text-center text-solar-green fw-bold" style="color: #10b981;">₹300 - ₹1,500</td>
                                </tr>
                                <tr class="bg-light">
                                    <td class="fw-bold ps-4 text-secondary">25-Year Cost</td>
                                    <td class="text-center text-danger">₹15-25 Lakhs</td>
                                    <td class="text-center text-solar-green fw-bold" style="color: #10b981;">₹3-5 Lakhs*</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold ps-4 text-secondary">Eco Impact</td>
                                    <td class="text-center text-danger">High Carbon Footprint</td>
                                    <td class="text-center text-solar-green fw-bold" style="color: #10b981;">Zero Emissions</td>
                                </tr>
                                <tr class="bg-light">
                                    <td class="fw-bold ps-4 text-secondary">Price Change</td>
                                    <td class="text-center text-danger">Constant Hikes</td>
                                    <td class="text-center text-solar-green fw-bold" style="color: #10b981;">Fixed for 25yrs</td>
                                </tr>
                                <tr class="bg-light">
                                    <td class="fw-bold ps-4 text-secondary">Maintenance</td>
                                    <td class="text-center text-danger">Grid Dependency</td>
                                    <td class="text-center text-solar-green fw-bold" style="color: #10b981;">Minimal Required</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold ps-4 text-secondary">Prop. Value</td>
                                    <td class="text-center text-muted">No Impact</td>
                                    <td class="text-center text-solar-green fw-bold" style="color: #10b981;">Increases 4-6%</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <p class="text-center mt-3 small text-muted">*After government subsidy and financing options</p>
            </div>
        </div>
    </div>
</section>
<section class="py-5 bg-solar-gradient">
    <div class="container">
        <div class="text-center mb-5">
            <span class="badge rounded-pill bg-success-subtle text-success border border-success-subtle px-3 py-2 mb-3">
                <i class="bi bi-sun-fill me-2"></i>PM Surya Ghar Muft Bijli Yojana 2024-25
            </span>
            <h2 class="display-6 fw-bold mb-3">Get ₹78,000 Government Subsidy on Solar</h2>
            <p class="lead text-muted mx-auto text-center" style="max-w: 700px;">
                Under PM Surya Ghar Yojana, 1 Crore households will get free electricity up to 300 units/month. We handle your complete subsidy application — zero paperwork for you.
            </p>
        </div>

        <div class="row g-4 mb-5 justify-content-center">
            <h3 class="h4 fw-bold text-center mb-4">Central Government Subsidy Slabs</h3>
            
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-lg glass-card overflow-hidden">
                    <div class="card-header bg-success text-white text-center py-3">
                        <h5 class="mb-0">Up to 2 kW</h5>
                    </div>
                    <div class="card-body p-4 text-center">
                        <div class="h2 fw-bold text-success mb-0">₹60,000</div>
                        <p class="text-muted small mb-3">Maximum Subsidy</p>
                        <hr>
                        <p class="small text-muted">₹30,000 per kW</p>
                        <div class="p-3 bg-light rounded-3 mb-3">
                            <p class="small fw-medium mb-0">Small homes with ₹1,000–2,500 monthly bill</p>
                        </div>
                        <div class="p-3 bg-success-subtle rounded-3 text-success">
                            <p class="small fw-bold mb-0"><i class="bi bi-lightning-charge-fill me-1"></i>Save up to ₹2,000/month</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-lg glass-card overflow-hidden position-relative border border-warning border-2">
                    <span class="position-absolute top-0 end-0 bg-warning text-dark badge rounded-0 rounded-bottom px-3 py-2 fw-bold">MOST POPULAR</span>
                    <div class="card-header bg-success text-white text-center py-3">
                        <h5 class="mb-0">2 kW to 3 kW</h5>
                    </div>
                    <div class="card-body p-4 text-center">
                        <div class="h2 fw-bold text-success mb-0">₹78,000</div>
                        <p class="text-muted small mb-3">Maximum Subsidy</p>
                        <hr>
                        <p class="small text-muted">₹30,000/kW (1st 2kW) + ₹18,000/kW (next)</p>
                        <div class="p-3 bg-light rounded-3 mb-3">
                            <p class="small fw-medium mb-0">Medium homes with ₹2,500–4,000 monthly bill</p>
                        </div>
                        <div class="p-3 bg-success-subtle rounded-3 text-success">
                            <p class="small fw-bold mb-0"><i class="bi bi-lightning-charge-fill me-1"></i>Save up to ₹3,500/month</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-lg glass-card overflow-hidden">
                    <div class="card-header bg-success text-white text-center py-3">
                        <h5 class="mb-0">3 kW to 10 kW</h5>
                    </div>
                    <div class="card-body p-4 text-center">
                        <div class="h2 fw-bold text-success mb-0">₹78,000</div>
                        <p class="text-muted small mb-3">Maximum Subsidy</p>
                        <hr>
                        <p class="small text-muted">₹78,000 fixed (for 3kW+)</p>
                        <div class="p-3 bg-light rounded-3 mb-3">
                            <p class="small fw-medium mb-0">Large homes & small businesses</p>
                        </div>
                        <div class="p-3 bg-success-subtle rounded-3 text-success">
                            <p class="small fw-bold mb-0"><i class="bi bi-lightning-charge-fill me-1"></i>Save up to ₹8,000+/month</p>
                        </div>
                    </div>
                </div>
            </div>
            <p class="text-center small text-muted mt-3" style="padding:30px 0;">* Subsidy is directly credited to your bank account after commissioning</p>
        </div>

    <div class="container py-4">
    <div class="row g-4 mb-5">
        <div class="col-md-6">
            <div class="card h-100 border-0 shadow-lg glass-card rounded-3">
                <div class="card-body p-4">
                    <h3 class="h4 fw-bold d-flex align-items-center mb-4">
                        <i class="bi bi-shield-check text-success me-2 fs-3"></i>
                        <span>Who Is Eligible?</span>
                    </h3>
                    
                    <div class="d-flex flex-column gap-3">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
                            <span class="small">Indian citizen with a residential electricity connection</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
                            <span class="small">Rooftop ownership or consent from building owner</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
                            <span class="small">No existing solar rooftop system installed</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-success me-3 mt-1"></i>
                            <span class="small">Valid Aadhaar, electricity bill & bank account</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card h-100 border-0 shadow-lg glass-card rounded-3">
                <div class="card-body p-4">
                    <h3 class="h4 fw-bold d-flex align-items-center mb-4">
                        <i class="bi bi-award text-primary me-2 fs-3"></i>
                        <span>Documents Required</span>
                    </h3>
                    
                    <div class="d-flex flex-column gap-3">
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-primary me-3 mt-1"></i>
                            <span class="small">Aadhaar Card (linked to mobile)</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-primary me-3 mt-1"></i>
                            <span class="small">Latest Electricity Bill</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-primary me-3 mt-1"></i>
                            <span class="small">Bank Passbook / Cancelled Cheque</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-primary me-3 mt-1"></i>
                            <span class="small">Passport Size Photograph</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-primary me-3 mt-1"></i>
                            <span class="small">Roof Ownership Proof / NOC</span>
                        </div>
                        <div class="d-flex align-items-start">
                            <i class="bi bi-check-circle-fill text-primary me-3 mt-1"></i>
                            <span class="small">DISCOM Consumer Number</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <div class="bg-primary bg-gradient text-white rounded-4 p-5 text-center shadow-lg">
            <h3 class="fw-bold mb-3">We Handle Everything — You Just Relax</h3>
            <div class="row g-3 text-start mt-4">
                <div class="col-md-6"><i class="bi bi-check-circle-fill text-info me-2"></i> PM Surya Ghar portal registration</div>
                <div class="col-md-6"><i class="bi bi-check-circle-fill text-info me-2"></i> DISCOM application & feasibility</div>
                <div class="col-md-6"><i class="bi bi-check-circle-fill text-info me-2"></i> Complete documentation assistance</div>
                

                <div class="col-md-6"><i class="bi bi-check-circle-fill text-info me-2"></i> Net meter coordination</div>
                <div class="col-md-6"><i class="bi bi-check-circle-fill text-info me-2"></i> Subsidy claim & follow-up</div>
                <div class="col-md-6"><i class="bi bi-check-circle-fill text-info me-2"></i> Post-installation inspection support</div>
            </div>
        </div>
        <h3 class="fw-bold mb-3 text-center mt-4">Start Saving on Electricity Today</h3>
        <p class="mb-6 text-muted-foreground text-center">Get a free site survey, subsidy calculation, and installation quote — all in one visit</p>
        <div class="mt-5 d-flex flex-column flex-sm-row gap-3 justify-content-center">
            <a href="<?php echo e(url('/contactus')); ?>" class="btn btn-solar btn-lg px-5 py-3 fw-bold text-agri">
                <i class="bi bi-sun-fill me-2"></i>Request Free Site Survey
            </a>
        </div>

    </div>

</section>
    <?php echo $__env->make('partials.homepage.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php /**PATH /home2/justsolar/public_html/resources/views/homepage.blade.php ENDPATH**/ ?>