@extends('layouts.app')

@section('title', 'About Us - ' . $siteContext->name)

@section('content')
    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background-image: url('{{ asset('assets/img/breadcrumb/breadcrumb.jpg') }}'); background-size: cover; background-position: center; padding: 80px 0;">
        <div class="container text-center text-white">
            <h2 class="breadcrumb-title text-white">About Us</h2>
            <ul class="breadcrumb-menu d-flex justify-content-center list-unstyled gap-2 mt-2">
                <li><a href="{{ route('home') }}" class="text-white">Home</a></li>
                <li class="text-white">/</li>
                <li class="active text-white">About Us</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->

    <!-- about section -->
    <div class="about-area py-120">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="about-img">
                        <img src="{{ asset('wp-content/uploads/2021/06/PRATIVASS-24-scaled.jpg') }}" alt="About Us" class="rounded shadow w-100">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <span class="site-title-tagline">About Our {{ $siteContext->isSchool() ? 'School' : 'College' }}</span>
                        <h2 class="site-title">{{ $siteContext->name }}</h2>
                        <p class="about-text">
                            Prativa is dedicated to excellence in education. Since our inception, we have strive to create a dynamic learning environment where students discover their academic, artistic, and social potential. 
                        </p>
                        <p class="mt-2">
                            Through a mixture of classroom study, laboratory investigation, and sports/extra-curricular activities, we develop future leaders, engineers, doctors, and professionals who will contribute to global society.
                        </p>
                        <ul class="about-list mt-3">
                            <li><i class="far fa-check-circle"></i> Experienced and highly qualified faculty members.</li>
                            <li><i class="far fa-check-circle"></i> Advanced teaching pedagogy using visual and smart aids.</li>
                            <li><i class="far fa-check-circle"></i> Focus on individual care, counseling, and guidance.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- about section end -->

    <!-- vision and mission section -->
    <div class="vision-mission-area bg py-100">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="card border-0 shadow-sm p-4 text-center rounded-lg mb-4" style="min-height: 250px;">
                        <i class="fal fa-eye fs-1 text-primary mb-3"></i>
                        <h4 class="mb-2">Our Vision</h4>
                        <p class="text-muted">To be recognized as a center of educational excellence, shaping creative, responsible, and capable citizens for the country.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card border-0 shadow-sm p-4 text-center rounded-lg mb-4" style="min-height: 250px;">
                        <i class="fal fa-bullseye-arrow fs-1 text-primary mb-3"></i>
                        <h4 class="mb-2">Our Mission</h4>
                        <p class="text-muted">To deliver dynamic, high-quality, and character-building education through qualified teachers and modern infrastructure.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card border-0 shadow-sm p-4 text-center rounded-lg mb-4" style="min-height: 250px;">
                        <i class="fal fa-hand-holding-heart fs-1 text-primary mb-3"></i>
                        <h4 class="mb-2">Our Core Values</h4>
                        <p class="text-muted">Integrity, Academic Excellence, Collaborative Learning, Social Responsibility, and Continuous Self-Improvement.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- vision and mission section end -->
@endsection