<?php
require_once '../src/config/db.php';
require_once '../src/includes/functions.php';
include '../src/includes/header.php';

?>

<!-- Page Header -->
<section class="page-header py-5 py-lg-6">
    <div class="container text-center">
        <h1 class="display-4 fw-bolder text-white"><?php echo $t['nav_about']; ?></h1>
        <p class="lead text-white-50 mx-auto" style="max-width: 800px;"><?php echo $t['about_subtitle']; ?></p>
    </div>
</section>

<!-- About Content Section -->
<section class="py-5 py-lg-6">
    <div class="container">
        <div class="row justify-content-center">
            <hr class="section-divider">
            <div class="col-lg-10">
                <div class="about-content-wrapper p-4 p-md-5 rounded-4">
                    <p class="lead mb-4"><?php echo $t['about_intro']; ?></p>
                    <p><?php echo $t['about_p2']; ?></p>

                    <hr class="my-5">

                    <div class="row g-5">
                        <div class="col-md-6">
                            <div class="about-card h-100">
                                <h3><?php echo $t['about_mission_title']; ?></h3>
                                <p><?php echo $t['about_mission_text']; ?></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="about-card about-card-gold h-100">
                                <h3><?php echo $t['about_vision_title']; ?></h3>
                                <p><?php echo $t['about_vision_text']; ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<?php include '../src/includes/footer.php'; ?>