<?php include 'includes/header.php'; ?>

<!-- About Hero -->
<section class="py-5" style="background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)), url('home banner image.webp'); background-size: cover; background-position: center; min-height: 450px; display: flex; align-items: center;">
    <div class="container py-5 text-center">
        <div class="bg-white d-inline-block p-3 rounded-4 shadow-lg mb-4">
            <img src="Bridgewater Trust CIC.webp" alt="Bridgewater Trust CIC" height="60">
        </div>
        <h1 class="display-3 fw-bold text-white mb-3">About Us</h1>
        <p class="lead text-white opacity-90 mx-auto" style="max-width: 700px;">Organised by Bridgewater Trust CIC — a celebration of unity, generosity, and community.</p>
    </div>
</section>

<!-- Our Mission -->
<section class="py-5 bg-white">
    <div class="container py-5">
        <div class="row align-items-center g-5">
            <div class="col-lg-6">
                <p class="text-muted mb-4">The Charity Boat Race was created with a simple yet powerful vision — to bring communities together through a joyful family event while supporting meaningful charitable causes in the UK and around the world. It is a celebration of unity, generosity, and the belief that when communities come together with purpose, they can create lasting change.</p>
                <p class="text-muted mb-4">This initiative was deeply inspired by the late Sheikh Fahimul Anam, whose dedication to charitable work and education left an indelible mark on the community. As a passionate supporter of humanitarian and educational causes through Gift Foundation, he believed strongly that empowering the community through education was one of the most meaningful ways to transform the future.</p>
                <p class="text-muted mb-4">His vision, generosity, and tireless motivation gave birth to a consortium formed by three community-driven organisations: <strong>Gift Foundation</strong>, <strong>Sisters Forum</strong>, and <strong>Newham Youth Link</strong>. Together, these organisations work hand in hand to bring families, volunteers, and supporters together for a cause that changes lives.</p>
                <p class="text-muted mb-0">The Charity Boat Race is therefore more than just a day of fun and friendly competition — it is a platform that allows our community to come together to support causes that matter.</p>
            </div>
            <div class="col-lg-6">
                <div class="bg-light p-3 rounded-4 shadow-sm">
                    <img src="assets/images/965466191_generated_image.webp" class="img-fluid rounded-3" alt="Community Event">
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Our Values -->
<section class="py-5 bg-light">
    <div class="container py-5 text-center">
        <h6 class="section-label">WHAT WE STAND FOR</h6>
        <h2 class="display-5 fw-bold mt-2 mb-5">Our Values</h2>
        
        <div class="row g-4">
            <div class="col-lg-4 col-md-6">
                <div class="bg-white p-5 rounded-4 shadow-sm h-100 text-start border border-light">
                    <div class="event-info-card-icon mb-4">
                        <i class="far fa-heart"></i>
                    </div>
                    <h5 class="fw-bold mb-3">Unity</h5>
                    <p class="text-muted text-sm mb-0">Bringing communities together across all backgrounds and generations.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="bg-white p-5 rounded-4 shadow-sm h-100 text-start border border-light">
                    <div class="event-info-card-icon mb-4">
                        <i class="fas fa-hand-holding-heart"></i>
                    </div>
                    <h5 class="fw-bold mb-3">Generosity</h5>
                    <p class="text-muted text-sm mb-0">Supporting meaningful charitable causes in the UK and around the world.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="bg-white p-5 rounded-4 shadow-sm h-100 text-start border border-light">
                    <div class="event-info-card-icon mb-4">
                        <i class="fas fa-book"></i>
                    </div>
                    <h5 class="fw-bold mb-3">Education</h5>
                    <p class="text-muted text-sm mb-0">Empowering communities through education, the most meaningful way to transform futures.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="bg-white p-5 rounded-4 shadow-sm h-100 text-start border border-light">
                    <div class="event-info-card-icon mb-4">
                        <i class="fas fa-users"></i>
                    </div>
                    <h5 class="fw-bold mb-3">Collaboration</h5>
                    <p class="text-muted text-sm mb-0">Three partner organisations working hand in hand for social impact.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="bg-white p-5 rounded-4 shadow-sm h-100 text-start border border-light">
                    <div class="event-info-card-icon mb-4">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h5 class="fw-bold mb-3">Global Impact</h5>
                    <p class="text-muted text-sm mb-0">Making a difference locally and internationally through every event.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="bg-white p-5 rounded-4 shadow-sm h-100 text-start border border-light">
                    <div class="event-info-card-icon mb-4">
                        <i class="fas fa-award"></i>
                    </div>
                    <h5 class="fw-bold mb-3">Excellence</h5>
                    <p class="text-muted text-sm mb-0">Delivering a world-class community event at a premier Olympic-standard venue.</p>
                </div>
            </div>
        </div>
    </div>
</section>

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