diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index e5efbea..b5099bc 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -157,7 +157,7 @@
 			</div>
 		</div>
 	</section>
-	<section id="section2" class="container mx-auto p-12 md:py-12">
+	<section id="section3" class="container mx-auto p-12 md:py-12">
 		<div class="flex justify-between mb-15">
 			<h4 class="text-lg md:text-2xl font-extrabold text-black">Kegiatan Adiwiyata</h4>
 			<a href="#section2" class="p-2 text-white text-sm bg-warning rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 ">
@@ -224,5 +224,120 @@
 	
 		</div>
 	</section>
+	<section id="section4" class="container mx-auto p-12 md:py-12">
+		<div class="flex justify-between mb-15">
+			<h4 class="text-lg md:text-2xl font-extrabold text-black">Galeri Adiwiyata</h4>
+			<a href="{{ url('galeri') }}" class="p-2 text-white text-sm bg-warning rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 ">
+				<span>Lihat Semua</span> <x-lucide-arrow-right width="20" class="text-white text-right"/>
+			</a>
+		</div>
+		<div class="flex flex-row gap-10">
+			<div class="grid grid-rows-1 md:grid-cols-3 lg:grid-cols-4 gap-5">
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+				<div class="relative group  w-full overflow-hidden rounded-lg shadow-[10px_10px_10px_0px_rgba(0,0,0,0.25)]">
+					<img src="{{ asset('berita.png') }}" class="w-full h-auto object-cover" alt="Berita">
+					<div class="absolute inset-0 bg-success bg-opacity-50 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-center p-4 gap-3">
+						<h4 class="font-bold text-white w-50">Tanaman Hidproponik SMKN 63 Jakarta</h4>
+						<p class="text-white text-sm font-normal">1 Agustus 2025</p>
+						<a href="{{ url('galeri') }}" class="p-2 text-black text-sm bg-white opacity-50 rounded-[10px] mx-auto md:mx-0 text-center flex flex-row justify-between gap-3 w-40 ">
+							<span>Lihat Detail</span> <x-lucide-arrow-right width="20" class="text-black text-right"/>
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section id="footer">
+		<div class="bg-success p-3 ">
+			<div class="container mx-auto">
+				<div class="flex justify-between items-center">
+					<div class="flex gap-5 items-center">
+						<div>
+							<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>
+						<div>
+							<h5 class="text-white font-bold mb-0">Sistem Informasi Adiwiyata</h5>
+							<span class="text-white text-xs">Dinas Lingkungan Hidup DKI Jakarta</span>
+						</div>
+					</div>
+					<div>
+						<span class="text-white text-xs">© 2025 </span>
+					</div>
+				</div>
+				
+			</div>
+		</div>
+	</section>
   </body>
 </html>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index f156164..6729c5d 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -39,8 +39,8 @@ Route::middleware(Session::class)->name('modules.')->group(function () {
 
 
 Route::get('/', function () {
-    // return view('index');
-    return redirect('login');
+    return view('index');
+    // return redirect('login');
 });