refactor: separate landing hero section from fixed header

app/layouts/topnav.vue

@@ -9,8 +9,6 @@
     <div class="flex-1 flex flex-col" :style="contentStyle">
       <!-- Fixed Header Container -->
       <div class="header-glass fixed inset-x-0 top-0 z-50 border-0" :style="headerContainerStyle">
-      <!-- Static hero background for home page -->
-      <HeroBackground v-if="isHomePage" :height="heroBaseHeight" />
       <div class="header-glass-backdrop" aria-hidden="true" />
 
       <!-- MainNavigation -->
@@ -59,16 +57,7 @@
         @update:search-query="searchQuery = $event"
         @update-quantity="setQuantity"
         @search="onSearch"
-      >
-        <!-- Hero content for home page -->
-        <template v-if="isHomePage" #hero>
-          <h1
-            class="text-3xl lg:text-5xl font-black tracking-tight text-white mb-4"
-          >
-            {{ $t('hero.tagline', 'Make trade easy') }}
-          </h1>
-        </template>
-      </MainNavigation>
+      />
 
       <!-- Sub Navigation (section-specific tabs) - only for non-catalog/non-home/non-clientarea sections -->
       <SubNavigation
@@ -233,7 +222,7 @@ const headerContainerStyle = computed(() => {
 // Main content padding-top to compensate for fixed header
 const mainStyle = computed(() => {
   if (isCatalogSection.value) return { paddingTop: '0' }
-  if (isHomePage.value) return { paddingTop: `${heroBaseHeight.value}px` }
+  if (isHomePage.value) return { paddingTop: '100px' }
   if (isClientArea.value) return { paddingTop: '116px' }  // Header only, no SubNav
   return { paddingTop: '154px' }
 })