@extends('layouts.app')

@section('title', 'About')

@section('content')
    <section class="about-hero section-shell">
        <div class="container about-hero-grid">
            <div class="about-copy" data-animate="fade-up">
                <span class="section-tag">About Solar 24 Solutions</span>
                <h1>India's Leading Provider of Turnkey Solar Solutions</h1>
                <p class="lead">
                    Solar 24 Solutions delivers end-to-end solar infrastructure with a clear focus on technical precision, reliable project execution, and long-term performance.
                </p>
                <p>
                    From residential rooftops to commercial and institutional deployments, we design, supply, install, and maintain integrated systems that help clients move toward cleaner, more independent energy use.
                </p>
                <p>
                    Led by <strong>our founding team</strong> and operating from <strong>India</strong>, we combine project planning, engineering expertise, and service accountability to deliver solutions that are efficient, scalable, and built to last.
                </p>
                <a href="{{ url('/contact') }}" class="btn btn-primary">Contact Us</a>
            </div>

            <div class="about-media" data-animate="slide-left">
                <img src="{{ asset('/banner_about.png') }}" alt="Solar company team and installation work">
            </div>
        </div>
    </section>

    <section class="about-journey section-shell">
        <div class="container">
            <div class="section-head text-center" data-animate="fade-up">
                <span class="section-tag">Growth Snapshot</span>
                <h2>Our Journey</h2>
            </div>

            <div class="about-stats-grid">
                <article class="about-stat" data-animate="fade-up">
                    <strong>2MW+</strong>
                    <span>Residential Projects</span>
                </article>
                <article class="about-stat" data-animate="fade-up" data-delay="60">
                    <strong>1MW+</strong>
                    <span>Rooftop Projects</span>
                </article>
                <article class="about-stat" data-animate="fade-up" data-delay="120">
                    <strong>0.5MW+</strong>
                    <span>Ground Mount Capacity</span>
                </article>
                <article class="about-stat" data-animate="fade-up" data-delay="180">
                    <strong>20+</strong>
                    <span>Team Strength</span>
                </article>
                <article class="about-stat" data-animate="fade-up">
                    <strong>20+</strong>
                    <span>Technology Partners</span>
                </article>
                <article class="about-stat" data-animate="fade-up" data-delay="60">
                    <strong>2000+</strong>
                    <span>Homes Powered</span>
                </article>
                <article class="about-stat" data-animate="fade-up" data-delay="120">
                    <strong>5+</strong>
                    <span>Cities Served</span>
                </article>
                <article class="about-stat" data-animate="fade-up" data-delay="180">
                    <strong>24/7</strong>
                    <span>Support Mindset</span>
                </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">What Drives Us</span>
                <h2>Our Core Values</h2>
                <p>We build every solar project around clarity, quality delivery, and long-term customer trust.</p>
            </div>

            <div class="about-card-grid three-up">
                <article class="about-card" data-animate="fade-up">
                    <h3>Vision</h3>
                    <p>To accelerate the shift toward reliable clean energy through scalable solar systems that support homes, businesses, and institutions across India.</p>
                </article>
                <article class="about-card" data-animate="fade-up" data-delay="90">
                    <h3>Mission</h3>
                    <p>To provide turnkey solar solutions that combine technical expertise, dependable execution, and responsive support at every stage of the customer journey.</p>
                </article>
                <article class="about-card" data-animate="fade-up" data-delay="180">
                    <h3>Quality Policy</h3>
                    <p>We commit to quality components, disciplined installation standards, and performance-focused service that protects long-term customer 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">Execution Advantage</span>
                <h2>Our Key Strengths</h2>
                <p>Our strength lies in combining engineering discipline with bankable execution and future-ready solar design.</p>
            </div>

            <div class="about-card-grid four-up">
                <article class="about-card" data-animate="fade-up">
                    <h3>Quality</h3>
                    <p>We work with dependable products, tested installation practices, and documented workflows that support stable system performance.</p>
                </article>
                <article class="about-card" data-animate="fade-up" data-delay="70">
                    <h3>Bankability</h3>
                    <p>Our planning approach is built to inspire confidence through clear estimates, transparent execution, and strong operational credibility.</p>
                </article>
                <article class="about-card" data-animate="fade-up" data-delay="140">
                    <h3>Technology</h3>
                    <p>We bring together efficient modules, smart monitoring, and practical system design to improve performance across project types.</p>
                </article>
                <article class="about-card" data-animate="fade-up" data-delay="210">
                    <h3>Scalability</h3>
                    <p>Our delivery model supports growth from compact rooftop systems to larger commercial and institutional solar deployments.</p>
                </article>
            </div>
        </div>
    </section>
@endsection