diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 67a4d99..39b86c6 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -44,40 +44,45 @@
 	</style>
   </head>
   <body>
-	<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">
-				<a href="{{ url('/') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
-					<img src="{{ asset('assets/logo-dinas.ico') }}" class="h-8" />
-				</a>
-				<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-cta">
-					<ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 bg-white">
-						<li>
-							<a href="#" class="block py-2 px-3 text-success" aria-current="page">Beranda</a>
-						</li>
-						<li>
-							<a href="#" class="block py-2 px-3">Sekolah Adiwiyata</a>
-						</li>
-						<li>
-							<a href="#" class="block py-2 px-3">Kegiatan Adiwiyata</a>
-						</li>
-						<li>
-							<a href="#" class="block py-2 px-3">Galeri</a>
-						</li>
-					</ul>
+	<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">
+					<a href="{{ url('/') }}" class="flex items-center space-x-3 rtl:space-x-reverse">
+						<img src="{{ asset('assets/logo-dinas.ico') }}" class="h-8" />
+					</a>
+					<div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-cta">
+						<ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 bg-white">
+							<li>
+								<a href="#" class="block py-2 px-3 text-success" aria-current="page">Beranda</a>
+							</li>
+							<li>
+								<a href="#" class="block py-2 px-3">Sekolah Adiwiyata</a>
+							</li>
+							<li>
+								<a href="#" class="block py-2 px-3">Kegiatan Adiwiyata</a>
+							</li>
+							<li>
+								<a href="#" class="block py-2 px-3">Galeri</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+				<div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
+					<button data-collapse-toggle="navbar-cta" type="button" class="inline-flex items-right p-2 w-10 h-10 justify-end text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-cta" aria-expanded="false">
+						<span class="sr-only">Open main menu</span>
+						<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 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="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 class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
-				<button data-collapse-toggle="navbar-cta" type="button" class="inline-flex items-right p-2 w-10 h-10 justify-end text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-cta" aria-expanded="false">
-					<span class="sr-only">Open main menu</span>
-					<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 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>
 			</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">
