<?php $__env->startSection('content'); ?>
<?php echo $__env->make('../navbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


<style>
    .rounded-2xl {
    border-radius: 1rem;
}
.rounded-2xl {
    border-radius: 1rem;
}

.css-scrciq {
    border: 1px solid rgba(203, 203, 203, 0.5);
    background: linear-gradient(163.42deg, rgb(50, 50, 62) -50%, rgba(255, 255, 255, 0) 105.46%);
}

@media (min-width: 768px)
.md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.tracking-\[0\.2em\] {
    letter-spacing: .2em;
}
.leading-\[26px\] {
    line-height: 26px;
}
.font-semibold {
    font-weight: 600;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}
</style>

<main class="min-h-[50vh]">
    <div class="relative">
        <div class="absolute inset-0 max-h-[9rem] sm:max-h-[11.5rem] md:max-h-[11.5rem] lg:max-h-[14rem]">
            <div class="relative h-full w-full">
                <img
                    alt=""
                    sizes="100vw"
                    srcset="
                       /assets/image/footer.png
                    "
                    src="/assets/image/footer.png"
                    decoding="async"
                    data-nimg="fill"
                    class="object-cover"
                    style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
                />
                <div class="absolute inset-0 bg-gray-300 mix-blend-multiply" aria-hidden="true"></div>
                <div class="absolute left-0 top-0 w-full h-full flex items-center justify-center"><h1 class="text-[24px] lg:text-[30px] font-semibold leading-[26px] tracking-[0.2em] text-center">PEMBUATAN WEBSITE</h1></div>
            </div>
        </div>
        <div class="relative mx-auto max-w-7xl py-[5.5rem] lg:py-24 px-4 sm:py-24 sm:px-6 lg:px-8"></div>
    </div>
    <div class="mx-auto max-w-7xl px-4 md:px-8 lg:px-10 pt-2 md:pt-8 lg:pt-10 pb-16 flex flex-col gap-12 md:gap-16 lg:gap-20">
        <div class="flex flex-col">
            <h2 class="text-lg md:text-xl lg:text-2xl font-semibold leading-[26px] tracking-[0.2em] mb-8 text-center mt-4">GEMTECH ID</h2>
            <div class="rounded-2xl css-scrciq">
                <div class="flex flex-col">
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-3 md:gap-8 lg:gap-10 p-6 border-b border-[#626274]">
                        <p class="text-justify leading-7">
                            Buat kamu pengusaha yang ingin memiliki website topup game seperti ini kamu bisa membuatnya loh.
                        </p>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2">
                        <div class="p-6 flex lg:flex-row md:flex-row flex-col border-b lg:border-b-0 md:border-b-0 md:border-r lg:border-r border-[#626274] gap-3 items-start">
                            <div class="flex flex-col gap-3">
                                <h3 class="text-[20px] font-semibold">Fitur</h3>
                                <p class="leading-7">
                                <p class="text-justify leading-7">
                                1. Multi Provider (Digiflazz, Apigames,VIP-Reseller,Alpharamz)
                                </p>
                                2. Payment Gateway (Tripay, Tokopay)
                                <p class="text-justify leading-7">
                                3. Transaksi Otomatis
</p>
<p class="text-justify leading-7">
                                Dan masih banyak lagi
                                </p>
                            </div>
                        </div>
                        <div class="p-6 flex lg:flex-row md:flex-row flex-col border-b lg:border-b-0 md:border-b-0 md:border-r lg:border-r border-[#626274] gap-3 items-start">
                            <div class="flex flex-col gap-3">
                                <h3 class="text-[20px] font-semibold">Harga</h3>
                                <p class="leading-7">
                                <p class="text-justify leading-7">
                                Rp. 700.000 (Sudah termasuk biaya pemasangan  hosting, domain .com selama 1 tahun)
                                </p>
                            </div>
                        </div>
                        <div class="p-6 flex lg:flex-row md:flex-row flex-col gap-3 items-start">
                            <div class="flex flex-col gap-3">
    <h3 class="text-[20px] font-semibold">Client</h3>
    <p class="leading-7" style="color: blue;">
    <a href="https://aninnstore.com" target="_blank">Aninn Store</a><br>
</p>
</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex flex-col">
            <h2 class="text-lg md:text-xl lg:text-2xl font-semibold leading-[26px] tracking-[0.2em] mb-8">KONTAK KAMI</h2>
            <div class="flex lg:flex-row md:flex-row flex-col gap-4 md:items-start lg:items-start">
                
                <p class="leading-7">
                    <strong>Lugas Prasetiyo</strong> <br />
                    <i class="fas fa-envelope " aria-hidden="true"></i> : lugas.prasetio@gmail.com<br>
                    <i class="fab fa-whatsapp"></i> : 085237859745<br>
                </p>
            </div>
        </div>
    </div>
</main>


<?php echo $__env->make('../footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
  <?php $__env->stopSection(); ?>
<?php echo $__env->make('../main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/gemc7333/public_html/system/resources/views/components/2contact.blade.php ENDPATH**/ ?>