Main page shows hero, redirects to /catalog on first selection

app/composables/useCatalogSearch.ts

@@ -157,6 +157,13 @@ export function useCatalogSearch() {
     return 'hero'
   })
 
+  // Check if we're on the main page (not /catalog)
+  const localePath = useLocalePath()
+  const isMainPage = computed(() => {
+    const catalogPath = localePath('/catalog')
+    return !route.path.startsWith(catalogPath)
+  })
+
   // Navigation helpers
   const updateQuery = (updates: Partial<LocationQuery>) => {
     const newQuery = { ...route.query }
@@ -169,8 +176,13 @@ export function useCatalogSearch() {
       }
     })
 
+    // If on main page and adding filters, navigate to /catalog
+    if (isMainPage.value && Object.keys(newQuery).length > 0) {
+      router.push({ path: localePath('/catalog'), query: newQuery })
+    } else {
       router.push({ query: newQuery })
     }
+  }
 
   const startSelect = (type: SelectMode) => {
     updateQuery({ select: type })
@@ -197,8 +209,12 @@ export function useCatalogSearch() {
   }
 
   const clearAll = () => {
+    if (isMainPage.value) {
+      router.push({ path: localePath('/catalog'), query: {} })
+    } else {
       router.push({ query: {} })
     }
+  }
 
   // Text search (for filtering within current grid)
   const searchQuery = ref('')

app/pages/index.vue

@@ -1,13 +1,44 @@
 <template>
-  <div></div>
+  <CatalogPage
+    :items="[]"
+    :loading="false"
+    :total-count="0"
+    :with-map="false"
+    map-id="main-catalog-map"
+  >
+    <template #searchBar>
+      <UnifiedSearchBar
+        :active-tokens="activeTokens"
+        :available-chips="availableChips"
+        :select-mode="selectMode"
+        :search-query="searchQuery"
+        @start-select="startSelect"
+        @cancel-select="cancelSelect"
+        @edit-token="editFilter"
+        @remove-token="removeFilter"
+        @update:search-query="searchQuery = $event"
+      />
     </template>
 
-<script setup>
+    <template #empty>
-// Redirect to unified catalog
+      <CatalogHero @start-select="startSelect" />
+    </template>
+  </CatalogPage>
+</template>
+
+<script setup lang="ts">
 definePageMeta({
   layout: 'topnav'
 })
 
-const localePath = useLocalePath()
+const {
-await navigateTo(localePath('/catalog'), { replace: true })
+  selectMode,
+  searchQuery,
+  activeTokens,
+  availableChips,
+  startSelect,
+  cancelSelect,
+  removeFilter,
+  editFilter
+} = useCatalogSearch()
 </script>