<?php $__env->startSection('header'); ?>
    <div class="container">
        <div class="inner">
            <div class="top">
                <a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)); ?>"><?php echo e(__('main.home')); ?></a>
                <span><?php echo e($aboutPage->title); ?></span>
            </div>


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

<?php $__env->startSection('content'); ?>
    <section class="about_pg ">
        <!--Start manager-undertook-->
        <section class="manager-undertook">
            <div class="container">
                <div class="heading-sec">
                    <h4><?php echo e(__('abouts.get_to_know_us')); ?></h4>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="image-content">
                            <img src="<?php echo e(asset('assets/web/images/logo.png')); ?>" class="main-img">
                            <a data-video-src="<?php echo e(asset($about->video)); ?>" data-toggle="modal" href="#about_video_modal" class="play-btn about_video_play_link">
                                <i class="fas fa-play"></i>
                            </a>
                            <div class="modal fade about_video_modal" id="about_video_modal">
                                <div class="modal-dialog modal-xl">
                                    <div class="modal-content">
                                        <div class="modal-body"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="content-wrapper ">
                            <div class="text-content wow fadeInRight" data-wow-duration="2.5s">
                                <h4><?php echo e($about->first_title); ?></h4>
                                <h1><?php echo e($about->second_title); ?></h1>
                                <p><?php echo $about->description; ?></p>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-10 m-auto">
                        <div class="counter-wrapper wow fadeInUp" data-wow-duration="2s">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="item">
                                        <img src="<?php echo e($about->client_image ? asset($about->client_image) : 'assets/web/images/icons/counter-icon-2.svg'); ?>" class="icon">
                                        <div class="text">
                                            <h5>+ <span class="counter"><?php echo e($about->client); ?></span></h5>
                                            <p><?php echo e($about->client_title ?? __('abouts.client_count')); ?></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="item">
                                        <img src="<?php echo e($about->consultation_image ? asset($about->consultation_image) : 'assets/web/images/icons/counter-icon-1.svg'); ?>" class="icon">
                                        <div class="text">
                                            <h5>+ <span class="counter"><?php echo e($about->consultation); ?></span></h5>
                                            <p><?php echo e($about->consultation_title ?? __('abouts.consult')); ?></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="item">
                                        <img src="<?php echo e($about->projects_image ? asset($about->projects_image) : 'assets/web/images/icons/counter-icon-3.svg'); ?>" class="icon">
                                        <div class="text">
                                            <h5>+ <span class="counter"><?php echo e($about->projects); ?></span></h5>
                                            <p><?php echo e($about->projects_title ?? __('abouts.project_numbers')); ?></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <img src="<?php echo e(asset('assets/web/images/pattern-1.png')); ?>" class="pattern-l">
        </section>
        <!--Start teamwork-sec-->
        <section class="teamwork-sec">
            <div class="container">
                <div class="heading-sec wow zoomIn " data-wow-duration="2s">
                    <h4><?php echo e(__('staffs.head')); ?></h4>
                </div>
                <div class="teamwork-carousel owl-carousel owl-theme wow fadeIn" data-wow-duration="2s">
                    <?php if(count($staffs)): ?>
                        <?php $__currentLoopData = $staffs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $staff): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="item">
                                <a href="<?php echo e(route('staff.show', $staff->id)); ?>">
                                    <div class="card">
                                        <img src="<?php echo e(asset($staff->image)); ?>" class="team-img">
                                        <div class="card-body">
                                            <h5><?php echo e($staff->name); ?></h5>
                                            <p><?php echo e($staff->job_title); ?></p>
                                            <div class="social-links">
                                                <?php if($staff->email): ?>
                                                    <a href="mailto:<?php echo e($staff->email); ?>"><i class="far fa-envelope"></i></a>
                                                <?php endif; ?>
                                                <?php if($staff->linkedin): ?>
                                                    <a target="_blank" href="<?php echo e($staff->linkedin); ?>"><i class="fab fa-linkedin-in"></i></a>
                                                <?php endif; ?>
                                                <?php if($staff->twitter): ?>
                                                    <a target="_blank" href="<?php echo e($staff->twitter); ?>"><i class="fab fa-twitter"></i></a>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    <?php endif; ?>
                </div>
            </div>
        </section>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_js'); ?>
    <script>
        let url = "<?php echo e(asset($aboutPage->image)); ?>";
       $('header').addClass('inner_header').attr('style', 'background: url('+url+')');
        $('.navs-container').addClass('inner_nav');

        $('.about_video_play_link').click(function (e) {
            e.preventDefault();
            let videoSrc = $(this).data('video-src');
            $('.about_video_modal .modal-body').html(`<video class="w-100" controls autoplay src="`+videoSrc+`"></video>`);
        });

        $('.about_video_modal').on('hide.bs.modal', function () {
            $('.about_video_modal .modal-body').html('');
        });
        $('.counter').countUp({
            delay: 10,
            time: 2000
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/balyomhost/public_html/share/resources/views/web/about_us/index.blade.php ENDPATH**/ ?>