<?php
$pageTitle = "Facilities | B.S. Public School & A.H. International School";
$pageDesc = "Discover state-of-the-art facilities, smart classrooms, science and computer labs, sports arena, and library at B.S. Public School & 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/49f34d7e-e285-49df-984-32ae003409.jpeg') center/cover no-repeat;">
        <div class="container">
            <h1 class="display-4 fw-bold text-white"><?php echo __('facilities'); ?></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 __('facilities'); ?></li>
                </ol>
            </nav>
        </div>
    </section>

    <!-- Facilities Overview -->
    <section class="section-padding">
        <div class="container">
            <div class="row align-items-center mb-5">
                <div class="col-lg-6 mb-4 reveal">
                    <img src="images/function/4ff54307-92f7-4a2a-b799-af6089e6350a.jpeg" alt="Campus Facilities" class="img-fluid rounded-4 shadow-lg">
                </div>
                <div class="col-lg-6 reveal">
                    <div class="section-title text-start mb-4">
                        <span class="subtitle">Modern Infrastructure</span>
                        <h2>World-Class Campus Facilities</h2>
                        <div class="line"></div>
                    </div>
                    <p class="lead text-muted">
                        We provide an empowering educational infrastructure where students explore, innovate, and thrive. Every facility is crafted to support academic excellence and physical wellness.
                    </p>
                    <p>
                        From high-speed multimedia smart boards to fully equipped composite science laboratories, our campus provides an environment that matches 21st-century educational benchmarks.
                    </p>
                </div>
            </div>

            <!-- Facilities Grid -->
            <div class="row g-4 mt-2">
                <div class="col-lg-4 col-md-6 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-chalkboard-teacher"></i></div>
                        <h4 class="fw-bold">Smart Digital Classrooms</h4>
                        <p class="text-muted">Interactive audio-visual projection systems that bring textbook concepts alive with 3D models and animated lessons.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-flask"></i></div>
                        <h4 class="fw-bold">Modern Science Labs</h4>
                        <p class="text-muted">Fully compliant physics, chemistry, and biology workstations designed for safe hands-on experiments.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-laptop-code"></i></div>
                        <h4 class="fw-bold">Computer &amp; IT Lab</h4>
                        <p class="text-muted">High-speed networked computer workstations where students learn programming, digital tools, and IT fundamentals.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-book-open"></i></div>
                        <h4 class="fw-bold">Rich Library &amp; Reading Room</h4>
                        <p class="text-muted">Thousands of books, encyclopedias, reference guides, and journals to instill lifelong reading habits.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-running"></i></div>
                        <h4 class="fw-bold">Sports &amp; Fitness Arena</h4>
                        <p class="text-muted">Extensive outdoor and indoor sports facilities including cricket, volleyball, badminton, and yoga spaces.</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 reveal">
                    <div class="feature-card h-100">
                        <div class="icon"><i class="fas fa-bus-alt"></i></div>
                        <h4 class="fw-bold">Safe Transport &amp; Security</h4>
                        <p class="text-muted">Dedicated fleet of school transport covering major routes with GPS tracking and comprehensive CCTV surveillance.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

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