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

<?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','bgrgba' => 'true']]); ?>
<?php $component->withName('header'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['class' => 'home-header','bgrgba' => 'true']); ?>
         <?php $__env->slot('particles', null, []); ?> 
            <div id="homeHeader"></div>
         <?php $__env->endSlot(); ?>
         <?php $__env->slot('content', null, []); ?> 
            <div class="main-content">
                <div class="container">
                    <div class="jumbotron mb-0 bg-transparent text-center">
                        <div>
                            <h1 class="text-capitalize display-6 text-warning fw-bolder" data-aos="zoom-in"><?php echo e(__('message.welcome to')); ?></h1>
                            <p class="text-center h5 text-warning text-capitalize" data-aos="zoom-in"><?php echo e(__('message.release your ways of working')); ?></p>
                            <p data-aos="zoom-in"><?php echo __('message.home top'); ?></p>
                            <a href="<?php echo e(route('contact',app()->getLocale())); ?>" class="text-uppercase learn-more font-title fw-bolder text-decoration-none shadow-load" data-aos="zoom-in">
                                <?php echo e(__('message.more info')); ?><i class="fas fa-angle-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.header-curve','data' => []]); ?>
<?php $component->withName('header-curve'); ?>
<?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; ?>
         <?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 class="main-content content-home">
    
    <!-- News infotaition -->
    <section class="news-info position-relative">
        <img src="<?php echo e(asset('img/infotatment-bg.png')); ?>" alt="infotaitment bg" class="w-100 position-absolute opacity-25 d-none d-md-block">
        <div class="container all-content">
            <div class="s-header">
                <h2 class="text-uppercase text-center position-relative font-title text-warning" data-aos="zoom-in">
                    <?php echo e(__('message.news & infotaitment')); ?>

                    <span class="my-border bottom-5"></span>
                </h2>
                <p class="text-center s-desc" data-aos="zoom-in">
                    <span class="text-uppercase"><?php echo e(__('message.news & infotaitment')); ?></span> <?php echo e(__('message.news & infotaitment desc')); ?>

                </p>
            </div>

            <div class="row row-cols-2 row-cols-md-4 offset-md-2 g-0 g-md-3 g-lg-4">
                <div class="col">
                    <a href="<?php echo e(url()->current()); ?>" class="card c-card shadow border-0 p-1 text-decoration-none overflow-hidden" data-aos="zoom-in">
                        <img src="<?php echo e(asset('img/news-info/phkay-media.jpg')); ?>" alt="phkay-media" class="card-img-top object-fit-cover">
                        <div class="card-body p-0 pt-2">
                            <h6 class="fw-bolder text-uppercase text-center py-2 mb-0">Phkay Media</h6>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="http://news.phkaymedia.com" target="_blank" class="card c-card shadow border-0 p-1 text-decoration-none overflow-hidden" data-aos="zoom-in">
                        <img src="<?php echo e(asset('img/news-info/phkay-news.jpg')); ?>" alt="phkay-news" class="card-img-top object-fit-cover">
                        <div class="card-body p-0 pt-2">
                            <h6 class="fw-bolder text-uppercase text-center py-2 mb-0">Phkay News</h6>
                        </div>
                    </a>
                </div>
                <div class="col offset-3 offset-md-0">
                    <a href="#" class="card c-card shadow border-0 p-1 text-decoration-none overflow-hidden" data-aos="zoom-in">
                        <img src="<?php echo e(asset('img/news-info/komsan.jpg')); ?>" alt="komsan" class="card-img-top object-fit-cover">
                        <div class="card-body p-0 pt-2">
                            <h6 class="fw-bolder text-uppercase text-center py-2 mb-0">Komsan</h6>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- End news infotaition -->

    <!-- Our Vision -->
    <section class="our-vision position-relative">
        <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.footer-curve','data' => []]); ?>
<?php $component->withName('footer-curve'); ?>
<?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 class="container all-content">
            <div class="row">
                <div class="col-md-6 align-self-center">
                    <div class="vision-content">
                        <h2 data-aos="zoom-in" class="text-warning text-capitalize"><?php echo e(__('message.we know your conerns')); ?></h2>
                        <p data-aos="zoom-in"><?php echo e(__('message.we know your conerns desc')); ?></p>
                        <br>
                        <h5 class="text-warning text-capitalize" data-aos="zoom-in"><?php echo e(__('message.our vision')); ?></h5>
                        <p data-aos="zoom-in"><?php echo e(__('message.our vision desc')); ?></p>
                        <br>
                        <img src="<?php echo e(asset('img/our-vision.png')); ?>" alt="our vision" class="w-100 d-md-none" data-aos="zoom-in">
                        <h5 data-aos="zoom-in" class="text-uppercase text-warning"><?php echo e(__('message.why you choose us')); ?></h5>
                        <div class="row m-0">
                            <div class="col-lg-6 px-1 my-0 my-lg-3" data-aos="zoom-in">
                                <ul class="list-unstyled m-0 p-0">
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 1')); ?></span>
                                    </li>
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 2')); ?></span>
                                    </li>
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 3')); ?></span>
                                    </li>
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 4')); ?></span>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-lg-6 px-1 my-0 my-lg-3" data-aos="zoom-in">
                                <ul class="list-unstyled m-0 p-0">
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 5')); ?></span>
                                    </li>
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 6')); ?></span>
                                    </li>
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 7')); ?></span>
                                    </li>
                                    <li>
                                        <img src="<?php echo e(asset('img/emoji/check.png')); ?>" alt="icon check">
                                        <span><?php echo e(__('message.choose us 8')); ?></span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 align-self-center d-none d-md-block js-tilt">
                    <img src="<?php echo e(asset('img/our-vision.png')); ?>" alt="our vision" class="w-100" ​ data-aos="zoom-in">
                </div>
            </div>
        </div>
    </section>
    <!-- End Our Vision -->

    <!-- Our feature service -->
    <section class="feature-service py-50 position-relative border-top">
        <img src="<?php echo e(asset('img/cta-three-bg.png')); ?>" alt="bg" class="w-50 opacity-25 bottom-0 end-0 position-absolute d-none d-md-block">
        <div class="container all-centent">
            <div class="feature-header">
                <h2 class="text-warning m-text-size mb-0 text-uppercase text-center position-relative"
                    data-aos="zoom-in">
                    <span><?php echo e(__('message.our feature serices')); ?></span>
                    <span class="my-border bottom-5"></span>
                </h2>
                <p class="text-center mt-2" data-aos="zoom-in"><?php echo e(__('message.our feature services desc')); ?></p>
            </div>
            
            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-2 g-lg-3">
                <div class="col">
                    <a href="<?php echo e(route('digital',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/digital-marketing.jpg')); ?>" alt="degital-marketing" class="w-100 rounded">
                        </div>
                        <div class="card-body bg-switch">
                            <p><?php echo e(__('message.feature service 1')); ?></p>
                            <h4 class="fw-bolder p-0"><?php echo e(__('message.digital marketing')); ?></h4>
                        </div>
                    </a>
                </div>
                <div class="col">
                    <a href="<?php echo e(route('creative',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/creative-design.jpg')); ?>" alt="creative-design"
                                class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 2')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.creative design')); ?></h4>
                    </a>
                </div>
                <div class="col">
                    <a href="<?php echo e(route('photo',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/photo-video-graphy.jpg')); ?>" alt="photo-video-graphy"
                                class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 3')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.photo video graphy')); ?></h4>
                    </a>
                </div>
                <div class="col">
                    <a href="<?php echo e(route('tvc-film',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/tvc-film.jpg')); ?>" alt="tvc-film" class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 4')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.tvc film')); ?></h4>
                    </a>
                </div>

                <div class="col">
                    <a href="<?php echo e(route('livestream',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/livestream-studio.jpg')); ?>" alt="studio"
                                class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 5')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.livestream studio')); ?></h4>
                    </a>
                </div>
                <div class="col">
                    <a href="<?php echo e(route('2d3dvfx',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/2d-3d-vfx.jpg')); ?>" alt="2d-3d" class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 6')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.2d 3d vfx')); ?></h4>
                    </a>
                </div>
                <div class="col offset-md-2 offset-lg-0" data-aos="zoom-in">
                    <a href="<?php echo e(route('decor',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/decor-printing.jpg')); ?>" alt="printing"
                                class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 7')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.decor printing')); ?></h4>
                    </a>
                </div>
                <div class="col">
                    <a href="<?php echo e(route('mobile',app()->getLocale())); ?>" class="ou-item card h-100 bg-switch shadow text-decoration-none" data-aos="zoom-in">
                        <div class="my-thumbnail">
                            <img src="<?php echo e(asset('img/feature-service/web-app.jpg')); ?>" alt="komsan" class="w-100 rounded">
                        </div>
                        <p><?php echo e(__('message.feature service 8')); ?></p>
                        <h4 class="fw-bolder"><?php echo e(__('message.web app')); ?></h4>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- End service -->

    <!-- Our strategic -->
    <section class="our-strategic py-50">
        <div class="container all-content" data-aos="zoom-in">
            <p class="text-uppercase text-center font-title"><?php echo e(__('message.our strategic way')); ?></p>
            <h2 class="text-center text-uppercase"><?php echo e(__('message.our strategic way desc')); ?></h2>
        </div>
    </section>
    <!--End Our strategic -->

     <!-- What we do? -->
     <section class="what-we-do position-relative">
        <img src="<?php echo e(asset('img/bg.png')); ?>" alt="bg" class="w-100 position-absolute d-none d-md-block opacity-25" data-aos="zoom-in">
        <div class="container">
            <div class="row py-50">
                <div class="col-md-5 align-self-center js-tilt" data-aos="zoom-in">
                    <img src="<?php echo e(asset('img/what-we-do.png')); ?>" alt="contents-is-king" width="100%" data-aos="zoom-in">
                </div>
                <div class="col-md-7 align-self-center">
                    <h1 class="font-title text-warning text-uppercase mt-2 mt-md-0"><?php echo e(__('message.what we do')); ?></h1>
                    <p><?php echo e(__('message.what we do desc')); ?></p>
                    <h6 class="fw-bold"><?php echo e(__('message.with our unmatched')); ?></h6>
                    <ul class="list-unstyled m-0 p-0">
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 1')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 2')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 3')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 4')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 5')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 6')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 7')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 8')); ?></span>
                        </li>
                        <li class="d-flex align-items-center">
                            <i class='bx bx-right-arrow text-warning'></i>
                            <span class="ms-1"><?php echo e(__('message.with our unmatched 9')); ?></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- End What we do? -->

    <!-- Recrutiting -->
    <section class="recruiting">
        <div class="bg-rgba py-50">
            <div class="container all-content">
                <div class="row">
                    <div class="col-md-6 py-4 py-md-0 text-center" data-aos="zoom-in">
                        <h1 class="text-uppercase text-primary font-title"><?php echo e(__('message.recruiting')); ?></h1>
                        <h5 class="text-uppercase text-white-50"><?php echo e(__('message.for young research') .date('Y')+1); ?></h5>
                    </div>
                    <div class="col-md-6 py-4 py-md-0 align-self-center" data-aos="zoom-in">
                        <div class="d-flex justify-content-center">
                            <a href="<?php echo e(route('career',app()->getLocale())); ?>" class="btn btn-primary rounded-pill text-capitalize text-white phkay-rotate-x">
                                <img src="<?php echo e(asset('img/emoji/attendance.png')); ?>" alt="icon">
                                <span><?php echo e(__('message.apply now')); ?></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Recrutiting -->

    <!--technology -->
    <section class="technology py-50 position-relative">
        <img src="<?php echo e(asset('img/team-angel.png')); ?>" alt="angel" class="position-absolute end-0 top-50 opacity-50 d-none d-md-block">
        <div class="container all-content">
            <div class="row">
                <div class="col-md-5 js-tilt">
                    <img src="<?php echo e(asset('img/technology.svg')); ?>" alt="" class="w-100" data-aos="zoom-in">
                </div>
                <div class="col-md-7">
                    <h1 class="font-title text-warning text-uppercase" data-aos="zoom-in"><?php echo e(__('message.technology')); ?></h1>
                    <p data-aos="zoom-in"><?php echo e(__('message.technology desc')); ?></p>
                </div>
            </div>
        </div>
    </section>
    <!--End technology -->

    <hr>

    <!-- Our partners -->
    <section class="our-partners py-50">
        <div class="container all-content">
            <div class="text-center">
                <h1 class="text-uppercase font-title text-warning" data-aos="zoom-in"><?php echo e(__('message.our partners')); ?></h1>
                <p data-aos="zoom-in"><?php echo e(__('message.our partners desc')); ?></p>
            </div>
            <div class="owl-carousel">
                <div class="logo-partners">
                    <img class="mx-2 my-2 my-lg-0" data-aos="zoom-in" src="<?php echo e(asset('img/partners/magic-land.png')); ?>" alt="magic-land">
                </div>
                <div class="logo-partners">
                    <img class="mx-2 my-2 my-lg-0" data-aos="zoom-in" src="<?php echo e(asset('img/partners/decor-advertising.png')); ?>" alt="decor-advertising">
                </div>
                <div class="logo-partners">
                    <img class="mx-2 my-2 my-lg-0" data-aos="zoom-in" src="<?php echo e(asset('img/partners/millionuire.png')); ?>" alt="millionuire">
                </div>
                <div class="logo-partners">
                    <img class="mx-2 my-2 my-lg-0" data-aos="zoom-in" src="<?php echo e(asset('img/partners/amazing.png')); ?>" alt="amazing">
                </div>
            </div>
        </div>
    </section>
    <!--End Our partners -->

    <!-- Phkay Media Maps  -->
    <?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; ?>
    <!-- End phkay media maps -->

    <!-- Get start bottom -->
    <section class="fixed-bg bg-getsart text-center position-relative">
        <div class="bg-rgba getstart-bottom">
            <div class="container">
                <h3 class="font-title m-text-size text-uppercase" data-aos="zoom-in"><?php echo e(__('message.want to grow your business')); ?></h3>
                <div class="d-flex justify-content-center">
                    <a href="<?php echo e(route('contact',app()->getLocale())); ?>" class="btn btn-warning rounded-pill btn-lg learn-more font-title text-uppercase text-decoration-none h1 mt-5 d-flex align-items-center fw-bolder" data-aos="zoom-in">
                        <?php echo e(__('message.get start')); ?> <i class='bx bx-right-arrow-alt bx-fade-left' ></i>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!--Get start bottom -->
</div>

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