<?php $__env->startSection('content-frontend'); ?>
    <div class="th-hero-wrapper hero-1" id="hero">
        <div class="swiper th-slider hero-slider-1" id="heroSlide1"
            data-slider-options='{"effect":"fade","menu": ["", "", ""],"heroSlide1": {"swiper-container": {"pagination": {"el": ".swiper-pagination", "clickable": true }}}}'>
            <div class="swiper-wrapper">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $heroSliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                    <div class="swiper-slide">
                        <div class="hero-inner">
                            <div class="th-hero-bg"
                                data-bg-src="<?php echo e($slider->GambarLatar ? asset('storage/' . $slider->GambarLatar) : asset('assets-landing-page/img/hero/hero_bg_1_2.jpg')); ?>">
                            </div>
                            
                            <div class="container">
                                <div class="row">
                                    <div class="col-xl-9 col-lg-8">
                                        <div class="hero-style1">
                                            <span class="sub-title style1" data-ani="slideinup" data-ani-delay="0.2s">
                                                <?php echo e($slider->SubJudul ?? 'The Fastest Growing'); ?>

                                            </span>
                                            <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">
                                                <?php echo e($slider->JudulUtama ?? 'Identity & Payment Company In Asia'); ?>

                                            </h1>
                                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(!empty($slider->Deskripsi)): ?>
                                                <p><?php echo e($slider->Deskripsi); ?></p>
                                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>

            </div>
            <div class="th-swiper-custom">
                <button data-slider-prev="#heroSlide1" class="slider-arrow slider-prev"><img
                        src="<?php echo e(asset('assets-landing-page/img/icon/right-arrow.svg')); ?>" alt=""></button>
                <div class="slider-pagination"></div>
                <button data-slider-next="#heroSlide1" class="slider-arrow slider-next"><img
                        src="<?php echo e(asset('assets-landing-page/img/icon/left-arrow.svg')); ?>" alt=""></button>
            </div>
        </div>
    </div>
    <section class="category-area bg-top-center space"
        data-bg-src="<?php echo e(asset('')); ?>assets-landing-page/img/bg/category_bg_1.png">
        <div class="container th-container">
            <div class="title-area mb-60 text-center">
                <span class="sub-title text-anime-style-2">Key Figures</span>
                <h2 class="sec-title text-anime-style-3">Key Figures</h2>
            </div>
            <div class="swiper th-slider categorySlider" id="categorySlider1"
                data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"3"},"1400":{"spaceBetween":45,"slidesPerView":"5"}}}'>
                <div class="swiper-wrapper">
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $keyFigures; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $figure): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                        <div class="swiper-slide">
                            <div class="category-card single text-center py-4">
                                <div class="box-img global-img mb-3">
                                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($figure->Icon): ?>
                                        <img src="<?php echo e(asset('storage/' . $figure->Icon)); ?>"
                                            alt="Icon <?php echo e($figure->Keterangan); ?>"
                                            style="height:60px;max-width:80px;object-fit:contain;">
                                    <?php else: ?>
                                        <img src="<?php echo e(asset('assets-landing-page/img/category/default.jpg')); ?>"
                                            alt="Default Icon" style="height:60px;max-width:80px;object-fit:contain;">
                                    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                </div>
                                <h3 class="box-title mb-1" style="font-size:2.2rem;font-weight:bold;">
                                    <?php echo e($figure->Konten); ?>

                                </h3>
                                <p class="sec-text" style="font-size:1.08rem;">
                                    <?php echo e($figure->Keterangan); ?>

                                </p>
                            </div>
                        </div>
                    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>


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


    <section class="position-relative bg-top-center overflow-hidden space" id="service-sec"
        data-bg-src="<?php echo e(asset('')); ?>assets-landing-page/img/bg/service_bg_1.jpg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="title-area service-title-box text-center">
                        <span class="sub-title mb-15  text-anime-style-2">What We’re Offering</span>
                        <h2 class="sec-title  text-anime-style-2">Jasuindo Solutions</h2>
                        
                    </div>
                </div>
            </div>
            <div class="slider-area slider-drag-wrap">
                <div class="swiper th-slider has-shadow"
                    data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"},"1300":{"slidesPerView":"4"}}}'>
                    <div class="swiper-wrapper">

                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $halamanSolusi; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $solusi): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                            <div class="swiper-slide">
                                <div class="service-box service-style-1 gsap-cursor">
                                    <div class="service-img">
                                        <a href="<?php echo e($solusi->link ?? '#'); ?>">
                                            <img src="<?php echo e(asset('storage/' . $solusi->Thumbnail) ?? asset('assets-landing-page/img/service/service_img_1.jpg')); ?>"
                                                alt="<?php echo e($solusi->Judul ?? 'Service Image'); ?>">

                                        </a>
                                    </div>
                                    <div class="service-content">
                                        <h3 class="box-title">
                                            <a href="<?php echo e($solusi->link ?? '#'); ?>"><?php echo e($solusi->Judul ?? 'Solusi'); ?></a>
                                        </h3>
                                        <p class="service-box_text"><?php echo e($solusi->deskripsi ?? ''); ?></p>
                                        <a class="th-btn style4" href="<?php echo e($solusi->link ?? '#'); ?>">
                                            Read More <i class="fa-light fa-arrow-right-long"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>


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


    <div class="brand-area overflow-hidden space-bottom">
        <div class="container th-container">
            <div class="swiper th-slider brandSlider1" id="brandSlider1"
                data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"2"},"768":{"slidesPerView":"3"},"992":{"slidesPerView":"3"},"1200":{"slidesPerView":"5"},"1400":{"slidesPerView":"6"}}}'>
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_2.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_2.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_3.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_3.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_4.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_4.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_5.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_5.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_6.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_6.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_7.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_7.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_4.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_4.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_3.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_3.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_2.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_2.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brand-box">
                            <a href="">
                                <img class="original"
                                    src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                                <img class="gray" src="<?php echo e(asset('')); ?>assets-landing-page/img/brand/brand_1_1.svg"
                                    alt="Brand Logo">
                            </a>
                        </div>
                    </div>

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

<?php echo $__env->make('frontend.index', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\cms-compro\resources\views/frontend/main.blade.php ENDPATH**/ ?>