<?php
$pageTitle = "Academics | B.S. Public School & A.H. International School";
$pageDesc = "Explore the academic programs, modern curriculum, holistic pedagogy, and skill development at B.S. Public School and A.H. International School.";
require_once('header.php');
?>

    <!-- Page Header Hero -->
    <section class="section-padding text-white text-center py-5" style="background: linear-gradient(135deg, rgba(7, 37, 69, 0.9) 0%, rgba(11, 55, 100, 0.8) 100%), url('images/function/34c04429-75f5-486f-a99b-97d6d0ed2b2f.jpeg') center/cover no-repeat;">
        <div class="container">
            <h1 class="display-4 fw-bold text-white"><?php echo __('academics'); ?></h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center">
                    <li class="breadcrumb-item"><a href="index.php" class="text-white text-decoration-none"><?php echo __('home'); ?></a></li>
                    <li class="breadcrumb-item active text-warning" aria-current="page"><?php echo __('academics'); ?></li>
                </ol>
            </nav>
        </div>
    </section>

    <!-- Academic Philosophy -->
    <section class="section-padding">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6 mb-4 reveal">
                    <div class="position-relative">
                        <img src="images/function/46e2aca0-c380-49de-b02f-9956524bc9f.jpeg" alt="Academic Excellence" class="img-fluid rounded-4 shadow-lg">
                        <div class="position-absolute bottom-0 start-0 m-3 p-3 bg-white rounded-3 shadow text-dark d-none d-sm-block" style="border-left: 4px solid var(--accent-color);">
                            <h6 class="fw-bold mb-1 text-primary-dark">Holistic Learning</h6>
                            <p class="mb-0 small text-muted">CBSE Aligned &amp; Skill Oriented</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 reveal">
                    <div class="section-title text-start mb-4">
                        <span class="subtitle">Academic Excellence</span>
                        <h2>Inspiring Young Minds to Excel</h2>
                        <div class="line"></div>
                    </div>
                    <p class="lead text-muted">
                        At <strong>B.S. Public School</strong> and <strong>A.H. International School</strong>, our academic approach is designed to cultivate curiosity, critical thinking, and character. We blend foundational conceptual learning with practical skills.
                    </p>
                    <p>
                        Our faculty is dedicated to nurturing individual student potential through interactive pedagogical methods, continuous evaluation, and remedial support. With smart classrooms and tech-enabled tools, learning is engaging, comprehensive, and future-ready.
                    </p>
                    <div class="mt-4">
                        <a href="admission-enquiry.php" class="btn btn-admission me-3">Apply for Admission</a>
                        <a href="contact-us.php" class="btn btn-outline-dark px-4 py-2 rounded-pill fw-bold">Contact Campus</a>
                    </div>
                </div>
            </div>

            <!-- Wings Grid -->
            <div class="row g-4 mt-4">
                <div class="col-md-4 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-shapes"></i></div>
                        <h4 class="fw-bold">Primary Wing (Foundational)</h4>
                        <p class="text-muted">Activity-based learning focusing on language literacy, basic numeracy, sensory awareness, and playful discovery.</p>
                        <ul class="list-unstyled text-muted small mt-3">
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Experiential Classrooms</li>
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Value-based Moral Education</li>
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Creative Arts &amp; Expression</li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-4 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-book-reader"></i></div>
                        <h4 class="fw-bold">Middle Wing (Preparatory)</h4>
                        <p class="text-muted">Developing analytic reasoning, science experiments, language proficiency, and mathematics problem solving.</p>
                        <ul class="list-unstyled text-muted small mt-3">
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Integrated Science Labs</li>
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Digital Literacy &amp; IT</li>
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Personality Development</li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-4 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-user-graduate"></i></div>
                        <h4 class="fw-bold">Senior Wing &amp; Skill Council</h4>
                        <p class="text-muted">Rigorous academic curriculum coupled with specialized vocational skill training under the BSES Trust initiative.</p>
                        <ul class="list-unstyled text-muted small mt-3">
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Career &amp; Board Exam Guidance</li>
                            <li><i class="fas fa-check-circle text-warning me-2"></i> BSES Vocational Certification</li>
                            <li><i class="fas fa-check-circle text-warning me-2"></i> Leadership &amp; Social Impact</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

<?php require_once('footer.php'); ?>
