<?php $__env->startSection('meta'); ?>
<title><?php echo e(__('message.about')); ?></title>
    <meta property="og:title" content="<?php echo e(__('message.about')); ?>" />
    <meta property="og:description" content="<?php echo e(__('message.provide excellent')); ?>" />
    <meta name="twitter:title" content="<?php echo e(__('message.about')); ?>" />
    <meta name="twitter:description" content="<?php echo e(__('message.provide excellent')); ?>" />
<?php $__env->stopSection(); ?>

<?php $__env->startPush('styles'); ?>

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

<?php $__env->startPush('header'); ?>
    <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.header','data' => ['class' => 'home-header fixed-bg about-header','bgrgba' => 'true']]); ?>
<?php $component->withName('header'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['class' => 'home-header fixed-bg about-header','bgrgba' => 'true']); ?>
         <?php $__env->slot('content', null, []); ?> 
            <div class="main-content">
                <div class="container">
                    <div class="about-logo">
                        <img src="<?php echo e(asset('logo.png')); ?>" alt="our gallery" width="100%">
                    </div>
                    <div class="jumbotron text-center flex-column justify-content-start">
                        <h1 class=" font-title text-be text-uppercase my-3"><?php echo e(__('message.about')); ?></h1>
                        <h5 class="text-center"><?php echo e(__('message.we are phkay media')); ?></h5>
                        <p class="text-center mb-0 text-capitalize"><?php echo e(__('message.provide excellent')); ?></p>
                    </div>
                </div>
            </div>
         <?php $__env->endSlot(); ?>
     <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
<?php $__env->stopPush(); ?>

<div>
    <section class="future-phkay mb-5">
        <div class="container">
            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
                <div class="col mission">
                    <div class="card h-100 shadow bg-switch" data-aos="zoom-in">
                        <div class="card-body">
                            <div class="d-flex justify-content-center mb-3">
                                <img src="<?php echo e(asset('img/emoji/digital-marketing.png')); ?>" alt="Mission"
                                    data-aos="zoom-in">
                            </div>
                            <h5 class="card-title text-uppercase font-title text-center text-warning"
                                data-aos="zoom-in"><?php echo e(__('message.mission')); ?></h5>
                            <p class="card-text text-center" data-aos="zoom-in"><?php echo e(__('message.mission desc')); ?></p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card h-100 shadow bg-switch" data-aos="zoom-in">
                        <div class="card-body">
                            <div class="d-flex justify-content-center mb-3">
                                <img src="<?php echo e(asset('img/emoji/vision.png')); ?>" alt="vision" data-aos="zoom-in">
                            </div>
                            <h5 class="card-title text-uppercase font-title text-center text-primary"
                                data-aos="zoom-in"><?php echo e(__('message.vision')); ?></h5>
                            <p class="card-text text-center" data-aos="zoom-in"><?php echo e(__('message.vision desc')); ?></p>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card h-100 shadow bg-switch" data-aos="zoom-in">
                        <div class="card-body">
                            <div class="d-flex justify-content-center mb-3">
                                <img src="<?php echo e(asset('img/emoji/history.png')); ?>" alt="history" data-aos="zoom-in">
                            </div>
                            <h5 class="card-title text-uppercase font-title text-center text-info" data-aos="zoom-in">
                                <?php echo e(__('message.history')); ?></h5>
                            <p class="card-text text-center" data-aos="zoom-in"><?php echo e(__('message.history desc')); ?></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="our-value py-50">
        <div class="container">
            <div class="row">
                <div class="col-md-6 d-none d-md-block js-tilt">
                    <img src="<?php echo e(asset('img/out-value-cultural.png')); ?>" alt="culture" class="w-100"
                        data-aos="zoom-in-up">
                </div>
                <div class="col-md-6 align-self-center" data-aos="zoom-in-up">
                    <h2 class="text-center font-title"><?php echo e(__('message.our value')); ?></h2>
                    <img src="<?php echo e(asset('img/out-value-cultural.png')); ?>" alt="culture" class="w-100 d-md-none">
                    <p><?php echo e(__('message.our value desc')); ?></p>
                </div>
            </div>
        </div>
    </section>

    

    <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.phkay-maps','data' => []]); ?>
<?php $component->withName('phkay-maps'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
</div>

<?php $__env->startPush('scripts'); ?>
    <script src="<?php echo e(mix('js/simplelightbox.js')); ?>"></script>
<?php $__env->stopPush(); ?>
<?php /**PATH /var/www/html/phkaymedia/resources/views/livewire/frontend/about-page.blade.php ENDPATH**/ ?>