<?php
$pageTitle = "Contact Us | B.S. Public School Meerut";
$pageDesc = "Get in touch with B.S. Public School Meerut. Reach us via phone, email, or visit our campus for admissions and queries.";
require_once('header.php');
?>

    <!-- Page Header -->
    <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('http://bsps.co.in/images_new/6.jpg') center/cover no-repeat;">
        <div class="container">
            <h1 class="display-4 fw-bold text-white"><?php echo __('contact_us'); ?></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 __('contact_us'); ?></li>
                </ol>
            </nav>
        </div>
    </section>

    <section class="section-padding">
        <div class="container">
            <div class="row g-5">
                <div class="col-lg-5">
                    <div class="feature-card h-100 p-5">
                        <div class="section-title">
                            <span class="subtitle">Reach Us</span>
                            <h2>Contact Details</h2>
                            <div class="line"></div>
                        </div>
                        <div class="d-flex mb-4 align-items-center reveal">
                            <div class="icon-box me-3 text-success fs-3"><i class="fas fa-map-marker-alt"></i></div>
                            <div>
                                <h5 class="fw-bold mb-1">Address</h5>
                                <p class="text-muted mb-0">B Block 25, campus 2, 380, 2, Futa Rd, Hafta Bazar, Samar Garden, Meerut, UP 250002</p>
                            </div>
                        </div>
                        <div class="d-flex mb-4 align-items-center reveal">
                            <div class="icon-box me-3 text-success fs-3"><i class="fas fa-phone-alt"></i></div>
                            <div>
                                <h5 class="fw-bold mb-1">Phone</h5>
                                <p class="text-muted mb-0">+91 9012020817, +91 9084873729</p>
                            </div>
                        </div>
                        <div class="d-flex mb-4 align-items-center reveal">
                            <div class="icon-box me-3 text-success fs-3"><i class="fas fa-envelope"></i></div>
                            <div>
                                <h5 class="fw-bold mb-1">Email</h5>
                                <p class="text-muted mb-0">bsstcindia@gmail.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="feature-card p-5 reveal">
                        <div class="section-title">
                            <span class="subtitle">Quick Support</span>
                            <h2>Send us a Message</h2>
                            <div class="line"></div>
                        </div>
                        <form action="#" method="POST">
                            <div class="row g-3 mt-2">
                                <div class="col-md-6">
                                    <div class="form-floating mb-3">
                                        <input type="text" name="name" class="form-control" id="name" placeholder="Name" required>
                                        <label for="name">Your Name</label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-floating mb-3">
                                        <input type="email" name="email" class="form-control" id="email" placeholder="name@example.com" required>
                                        <label for="email">Email Address</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-floating mb-3">
                                        <input type="text" name="subject" class="form-control" id="subject" placeholder="Subject" required>
                                        <label for="subject">Subject</label>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-floating mb-3">
                                        <textarea name="message" class="form-control" id="message" style="height: 150px" placeholder="Message" required></textarea>
                                        <label for="message">Message</label>
                                    </div>
                                </div>
                                <div class="col-12 text-end">
                                    <button class="btn btn-admission px-5 py-3 fs-5" type="submit">Send Message <i class="fas fa-paper-plane ms-2"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Map Section -->
    <div class="map-container reveal" style="height: 450px;">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6982.718782589306!2d77.70321904335708!3d28.94706300197759!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce5b27bddb75f%3A0x4c433fe97dd0978e!2sB.S.%20PUBLIC%20SCHOOL!5e0!3m2!1sen!2sin!4v1777978607123!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>

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