63 lines
4.8 KiB
PHP
63 lines
4.8 KiB
PHP
<?= $this->extend('layout/home') ?>
|
|
|
|
<?= $this->section('content') ?>
|
|
|
|
<div class="flex justify-between items-center py-32">
|
|
<div class="animate-slide-left-to-right">
|
|
<?= $this->include('components/flash') ?>
|
|
<div class="uppercase text-6xl font-bold py-5">
|
|
BIMANET<span class="text-black">.</span>
|
|
</div>
|
|
<div>
|
|
Selamat datang di jaringan internet unggulan kami, tempat di mana kecepatan bertemu kenyamanan. <br/>
|
|
Sambut hari-harimu dengan konektivitas yang tak tertandingi, hanya dengan kami!
|
|
</div>
|
|
<div class="py-5">
|
|
<a href="<?= session()->id ? '#' : base_url('register') ?>" class="transition-color duration-300 rounded-full py-2 px-5 text-2xl border-2 border-white hover:bg-white hover:text-sky-500 uppercase font-bold animate-pulse">Daftar Sekarang</a>
|
|
</div>
|
|
</div>
|
|
<div class="animate-slide-right-to-left">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-64 h-64 transition duration-500 hover:-rotate-12">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.25 5.25 0 0 1 7.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 0 1 1.06 0Z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-center items-center py-32">
|
|
<div class="animate-slide-bottom-to-top">
|
|
<div class="flex gap-20 justify-center items-center">
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="transition- duration-300 w-20 h-20 hover:w-32 hover:h-32">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="transition- duration-300 w-20 h-20 hover:w-32 hover:h-32">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="transition- duration-300 w-20 h-20 hover:w-32 hover:h-32">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" />
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="transition- duration-300 w-20 h-20 hover:w-32 hover:h-32">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205 3 1m1.5.5-1.5-.5M6.75 7.364V3h-3v18m3-13.636 10.5-3.819" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mx-64 pt-20 font-semibold">Kami adalah penyedia solusi yang menyeluruh, cocok untuk kebutuhan Anda di berbagai bidang. Dari menyediakan infrastruktur server yang handal hingga memberikan solusi rumah pintar yang nyaman, dari menyokong operasional kantor dengan teknologi terkini hingga memberikan pengalaman berbelanja yang memuaskan di toko kami. Kami hadir untuk memenuhi kebutuhan Anda di setiap langkah.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
<?= $this->section('script') ?>
|
|
|
|
<script>
|
|
|
|
</script>
|
|
|
|
<?= $this->endSection() ?>
|