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

<section class="section-padding" style="background: linear-gradient(135deg, #1c8d97, #ff7e5f);">
    <div class="container py-5 text-center text-white">
        <h2 class="display-3 fw-bold mb-4">For the Soul</h2>
        <p class="lead max-w-3xl mx-auto opacity-90">The Charity Boat Race is not just about physical competition; it's about nourishing the soul through selfless service, community bonding, and spiritual growth.</p>
    </div>
</section>

<section class="section-padding bg-white">
    <div class="container">
        <div class="row g-5">
            <div class="col-lg-6">
                <img src="https://images.unsplash.com/photo-1544391496-1ca7c9745b9e?q=80&w=2070&auto=format&fit=crop" class="img-fluid rounded-4 shadow-lg" alt="Spirituality">
            </div>
            <div class="col-lg-6 d-flex flex-column justify-content-center">
                <h2 class="fw-bold mb-4">Our Spiritual Vision</h2>
                <p class="text-muted mb-4">We believe that every stroke in the water and every penny raised is a form of worship when done with the right intention. Our "For the Soul" initiative focuses on:</p>
                <ul class="list-unstyled space-y-3">
                    <li class="d-flex align-items-center gap-3">
                        <i data-lucide="sun" class="text-secondary"></i>
                        <span>Spreading joy and positivity in the community</span>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <i data-lucide="users" class="text-secondary"></i>
                        <span>Strengthening the bonds of brotherhood and sisterhood</span>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <i data-lucide="heart" class="text-secondary"></i>
                        <span>Connecting our actions to a higher purpose of service</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

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