diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index a2cf564..cac2bff 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -194,7 +194,6 @@
     </div>
 @endsection
 @section('js')
-<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
         {{-- <script src="{{asset('assets/js/app.bundle.js')}}"></script> --}}
 <script>
         $('.npsn').on('keyup', function(){
diff --git a/resources/views/layouts/appNew.blade.php b/resources/views/layouts/appNew.blade.php
index f939895..42f5b5e 100644
--- a/resources/views/layouts/appNew.blade.php
+++ b/resources/views/layouts/appNew.blade.php
@@ -147,10 +147,38 @@
                     <div class="h-6 w-[1px] bg-slate-200"></div>
                     <a href="{{ url('login') }}" class="px-6 py-2.5 flex  items-center gap-2 rounded-full green-gradient text-white text-sm font-bold shadow-lg shadow-emerald-200 hover:shadow-emerald-300 transform hover:scale-105 transition">Masuk <span class="material-symbols-outlined text-lg">login</span></a>
                 </div>
-                <button class="md:hidden text-slate-600"><span class="material-symbols-outlined">menu</span></button>
+                <button id="btnMobileMenu" class="md:hidden text-slate-600">
+                    <span class="material-symbols-outlined">menu</span>
+                </button>
+
+                {{-- <button class="md:hidden text-slate-600"><span class="material-symbols-outlined">menu</span></button> --}}
             </div>
         </div>
     </nav>
+
+    <!-- Mobile Menu -->
+    <div id="mobileMenu" class="fixed top-20 inset-x-0 z-40 hidden bg-white border-t border-slate-200 shadow-lg md:hidden">
+        <div class="px-6 py-6 space-y-4">
+            <a href="{{ url('/') }}" class="block text-sm font-semibold text-slate-700 hover:text-emerald-600">
+                Beranda
+            </a>
+            <a href="{{ url('/sekolah') }}" class="block text-sm font-semibold text-slate-700 hover:text-emerald-600">
+                Daftar Sekolah Adiwiyata
+            </a>
+            <a href="{{ url('/kegiatan') }}" class="block text-sm font-semibold text-slate-700 hover:text-emerald-600">
+                Kegiatan Sekolah Adiwiyata
+            </a>
+
+            <div class="pt-4 border-t">
+                <a href="{{ url('login') }}"
+                class="w-full flex justify-center items-center gap-2 px-6 py-3 rounded-full green-gradient text-white text-sm font-bold shadow-lg">
+                    Masuk
+                    <span class="material-symbols-outlined text-lg">login</span>
+                </a>
+            </div>
+        </div>
+    </div>
+
 	
 	@yield('content')
 
@@ -172,8 +200,27 @@
             </div>
         </div>
     </footer>
-		
+	<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
     @yield('js')
+    <script>
+        $(document).ready(function () {
+
+            $('#btnMobileMenu').on('click', function () {
+                $('#mobileMenu').slideToggle(200);
+
+                let icon = $(this).find('.material-symbols-outlined');
+                icon.text(icon.text() === 'menu' ? 'close' : 'menu');
+            });
+
+            // Auto close ketika klik menu
+            $('#mobileMenu a').on('click', function () {
+                $('#mobileMenu').slideUp(200);
+                $('#btnMobileMenu .material-symbols-outlined').text('menu');
+            });
+
+        });
+        </script>
+
 	<script>
         // Smooth scroll implementation
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
diff --git a/resources/views/sekolah.blade.php b/resources/views/sekolah.blade.php
index ce17253..cd518c6 100644
--- a/resources/views/sekolah.blade.php
+++ b/resources/views/sekolah.blade.php
@@ -3,7 +3,7 @@
 @section('css')
 @endsection
 @section('content')
-<section id="directory" class="py-20 bg-white">
+<section id="directory" class="py-40 bg-white">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="text-center mb-16">
                 <h3 class="text-3xl font-extrabold text-slate-900 mb-4">Direktori Sekolah Adiwiyata</h3>
@@ -45,7 +45,6 @@
         </div>
     </section>
 @section('js')
-<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
 <script>
 $(document).ready(function () {