feat: simplify hero to single tagline

app/layouts/topnav.vue

@@ -47,14 +47,12 @@
       >
         <!-- Hero content for home page -->
         <template v-if="isHomePage && collapseProgress < 1" #hero>
-          <div class="text-center mb-4" :style="{ opacity: 1 - collapseProgress }">
+          <h1
-            <h1 class="text-4xl lg:text-5xl font-bold text-white mb-2">
+            class="text-3xl lg:text-4xl font-bold text-white mb-4"
-              {{ $t('hero.title', 'Оптовая торговля') }}
+            :style="{ opacity: 1 - collapseProgress }"
-            </h1>
+          >
-            <p class="text-lg text-white/70">
+            {{ $t('hero.tagline', 'Make trade easy') }}
-              {{ $t('hero.subtitle', 'Найдите лучших поставщиков и товары') }}
+          </h1>
-            </p>
-          </div>
         </template>
       </MainNavigation>
 

i18n/locales/en/hero.json

@@ -1,6 +1,7 @@
 {
   "hero": {
     "title": "Wholesale Trading",
-    "subtitle": "Find the best suppliers and products"
+    "subtitle": "Find the best suppliers and products",
+    "tagline": "Make trade easy"
   }
 }

i18n/locales/ru/hero.json

@@ -1,6 +1,7 @@
 {
   "hero": {
     "title": "Оптовая торговля",
-    "subtitle": "Найдите лучших поставщиков и товары"
+    "subtitle": "Найдите лучших поставщиков и товары",
+    "tagline": "Торговля — это просто"
   }
 }