@extends('layouts.app')

@section('title', 'Solar for Business')

@section('content')
    <section class="business-hero section-shell">
        <div class="container business-hero-grid">
            <div class="business-copy" data-animate="fade-up">
                <span class="section-tag">Commercial Solar</span>
                <h1><span class="highlight-underline">Energy Independence</span> for your Business</h1>
                <p class="lead">
                    Solar helps businesses reduce energy costs, strengthen operational stability, and improve long-term profitability through dependable clean power.
                </p>
                <p>
                    Whether you run a factory, warehouse, institution, office campus, or industrial unit, a properly designed solar system can create measurable savings and reduce reliance on unpredictable grid pricing.
                </p>
                <p>
                    Solar 24 Solutions delivers turnkey commercial systems that combine strong engineering, reliable execution, and practical support from planning through commissioning.
                </p>
                <a href="{{ url('/contact') }}" class="btn btn-primary">Contact Us</a>
            </div>

            <div class="business-media" data-animate="slide-left">
                <img src="{{ asset('/webiup-1024x1024.png') }}" alt="Business solar installation">
            </div>
        </div>
    </section>

    <section class="section-shell">
        <div class="container business-feature-grid">
            <div class="business-feature-media" data-animate="slide-right">
                <img src="{{ asset('/Commercial-Solar-1024x1024.png') }}" alt="Commercial solar rooftop project">
            </div>

            <div class="business-feature-copy" data-animate="fade-up">
                <span class="section-tag">Business Growth Through Solar</span>
                <h2>Transforming Potential into <span class="highlight-underline">Profit</span></h2>
                <p>
                    Commercial solar is no longer just an environmental choice. It is a strategic business decision that can improve margins, lower operational overhead, and increase energy planning confidence.
                </p>
                <p>
                    By reducing dependency on conventional electricity and improving control over power costs, businesses can protect cash flow while investing in a more sustainable and future-ready operating model.
                </p>

                <div class="business-stats-inline">
                    <div>
                        <strong>30MW+</strong>
                        <span>Ground Mount Commissioned</span>
                    </div>
                    <div>
                        <strong>3.5MW+</strong>
                        <span>Rooftop Projects Commissioned</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-shell">
        <div class="container">
            <div class="section-head text-center" data-animate="fade-up">
                <span class="section-tag">Integrated Support</span>
                <h2>One-Stop Solar Solution For Your Business</h2>
                <p>We bring engineering depth, supply access, project execution, and local support together in one dependable commercial solar partner.</p>
            </div>

            <div class="business-icon-grid">
                <article class="business-icon-item" data-animate="fade-up">
                    <span>01</span>
                    <h3>Engineered by IITians</h3>
                </article>
                <article class="business-icon-item" data-animate="fade-up" data-delay="50">
                    <span>02</span>
                    <h3>Directly from Manufacturer</h3>
                </article>
                <article class="business-icon-item" data-animate="fade-up" data-delay="100">
                    <span>03</span>
                    <h3>Complete Peace of Mind</h3>
                </article>
                <article class="business-icon-item" data-animate="fade-up" data-delay="150">
                    <span>04</span>
                    <h3>Best Quality System</h3>
                </article>
                <article class="business-icon-item" data-animate="fade-up" data-delay="200">
                    <span>05</span>
                    <h3>Easy Financing</h3>
                </article>
                <article class="business-icon-item" data-animate="fade-up" data-delay="250">
                    <span>06</span>
                    <h3>Local Expertise (Global backed)</h3>
                </article>
            </div>
        </div>
    </section>

    <section class="section-shell">
        <div class="container">
            <div class="section-head text-center" data-animate="fade-up">
                <span class="section-tag">Business Value</span>
                <h2>Why Go Solar?</h2>
            </div>

            <div class="business-benefit-grid">
                <article class="business-benefit-card" data-animate="fade-up">
                    <h3>Make Money From Sun</h3>
                    <p>Turn available roof or land assets into a power-generating business advantage that improves energy economics over time.</p>
                </article>
                <article class="business-benefit-card" data-animate="fade-up" data-delay="70">
                    <h3>Environmental Responsibility</h3>
                    <p>Show visible sustainability leadership while supporting cleaner operations and lower carbon output.</p>
                </article>
                <article class="business-benefit-card" data-animate="fade-up" data-delay="140">
                    <h3>Energy Independence</h3>
                    <p>Reduce exposure to energy volatility and improve planning with greater control over long-term power use.</p>
                </article>
                <article class="business-benefit-card" data-animate="fade-up" data-delay="210">
                    <h3>It Makes Perfect Business Sense</h3>
                    <p>Solar aligns operational savings, efficiency, and long-horizon returns in a way that supports business growth.</p>
                </article>
            </div>
        </div>
    </section>

    <section class="section-shell">
        <div class="container">
            <div class="section-head text-center" data-animate="fade-up">
                <span class="section-tag">Commercial Systems</span>
                <h2>Solar Solutions</h2>
            </div>

            <div class="business-solution-stack">
                <article class="business-solution-row" data-animate="fade-up">
                    <div class="business-solution-copy">
                        <h3>Rooftop Solar Installations</h3>
                        <p>Use available rooftop space to offset energy costs, improve efficiency, and create a dependable source of clean daytime generation.</p>
                    </div>
                    <div class="business-solution-media">
                        <img src="{{ asset('/Rooftop-Solar-Installation-1024x1024.png') }}" alt="Rooftop solar installation">
                    </div>
                </article>

                <article class="business-solution-row reverse" data-animate="fade-up">
                    <div class="business-solution-copy">
                        <h3>Ground Mount Installations</h3>
                        <p>Ground-mounted systems are ideal for larger energy demands where land availability supports scale, flexibility, and long-term performance.</p>
                    </div>
                    <div class="business-solution-media">
                        <img src="{{ asset('/Ground-Mount-Solar-Installation-1024x1024.png') }}" alt="Ground mount solar installation">
                    </div>
                </article>

                <article class="business-solution-row" data-animate="fade-up">
                    <div class="business-solution-copy">
                        <h3>Increase your electricity savings with battery storage</h3>
                        <p>Battery storage adds resilience, improves energy utilization, and supports better control over peak demand and backup power needs.</p>
                    </div>
                    <div class="business-solution-media">
                        <img src="{{ asset('/storage.jpg') }}" alt="Battery storage for business solar">
                    </div>
                </article>
            </div>
        </div>
    </section>

    <section class="section-shell">
        <div class="container">
            <div class="section-head text-center" data-animate="fade-up">
                <span class="section-tag">Turnkey Execution</span>
                <h2>Your Reliable Solar EPC Partner</h2>
            </div>

            <div class="business-epc-grid">
                <article class="business-epc-card" data-animate="fade-up">
                    <span>01</span>
                    <h3>Engineering</h3>
                    <p>Detailed technical planning built for performance, safety, and cost-effective execution.</p>
                </article>
                <article class="business-epc-card" data-animate="fade-up" data-delay="60">
                    <span>02</span>
                    <h3>Procurement</h3>
                    <p>Reliable sourcing of quality modules, inverters, structures, and balance-of-system components.</p>
                </article>
                <article class="business-epc-card" data-animate="fade-up" data-delay="120">
                    <span>03</span>
                    <h3>Construction</h3>
                    <p>Disciplined site execution with strong quality checks and installation control.</p>
                </article>
                <article class="business-epc-card" data-animate="fade-up" data-delay="180">
                    <span>04</span>
                    <h3>Project Development</h3>
                    <p>From feasibility to approvals, we structure projects for clarity, timelines, and practical viability.</p>
                </article>
                <article class="business-epc-card" data-animate="fade-up" data-delay="240">
                    <span>05</span>
                    <h3>Project Realization</h3>
                    <p>We coordinate stakeholders, timelines, and on-site delivery to move projects smoothly into operation.</p>
                </article>
                <article class="business-epc-card" data-animate="fade-up" data-delay="300">
                    <span>06</span>
                    <h3>Project Operations</h3>
                    <p>Post-commissioning monitoring and support help protect system output and long-term value.</p>
                </article>
            </div>
        </div>
    </section>

    <section class="section-shell">
        <div class="container">
            <div class="section-head text-center" data-animate="fade-up">
                <span class="section-tag">Flexible Commercial Model</span>
                <h2>Solar PPA (Power Purchase Agreement)</h2>
            </div>

            <div class="business-ppa-grid">
                <article class="business-ppa-card" data-animate="fade-up">
                    <span>01</span>
                    <h3>No Capital Investment</h3>
                    <p>Adopt solar with reduced upfront burden while still benefiting from clean, lower-cost energy.</p>
                </article>
                <article class="business-ppa-card" data-animate="fade-up" data-delay="70">
                    <span>02</span>
                    <h3>Free Maintenance &amp; Monitoring</h3>
                    <p>Operational oversight and maintenance support are handled to keep systems performing efficiently.</p>
                </article>
                <article class="business-ppa-card" data-animate="fade-up" data-delay="140">
                    <span>03</span>
                    <h3>Electricity Cheaper Than Grid</h3>
                    <p>PPA structures can help businesses access more predictable and competitive power pricing.</p>
                </article>
                <article class="business-ppa-card" data-animate="fade-up" data-delay="210">
                    <span>04</span>
                    <h3>Valuable Green Credentials</h3>
                    <p>Strengthen ESG positioning and brand reputation with visible adoption of renewable energy.</p>
                </article>
            </div>
        </div>
    </section>
@endsection