<div class="modal fade" id="modalInformations" aria-hidden="true" aria-labelledby="modalInformationsLabel"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
            <div class="modal-content bg-dark" style="box-shadow:0 0 3rem #000000 !important">
                <div class="modal-body">
                    <div class="row" id="textInfo"></div>
                    <div class="row">
                        <div class="col float-start">
                            <div class="form-check" style="font-size:12px">
                                <input class="form-check-input" type="checkbox" value="" id="dontshowinfo">
                                <label class="form-check-label" for="dontshowinfo">
                                    Jangan tampilkan lagi
                                </label>
                            </div>
                        </div>
                        <div class="col text-end">
                            <button type="submit" name="read_popup_news_b2c" style="font-size:12px"
                                class="btn btn-primary btn-sm">
                                Tutup
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<section class="relative mx-auto max-w-7xl p-4 sm:px-6 lg:py-6 lg:px-8">
    <div class="flex h-full w-full flex-col justify-between space-y-5"> 
   
        <div class="flex flex-col justify-center space-y-2">
            <h2 class="text-4xl font-bold">Ikuti Kami</h2>
            <p>Dapatkan Informasi Dan Promo Menarik Dengan Cara Mengikuti Media Sosial kami.</p>
        </div>
        <ul class="grid grid-cols-3 gap-4 md:flex md:space-x-2">
            <li>
                <a
                    class=" text-base shadow-social-media flex h-24 w-24 flex-col items-center justify-center rounded-md bg-backgroundTopdown capitalize text-textTopdown shadow-xl backdrop-blur-sm hover:cursor-pointer md:h-32 md:w-32"
                    target="_blank"
                    rel="noopener noreferrer"
                    href="<?php echo e(!$config ? '' : $config->ig_admin); ?>"
                >
                    <figure style="width: 40px; max-width: 100%; height: auto;">
                        <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: relative; max-width: 100%;">
                            <span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; max-width: 100%;">
                                <img
                                    style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0;"
                                    alt=""
                                    aria-hidden="true"
                                    src="/assets/icons/instagram.svg"
                                />
                            </span>
                            <img
                                alt="instagram"
                                src="/assets/icons/instagram.svg"
                                decoding="async"
                                data-nimg="intrinsic"
                                class=""
                                style="
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    bottom: 0;
                                    right: 0;
                                    box-sizing: border-box;
                                    padding: 0;
                                    border: none;
                                    margin: auto;
                                    display: block;
                                    width: 0;
                                    height: 0;
                                    min-width: 100%;
                                    max-width: 100%;
                                    min-height: 100%;
                                    max-height: 100%;
                                "
                                srcset="/assets/icons/instagram.svg 1x, /assets/icons/instagram.svg 2x"
                            />
                        </span>
                    </figure>
                    <span class="font-bold ">instagram</span>
                </a>
            </li>
            <li>
                <a
                    class="text-base shadow-social-media flex h-24 w-24 flex-col items-center justify-center rounded-md bg-backgroundTopdown capitalize text-textTopdown shadow-xl backdrop-blur-sm hover:cursor-pointer md:h-32 md:w-32"
                    target="_blank"
                    rel="noopener noreferrer"
                    href="<?php echo e(!$config ? '' : $config->wa_admin); ?>"
                >
                    <figure style="width: 40px; max-width: 100%; height: auto;">
                        <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: relative; max-width: 100%;">
                            <span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; max-width: 100%;">
                                <img
                                    style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0;"
                                    alt=""
                                    aria-hidden="true"
                                    src="/assets/icons/whatsapp.svg"
                                />
                            </span>
                            <img
                                alt="tiktok"
                                src="/assets/icons/whatsapp.svg"
                                decoding="async"
                                data-nimg="intrinsic"
                                class=""
                                style="
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    bottom: 0;
                                    right: 0;
                                    box-sizing: border-box;
                                    padding: 0;
                                    border: none;
                                    margin: auto;
                                    display: block;
                                    width: 0;
                                    height: 0;
                                    min-width: 100%;
                                    max-width: 100%;
                                    min-height: 100%;
                                    max-height: 100%;
                                "
                                srcset="/assets/icons/whatsapp.svg 1x, /assets/icons/whatsapp.svg 2x"
                            />
                        </span>
                    </figure>
                    <span class="font-bold">Whatsapp</span>
                </a>
            </li>
            <li>
                <a
                    class="text-base shadow-social-media flex h-24 w-24 flex-col items-center justify-center rounded-md bg-backgroundTopdown capitalize text-textTopdown shadow-xl backdrop-blur-sm hover:cursor-pointer md:h-32 md:w-32"
                    target="_blank"
                    rel="noopener noreferrer"
                    href="<?php echo e(!$config ? '' : $config->fb_admin); ?>"
                >
                    <figure style="width: 40px; max-width: 100%; height: auto;">
                        <span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; position: relative; max-width: 100%;">
                            <span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0; max-width: 100%;">
                                <img
                                    style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0; margin: 0; padding: 0;"
                                    alt=""
                                    aria-hidden="true"
                                    src="/assets/icons/facebook.svg"
                                />
                            </span>
                            <img
                                alt="facebook"
                                src="/assets/icons/facebook.svg"
                                decoding="async"
                                data-nimg="intrinsic"
                                class=""
                                style="
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    bottom: 0;
                                    right: 0;
                                    box-sizing: border-box;
                                    padding: 0;
                                    border: none;
                                    margin: auto;
                                    display: block;
                                    width: 0;
                                    height: 0;
                                    min-width: 100%;
                                    max-width: 100%;
                                    min-height: 100%;
                                    max-height: 100%;
                                "
                                srcset="/assets/icons/facebook.svg 1x, /assets/icons/facebook.svg 2x"
                            />
                        </span>
                    </figure>
                    <span class="font-bold">facebook</span>
                </a>
            </li>
        </ul>
    </div> 
    
</section> 

<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="-mt-8 transition delay-150 duration-300 ease-in-out print:hidden md:-mt-24"><path d="M 0,400 C 0,400 0,200 0,200 C 40.34909359970402,243.0042668639783 80.69818719940804,286.0085337279566 135,268 C 189.30181280059196,249.9914662720434 257.5563448020718,170.97013195215192 311,159 C 364.4436551979282,147.02986804784808 403.07643359230485,202.11093846343573 452,207 C 500.92356640769515,211.88906153656427 560.137920828709,166.58611419410528 626,169 C 691.862079171291,171.41388580589472 764.3718830928599,221.54460476014305 826,248 C 887.6281169071401,274.45539523985695 938.3745467998519,277.2354667653225 985,246 C 1031.625453200148,214.7645332346775 1074.1299297077323,149.51352817856701 1122,137 C 1169.8700702922677,124.48647182143299 1223.1057343692194,164.71042052040943 1277,184 C 1330.8942656307806,203.28957947959057 1385.4471328153904,201.64478973979527 1440,200 C 1440,200 1440,400 1440,400 Z" stroke="none" stroke-width="0" fill="rgb(55 65 81)" fill-opacity="1" class="path-0 transition-all delay-150 duration-300 ease-in-out"></path></svg>

<footer class="bg-gray-700" aria-labelledby="footer-heading" class="overflow-hidden mt-4">
     
    <h2 id="footer-heading" class="sr-only">Footer</h2>
    <div class="mx-auto max-w-7xl py-8 px-4 sm:px-6 lg:pt-14 lg:px-14">
        <div class="flex h-full w-full flex-col justify-between lg:flex-row md:justify-center md:space-x-10">
            <div class="w-full space-y-4 xl:col-span-1"><img alt="logo"
                    srcset="<?php echo e(!$config ? '' : $config->web_logo); ?>"
                    src="<?php echo e(!$config ? '' : $config->web_logo); ?>"
                    width="64" height="64" decoding="async" data-nimg="1" class="h-16 w-auto md:h-[110px] md:w-[270px]"
                    loading="lazy" style="color: transparent;">
                <p class="text-base" style="color: rgb(255, 255, 255);"><?php echo e(!$config ? '' : $config->web_description); ?></p>
            </div>
            <div class="mt-12 grid w-full grid-cols-2 gap-6 lg:gap-10 gap-y-10 md:flex lg:justify-between xl:mt-0"
                style="color: rgb(255, 255, 255);">
                <div class="w-full">
                    <h3 class="text-sm font-bold uppercase" style="color: rgb(112, 127, 235);">Peta Situs</h3>
                    
                    <ul class="mt-4 space-y-4">
                       <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('home')); ?>">Beranda</a></li>
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('price')); ?>">Daftar Harga</a></li>
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('login')); ?>">Masuk</a></li>
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('register')); ?>">Daftar</a></li>
                    </ul>
                </div>
                <div class="w-full">
                    <h3 class="text-sm font-bold uppercase" style="color: rgb(112, 127, 235);">Top Up Lainnya</h3>
                    
                    <ul class="mt-4 space-y-4">
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('home')); ?>/order/mobile-legends-b">Mobile Legends</a></li>
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('home')); ?>/order/free-fire">Free Fire</a></li>
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('home')); ?>/order/call-of-duty">Call of Duty Mobile</a></li>
                        <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('home')); ?>/order/genshin-impact">Genshin Impact</a></li>
                    </ul>
                </div>
                <div class="w-full">
                    <h3 class="text-sm font-bold uppercase" style="color: rgb(112, 127, 235);">Legalitas</h3>
                    <ul class="mt-4 space-y-4">
                       <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('about-us')); ?>">About Us</a></li>
                       <li><a class="text-sm hover:text-primary-400" href="<?php echo e(route('Terms-and-conditions')); ?>">Syarat & Ketentuan</a></li>
                    </ul>
                </div>
            </div>
        </div>    
                <div class="mt-12 flex flex-col gap-1 md:flex-row lg:flex-row border-t pt-8 place-items-start" style="border-color: rgb(255, 255, 255);">
                <p class="text-xs xs:text-center" style="color: rgb(255, 255, 255);">Copyright © 2023 <?php echo e(!$config ? '' : $config->web_title); ?>.</p>
                </div>  
        </div>
    
</footer><?php /**PATH /home/nvdstor2/demo3.nvdstoreindonesia.com/system/resources/views////footer.blade.php ENDPATH**/ ?>