Fix navs

Author: simonhamp

resources/views/components/footer.blade.php

@@ -323,6 +323,22 @@ class="inline-block px-px py-1.5 transition duration-300 will-change-transform h
                                 vs Flutter
                             </a>
                         </li>
+                        <li>
+                            <a
+                                href="/plugins"
+                                class="inline-block px-px py-1.5 transition duration-300 will-change-transform hover:translate-x-1 hover:text-gray-700 dark:hover:text-gray-300"
+                            >
+                                Plugins
+                            </a>
+                        </li>
+                        <li>
+                            <a
+                                href="{{ route('showcase', 'mobile') }}"
+                                class="inline-block px-px py-1.5 transition duration-300 will-change-transform hover:translate-x-1 hover:text-gray-700 dark:hover:text-gray-300"
+                            >
+                                Showcase
+                            </a>
+                        </li>
                         <li>
                             <a
                                 href="https://github.com/nativephp/mobile-air"
@@ -355,6 +371,14 @@ class="inline-block px-px py-1.5 transition duration-300 will-change-transform h
                             Documentation
                         </a>
                     </li>
+                    <li>
+                        <a
+                            href="{{ route('showcase', 'desktop') }}"
+                            class="inline-block px-px py-1.5 transition duration-300 will-change-transform hover:translate-x-1 hover:text-gray-700 dark:hover:text-gray-300"
+                        >
+                            Showcase
+                        </a>
+                    </li>
                     <li>
                         <a
                             href="https://github.com/nativephp/desktop"

resources/views/components/mobile-free-banner.blade.php

@@ -1,6 +1,7 @@
 <a
     href="/blog/nativephp-for-mobile-is-now-free"
     onclick="fathom.trackEvent('mobile_free_banner_click');"
+    data-site-banner
     class="group relative z-30 flex flex-col items-center justify-center gap-x-3 gap-y-2.5 overflow-hidden bg-gradient-to-r from-emerald-100 via-teal-50 to-cyan-100 px-5 py-3 select-none 3xs:flex-row dark:from-emerald-950/50 dark:via-teal-950/50 dark:to-cyan-950/50"
 >
     {{-- Label --}}

resources/views/components/navbar/mobile-menu.blade.php

@@ -2,8 +2,19 @@
     x-init="
         () => {
             // Sync Popover ➜ Alpine
-            $refs.mobilePopover.addEventListener('toggle', () => {
+            $refs.mobilePopover.addEventListener('toggle', (e) => {
                 showMobileMenu = $refs.mobilePopover.matches(':popover-open')
+
+                // Scroll past the banner when menu opens
+                if (e.newState === 'open') {
+                    const banner = document.querySelector('[data-site-banner]')
+                    if (banner) {
+                        const bannerBottom = banner.offsetTop + banner.offsetHeight
+                        if (window.scrollY < bannerBottom) {
+                            window.scrollTo({ top: bannerBottom, behavior: 'smooth' })
+                        }
+                    }
+                }
             })
 
             // Sync Alpine ➜ Popover

resources/views/components/the-vibes-banner.blade.php

@@ -1,6 +1,7 @@
 <a
     href="/the-vibes"
     onclick="fathom.trackEvent('the_vibes_banner_click');"
+    data-site-banner
     class="group relative z-30 flex flex-col items-center justify-center gap-x-3 gap-y-2.5 overflow-hidden bg-gradient-to-r from-violet-100 via-indigo-50 to-violet-100 px-5 py-3 select-none 3xs:flex-row dark:from-violet-950/50 dark:via-indigo-950/50 dark:to-violet-950/50"
 >
     {{-- Label --}}