

<?php $__env->startSection('seo_title', $seo->seo_title); ?>
<?php $__env->startSection('seo_keywords', $seo->seo_keywords); ?>
<?php $__env->startSection('seo_description', $seo->seo_description); ?>

<?php $__env->startSection('content'); ?>
    <main class="main">

        <!-- Hero Section -->
        <section id="hero" class="hero section dark-background">

            <div class="container text-center" data-aos="fade-up">
                <h2>Voice of Change</h2>
                <p>Championing Youth and Women's Empowerment<br></p>
                <a href="#about" class="btn-scroll" title="Scroll Down"><i class="bi bi-chevron-down"></i></a>
            </div>

        </section><!-- /Hero Section -->

        <!-- About Section -->
        <section id="about" class="about section">

            <!-- Section Title -->
            <div class="container section-title" data-aos="fade-up">
                <h2>Discover My Journey and Accomplishments</h2>
            </div><!-- End Section Title -->

            <div class="container" data-aos="fade-up">

                <div class="row gy-4 justify-content-center">
                    <div class="col-lg-4 col-sm-12">
                        <img src="<?php echo e(asset('uploads/abouts/' . $about->home_image)); ?>" class="img-fluid" alt="<?php echo e($about->home_image_alt); ?>">
                    </div>
                    <div class="col-lg-8 content">

                        <div class="row">

                            <div class="col-lg col-sm-12">
                                <h2><?php echo e($about->title); ?></h2>
                                <p class="fst-italic py-3 text-justify">
                                    <?php echo e($about->summary); ?>

                                </p>
                                <a class="main-button" href="<?php echo e(route('about')); ?>">Know More</a>
                            </div>
                            <?php if($achievements->isNotEmpty()): ?>
                                <div class="col-lg col-sm-12">
                                    <h2>My Notable Achievements</h2>
                                    <ul>
                                        <?php $__currentLoopData = $achievements; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li><i class="bi bi-chevron-right"></i> <strong><?php echo e($item->title); ?></strong></li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </ul>
                                    <a class="main-button" href="<?php echo e(route('achievement')); ?>">Know More</a>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>

            </div>

        </section><!-- /About Section -->

        <?php if($news->isNotEmpty()): ?>
            <section id="services" class="services services-alt section pt-0">

                <!-- Section Title -->
                <div class="container section-title pb-0" data-aos="fade-up">
                    <a class="main-button float-end" href="<?php echo e(route('press-release')); ?>">View All</a>
                    <h2 class="d-flex">In the Spotlight</h2>
                </div><!-- End Section Title -->

                <div class="container">

                    <div class="row gy-4">
                        <?php $__currentLoopData = $news; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-lg col-sm-12" data-aos="fade-up">
                                <div class="service-item position-relative">
                                    <div class="icon service-img">
                                        <img src="<?php echo e(asset('uploads/pressreleases/' . $item->main_image)); ?>" alt="<?php echo e($item->main_image_alt); ?>" class="img-fluid">
                                    </div>
                                    <h4>
                                        <a href="<?php echo e($item->news_url); ?>" target="_blank" class="stretched-link"><?php echo e($item->title); ?></a>
                                    </h4>
                                    <p><b><i class="bi bi-newspaper"></i> &nbsp; <?php echo e($item->news_name); ?></b></p>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                </div>

            </section>
        <?php endif; ?>

        <?php if($policies->isNotEmpty()): ?>
            <section id="about" class="about section p-0">

                <!-- Section Title -->
                <div class="container section-title pb-0" data-aos="fade-up">
                    <a class="main-button float-end" href="<?php echo e(route('policy')); ?>">View All</a>
                    <h2 class="d-flex">Policy Insights and Advocacy</h2>
                </div><!-- End Section Title -->

            </section>

            <section id="services" class="services section pt-0">
                <div class="container">

                    <div class="row gy-4">
                        <?php $__currentLoopData = $policies; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-lg col-sm-12" data-aos="fade-up">
                                <div class="service-item position-relative">
                                    <div class="icon"><?php echo $item->icon; ?></div>
                                    <h4><?php echo e($item->title); ?></h4>
                                    <p><?php echo e($item->description); ?></p>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                </div>

            </section>
        <?php endif; ?>


        <?php if($futureplans->isNotEmpty()): ?>
            <!-- Skills Section -->
            <section id="skills" class="skills section">

                <!-- Section Title -->
                <div class="container section-title pb-0" data-aos="fade-up">
                    <h2>Vision for the Future</h2>
                </div><!-- End Section Title -->

                <div class="container" data-aos="fade-up">

                    <div class="row skills-content skills-animation">

                        <?php $__currentLoopData = $futureplans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-lg-6">
                                <div class="progress">
                                    <span class="skill"><span><?php echo e($item->title); ?></span> </span>
                                    <div class="progress-bar-wrap">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                    </div>

                </div>

            </section>
        <?php endif; ?>

        <?php if($videos->isNotEmpty()): ?>
            <section id="services" class="services services-alt section pt-0">

                <!-- Section Title -->
                <div class="container section-title pb-0" data-aos="fade-up">
                    <a class="main-button float-end" href="<?php echo e(route('videos')); ?>">View All</a>
                    <h2 class="d-flex">Visual Insights</h2>
                </div><!-- End Section Title -->

                <div class="container">

                    <div class="row gy-4">
                        <?php $__currentLoopData = $videos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php
                                // Extract YouTube Video ID
                                preg_match('/(?:\/|v=|vi=|youtu\.be\/|embed\/)([a-zA-Z0-9_-]{11})/', $item->link, $matches);
                                $videoId = $matches[1] ?? null;
                            ?>
                            <div class="col-lg col-sm-12" data-aos="fade-up">
                                <div class="service-item position-relative p-3">
                                    <div class="service-img">
                                        <a href="<?php echo e($item->link); ?>" data-toggle="lightbox" data-gallery="youtubevideos">
                                            <?php if($videoId): ?>
                                                <img src="https://i1.ytimg.com/vi/<?php echo e($videoId); ?>/mqdefault.jpg" class="img-fluid">
                                            <?php else: ?>
                                                <img src="<?php echo e(asset('img/hero-bg.jpg')); ?>" class="img-fluid">
                                            <?php endif; ?>
                                            <div class="play-icon">
                                                <i class="bi bi-youtube"></i>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                </div>

            </section>
        <?php endif; ?>

        <div class="container section">
            <div class="container section-title p-0" data-aos="fade-up">
                <h2 class="d-flex">Latest Updates from Social Media</h2>
            </div>

            <div class="row g-4">
                <!-- Facebook Feed -->
                <div class="col-lg-6" data-aos="fade-up">
                    <div class="social-card">
                        <div class="embed-container">
                            <div class="fb-page d-flex justify-content-center" data-width="500" data-href="https://www.facebook.com/oli.khusbu" data-tabs="timeline" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Twitter Feed -->
                <div class="col-lg-6" data-aos="fade-up">
                    <div class="social-card">
                        <div class="embed-container">
                            <a class="twitter-timeline" data-height="500" href="https://twitter.com/khusbu_oli?ref_src=twsrc%5Etfw">Tweets by khusbu_oli</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


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

<?php echo $__env->make('index', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/khusbuoli/staging.khusbuoli.com/resources/views/home/home.blade.php ENDPATH**/ ?>