From 8755ddd539dfc4eab15184ac2b2f82792745b440 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sun, 1 Mar 2026 15:02:32 -0500
Subject: [PATCH] fix: dynamically measure navbar height for hero section
 sizing

---
 themes/lucentui/views/home.blade.php | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php
index dcdd7dcd0..155d89c1f 100644
--- a/themes/lucentui/views/home.blade.php
+++ b/themes/lucentui/views/home.blade.php
@@ -10,7 +10,7 @@
     {{-- ═══════════════════════════════════════════════════════════════
          SECTION 1 — HERO  (full viewport, always visible)
     ═══════════════════════════════════════════════════════════════ --}}
-    <section class="relative flex items-center overflow-hidden" style="min-height: calc(100vh - 4rem);">
+    <section class="relative flex items-center overflow-hidden" style="min-height: calc(100dvh - var(--nav-h, 4rem));">
         <!-- Parallax ambient blobs -->
         <div class="absolute inset-0 pointer-events-none overflow-hidden">
             <div class="absolute -top-40 -right-40 w-[500px] h-[500px] bg-primary/20 rounded-full blur-[120px] animate-pulse"
@@ -840,4 +840,15 @@
     observe();
     document.addEventListener('livewire:navigated', observe);
 })();
+
+/* ── Dynamically measure navbar height ── */
+(function () {
+    function setNavH() {
+        const nav = document.querySelector('nav.fixed');
+        if (nav) document.documentElement.style.setProperty('--nav-h', nav.offsetHeight + 'px');
+    }
+    setNavH();
+    window.addEventListener('resize', setNavH);
+    document.addEventListener('livewire:navigated', setNavH);
+})();
 </script>