diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 54d3c3e..bf719d2 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,5 +1,5 @@
 <!doctype html>
-<html>
+<html class="scroll-smooth">
   <head>
     <meta charset="UTF-8" />
 	<title>Beranda | Sekolah Adiwiyata DKI Jakarta</title>
@@ -108,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-[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)]">
+						<a onclick="document.getElementById('section2').scrollIntoView({ behavior: 'smooth' });" class="p-3 cursor-pointer 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>
