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


    <main>

        <!-- ---------- breadcrumb ----------- -->
        <?php echo $__env->make('web.layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <!-- ---------- about banner ----------- -->
        <section class="pg_about_banner">
            <div class="img">
                <img src="<?php echo e(asset($aboutus->image)); ?>" alt="" class="w-100">
            </div>
        </section>


        <!-- ---------- pillars ----------- -->
        <section class="pg_about_pillars section_padding">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-lg-5">
                        <div class="info">
                            <div class="section_head mb-4">
                                <h2> <?php echo e(__('web.aboutus')); ?> </h2>
                            </div>
                            <div class="text mb-3"> <?php echo $aboutus->title; ?> </div>
                            <div class="text">
                                <?php echo $aboutus->description; ?>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="pillars_cards">
                            <div class="pillar_card">
                                <div class="icon">
                                    <i class="fas fa-network-wired mb-2 me-2"></i>
                                </div>
                                <div class="info">
                                    <h5> <?php echo $cards[0]->title; ?> </h5>
                                    <p> <?php echo $cards[0]->description; ?> </p>
                                </div>
                            </div>
                            <div class="pillar_card">
                                <div class="icon">
                                    <i class="fas fa-user-graduate mb-2 me-2"></i>
                                </div>
                                <div class="info">
                                    <h5> <?php echo $cards[1]->title; ?> </h5>
                                    <p> <?php echo $cards[1]->description; ?> </p>
                                </div>
                            </div>
                            <div class="pillar_card">
                                <div class="icon">
                                    <i class="fas fa-lightbulb mb-2 me-2"></i>
                                </div>
                                <div class="info">
                                    <h5> <?php echo $cards[2]->title; ?> </h5>
                                    <p> <?php echo $cards[2]->description; ?> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- ---------- vision ----------- -->
        <section class="pg_about_vision">
            <div class="container">
                <div class="row gx-lg-5">
                    <?php $__currentLoopData = $pages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-4 border-end">
                        <div class="item">
                            <div class="icon mb-3">
                                <img src="<?php echo e(asset($row->image)); ?>" alt="">
                            </div>
                            <div class="info">
                                <h5 class="mb-4 fw-bold"><?php echo $row->title; ?></h5>
                                <p class="text">
                                    <?php echo $row->description; ?>

                                </p>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </section>


        <!-- ---------- timeline ----------- -->
        <section class="pg_about_timeline">
            <div class="container">
                <h2> <?php echo e(__('web.founder')); ?> </h2>
                <div class="slider_content">
                    <div class="timeline_slider">
                        <div class="swiper-wrapper">
                            <?php $__currentLoopData = $founders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="swiper-slide">
                                <div class="time_card">
                                    <h5> <?php echo e($row->number); ?> </h5>
                                    <p> <?php echo $row->name; ?> </p>
                                </div>
                            </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </section>


        <!-- ---------- approach ----------- -->
        <section class="pg_about_approach section_padding" id="OurApproach">
            <div class="container">
                <div class="title text-center">
                    <h1 class="fs-1 fw-bold mb-4"><?php echo e(__('web.our_approach')); ?></h1>
                    <p class="fs-5"><?php echo e(__('web.our_approach_desc')); ?></p>
                </div>
                <div class="approach_cards">
                    <div class="row gx-lg-5">
                        <div class="col-lg-4">
                            <div class="app_card">
                                <span class="icon">
                                    <!--<i class="fas fa-file-alt me-2 mb-1"></i>-->
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/app1.svg" alt="">
                                </span>
                                <h6> <?php echo $approaches[0]->title; ?> </h6>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="app_card">
                                <span class="icon">
                                    <!--<i class="fas fa-pen-square me-2 mb-1"></i>-->
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/app2.svg" alt="">
                                </span>
                                <h6> <?php echo $approaches[1]->title; ?> </h6>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="app_card">
                                <span class="icon">
                                    <!--<i class="fas fa-graduation-cap me-2 mb-1"></i>-->
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/app3.svg" alt="">
                                </span>
                                <h6> <?php echo $approaches[2]->title; ?> </h6>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="app_card">
                                <span class="icon">
                                    <!--<i class="fas fa-info-square me-2 mb-1"></i>-->
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/app4.svg" alt="">
                                </span>
                                <h6> <?php echo $approaches[3]->title; ?> </h6>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="app_card">
                                <span class="icon">
                                    <!--<i class="fas fa-pen-square me-2 mb-1"></i>-->
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/app5.svg" alt="">
                                </span>
                                <h6> <?php echo $approaches[4]->title; ?> </h6>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="app_card">
                                <span class="icon">
                                    <!--<i class="fas fa-graduation-cap me-2 mb-1"></i>-->
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/app3.svg" alt="">
                                </span>
                                <h6> <?php echo $approaches[5]->title; ?>  </h6>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>

    </main>

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

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/ntc/resources/views/web/pages/pages/aboutus.blade.php ENDPATH**/ ?>