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

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>
+
+    <template #empty>
+      <CatalogHero @start-select="startSelect" />
+    </template>
+  </CatalogPage>
 </template>
 
-<script setup>
-// Redirect to unified catalog
+<script setup lang="ts">
 definePageMeta({
   layout: 'topnav'
 })
 
-const localePath = useLocalePath()
-await navigateTo(localePath('/catalog'), { replace: true })
+const {
+  selectMode,
+  searchQuery,
+  activeTokens,
+  availableChips,
+  startSelect,
+  cancelSelect,
+  removeFilter,
+  editFilter
+} = useCatalogSearch()
 </script>