main
ilhamwara 2025-08-05 19:40:15 +07:00
parent afa55f4b2c
commit 864f813a20
1 changed files with 39 additions and 34 deletions

View File

@ -44,6 +44,7 @@
</style>
</head>
<body>
<div class="bg-white border-b-1 border-b-[#eaeaea]">
<div class="container mx-auto">
<div class="flex flex-between justify-between items-center gap-5 mx-auto p-5">
<div class="flex flex-row gap-10">
@ -74,10 +75,14 @@
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
</svg>
</button>
<a href="{{ url('login') }}" class="text-white bg-success focus:outline-none rounded-lg text-sm px-4 py-2 text-right">Login</a>
<a href="{{ url('login') }}" class="p-3 text-white bg-success rounded-[10px] mx-auto md:mx-0 text-center flex flex-row gap-3">
<span>Login</span> <x-lucide-log-in width="20" class="text-white"/>
</a>
</div>
</div>
</div>
</div>
<section id="section1" class="relative overflow-hidden md:pt-20" style="min-height: 95vh">
<!-- Enhanced Animated Background Elements -->
<div class="absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-gray-100">
@ -103,7 +108,7 @@
<p class="mb-5 text-gray-600 text-lg max-w-2xl leading-relaxed mb-2 animate-fade-in" style="animation-delay: 0.8s">
Sistem Informasi Adiwiyata. <br> Pusat Pengembangan Generasi Lingkungan Hidup
</p>
<a href="#section2" class="p-3 text-white bg-success rounded-full mx-auto md:mx-0 w-50 text-center flex flex-row gap-3 shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<a href="#section2" class="p-3 text-white bg-success rounded-[10px] mx-auto md:mx-0 w-50 text-center flex flex-row gap-3 shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<span>Lihat Selengkapnya</span> <x-lucide-arrow-down width="20" class="text-white"/>
</a>
</div>
@ -118,7 +123,7 @@
</section>
<section id="section2" class="container mx-auto p-12 md:py-12">
<div class="grid grid-rows-1 md:grid-cols-3 gap-5">
<div class="bg-danger flex flex-col justify-center text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<div class="bg-danger flex flex-col justify-around text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<div class="text-6xl lg:text-7xl font-extrabold text-center">68</div>
<div class="flex justify-around items-center">
<div class="flex flex-col">
@ -130,7 +135,7 @@
</div>
</div>
</div>
<div class="bg-info flex flex-col justify-center text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<div class="bg-info flex flex-col justify-around text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<div class="text-6xl lg:text-7xl font-extrabold text-center">137</div>
<div class="flex justify-around items-center">
<div class="flex flex-col">
@ -142,7 +147,7 @@
</div>
</div>
</div>
<div class="bg-warning flex flex-col justify-center text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<div class="bg-warning flex flex-col justify-around text-white rounded-xl gap-3 min-h-[30vh] shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
<div class="text-6xl lg:text-7xl font-extrabold text-center">89</div>
<div class="flex justify-around items-center">
<div class="flex flex-col">