<?php $__env->startSection('title', 'About Us - Lumbini Province Taekwondo Association'); ?>

<?php $__env->startSection('content'); ?>

<!-- Page Hero -->
<section style="background: linear-gradient(135deg, var(--blue) 0%, #0d1f45 100%); padding: 120px 0 60px; text-align: center; color: var(--white); position: relative; overflow: hidden;">
    <div style="position: absolute; inset: 0; opacity: 0.05; background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, transparent 0, transparent 50%); background-size: 20px 20px;"></div>
    <div class="container" style="position: relative; z-index: 2;">
        <span class="section-label" style="color: var(--gold-light); font-size: 0.8rem; font-weight: 700; letter-spacing: 2px;">WHO WE ARE</span>
        <h1 style="font-family: 'Oswald', sans-serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-top: 10px;">About <span style="color: var(--gold-light);">LPTA</span></h1>
        <div class="divider" style="margin: 15px auto 0;"></div>
    </div>
</section>

<!-- History and Mission -->
<section class="section-pad" style="background: var(--white);">
    <div class="container">
        <div style="display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center;">
            <div>
                <span class="section-label">OUR JOURNEY</span>
                <h2 class="section-title">Governing Taekwondo since <span>2012</span></h2>
                <div class="divider"></div>
                <p style="margin-top: 24px; color: var(--gray-700); font-size: 1rem; line-height: 1.8;">
                    The Lumbini Province Taekwondo Association (LPTA) is the official regulatory body dedicated to promoting, managing, and cultivating the martial art of Taekwondo in the Lumbini Province of Nepal. Affiliated with the Nepal Taekwondo Association (NTA), we unite 12 districts under one common goal: creating champions both on the mats and in life.
                </p>
                <p style="margin-top: 16px; color: var(--gray-700); font-size: 1rem; line-height: 1.8;">
                    Since our establishment in 2012, LPTA has coordinated local competitions, belt promotion seminars, referee courses, and specialized athlete training programs. We believe in building physical capability alongside mental strength, guiding youth through the tenants of Taekwondo: Courtesy, Integrity, Perseverance, Self-Control, and Indomitable Spirit.
                </p>
            </div>
            <div style="background: linear-gradient(135deg, var(--blue), var(--red)); border-radius: var(--radius); padding: 40px; color: var(--white); box-shadow: var(--shadow-lg); position: relative; overflow: hidden;">
                <div style="position: absolute; top: -30px; right: -30px; font-size: 8rem; opacity: 0.1;">🥋</div>
                <h3 style="font-family: 'Oswald', sans-serif; font-size: 1.6rem; font-weight: 600; margin-bottom: 20px; color: var(--gold-light);">Our Mission & Vision</h3>
                <p style="font-size: 0.95rem; line-height: 1.7; opacity: 0.9; margin-bottom: 24px;">
                    <strong>Mission:</strong> To systematically expand the reach of Taekwondo across every municipality and village in Lumbini, ensuring equal access to quality coaching, national standardization, and character-building opportunities.
                </p>
                <p style="font-size: 0.95rem; line-height: 1.7; opacity: 0.9;">
                    <strong>Vision:</strong> To transform Lumbini Province into the premier hub of martial arts excellence in Nepal, producing international medal-winning athletes and fostering a healthy, disciplined society.
                </p>
            </div>
        </div>
    </div>
</section>

<!-- Executive Committee -->
<section class="section-pad" style="background: var(--off-white); border-top: 1px solid var(--gray-200);">
    <div class="container">
        <div class="section-header centered text-center">
            <span class="section-label">LEADERSHIP</span>
            <h2 class="section-title">Executive <span>Committee Members</span></h2>
            <div class="divider"></div>
            <p class="section-subtitle">The visionaries steering the Lumbini Province Taekwondo Association toward new heights.</p>
        </div>

        <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px;">
            <?php $__currentLoopData = $committee; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $member): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div style="background: var(--white); border-radius: var(--radius); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); padding: 30px; text-align: center; transition: var(--transition);" onmouseenter="this.style.transform='translateY(-6px)'; this.style.boxShadow='var(--shadow-md)'" onmouseleave="this.style.transform='none'; this.style.boxShadow='var(--shadow-sm)'">
                <div style="width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, var(--blue), var(--red)); color: var(--white); font-size: 2.2rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; box-shadow: 0 4px 14px rgba(0,0,0,0.15);">
                    <?php echo e(substr($member['name'], 0, 1)); ?>

                </div>
                <h3 style="font-family: 'Oswald', sans-serif; font-size: 1.25rem; font-weight: 600; color: var(--blue); margin-bottom: 6px;"><?php echo e($member['name']); ?></h3>
                <span class="badge badge-red" style="margin-bottom: 12px;"><?php echo e($member['role']); ?></span>
                <p style="font-size: 0.85rem; color: var(--gray-500);"><i class="fas fa-certificate" style="color: var(--gold); margin-right: 4px;"></i> <?php echo e($member['dan']); ?></p>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </div>
</section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/lumbinip/public_html/resources/views/about.blade.php ENDPATH**/ ?>