From 066ffe79efb2116711595294665070fe07bcb64d Mon Sep 17 00:00:00 2001
From: 777genius <quantjumppro@gmail.com>
Date: Tue, 5 May 2026 09:15:47 +0300
Subject: [PATCH] feat(landing): add documentation links

---
 landing/components/layout/AppHeader.vue     |  2 +-
 landing/components/sections/HeroSection.vue | 59 +++++++++++++++++++--
 landing/locales/ar.json                     |  2 +
 landing/locales/de.json                     |  2 +
 landing/locales/en.json                     |  2 +
 landing/locales/es.json                     |  2 +
 landing/locales/fr.json                     |  2 +
 landing/locales/hi.json                     |  2 +
 landing/locales/ja.json                     |  2 +
 landing/locales/pt.json                     |  2 +
 landing/locales/ru.json                     |  2 +
 landing/locales/zh.json                     |  2 +
 12 files changed, 77 insertions(+), 4 deletions(-)

diff --git a/landing/components/layout/AppHeader.vue b/landing/components/layout/AppHeader.vue
index 208cd008..16e3a4eb 100644
--- a/landing/components/layout/AppHeader.vue
+++ b/landing/components/layout/AppHeader.vue
@@ -11,10 +11,10 @@ const docsHref = computed(() => withBase(locale.value === 'ru' ? 'docs/ru/' : 'd
 
 const navItems = computed(() => [
   { href: '#screenshots', label: t('nav.screenshots') },
+  { href: docsHref.value, label: t('nav.docs') },
   { href: '#download', label: t('nav.download') },
   { href: '#comparison', label: t('nav.comparison') },
   { href: '#pricing', label: t('nav.pricing') },
-  { href: docsHref.value, label: t('footer.links.docs') },
   { href: '#faq', label: t('nav.faq') },
 ]);
 </script>
diff --git a/landing/components/sections/HeroSection.vue b/landing/components/sections/HeroSection.vue
index 3764a55d..3cf730fb 100644
--- a/landing/components/sections/HeroSection.vue
+++ b/landing/components/sections/HeroSection.vue
@@ -1,5 +1,10 @@
 <script setup lang="ts">
-import { mdiRobotOutline, mdiViewDashboardOutline, mdiOpenSourceInitiative } from '@mdi/js';
+import {
+  mdiBookOpenPageVariantOutline,
+  mdiRobotOutline,
+  mdiViewDashboardOutline,
+  mdiOpenSourceInitiative,
+} from '@mdi/js';
 
 const { content } = useLandingContent();
 const { t, locale } = useI18n();
@@ -9,6 +14,7 @@ const workflowVideoSrc = 'https://github.com/user-attachments/assets/35e27989-72
 const downloadStore = useDownloadStore();
 const { resolve, data: releaseData } = useReleaseDownloads();
 const { repoUrl, latestReleaseUrl, releaseDownloadUrl } = useGithubRepo();
+const withBase = (path: string) => `${baseURL.replace(/\/?$/, '/')}${path.replace(/^\/+/, '')}`;
 
 const releaseVersion = computed(() => releaseData.value?.version || null);
 const releaseDate = computed(() => {
@@ -31,6 +37,7 @@ const heroDownloadUrl = computed(() => {
 });
 
 const devBranchUrl = computed(() => `${repoUrl.value}/tree/dev`);
+const docsHref = computed(() => withBase(locale.value === 'ru' ? 'docs/ru/' : 'docs/'));
 const devBranchNote = computed(() =>
   locale.value === 'ru'
     ? 'Самая свежая версия в ветке dev - можно развернуть локально.'
@@ -59,7 +66,7 @@ const devBranchNote = computed(() =>
     <v-container class="hero-section__container">
       <v-row align="center" justify="space-between">
         <!-- Left: Text content -->
-        <v-col cols="12" md="6" class="hero-section__content">
+        <v-col cols="12" md="7" class="hero-section__content">
           <h1 class="hero-section__title">
             <img
               :src="`${baseURL}logo-192.png`"
@@ -85,6 +92,15 @@ const devBranchNote = computed(() =>
             >
               {{ t('hero.downloadNow') }}
             </v-btn>
+            <v-btn
+              variant="outlined"
+              size="large"
+              :href="docsHref"
+              class="hero-section__btn-docs"
+              :prepend-icon="mdiBookOpenPageVariantOutline"
+            >
+              {{ t('hero.ctaDocs') }}
+            </v-btn>
             <v-btn
               variant="outlined"
               size="large"
@@ -261,13 +277,20 @@ const devBranchNote = computed(() =>
 /* ─── Actions ─── */
 .hero-section__actions {
   display: flex;
-  gap: 14px;
+  gap: 10px;
   flex-wrap: wrap;
   margin-bottom: 12px;
   animation: heroFadeIn 0.8s ease both;
   animation-delay: 0.4s;
 }
 
+.hero-section__actions :deep(.v-btn) {
+  min-width: 0 !important;
+  height: 44px !important;
+  padding-inline: 18px !important;
+  font-size: 0.92rem !important;
+}
+
 .hero-section__dev-note {
   display: inline-flex;
   max-width: 460px;
@@ -328,6 +351,29 @@ const devBranchNote = computed(() =>
   background: rgba(0, 240, 255, 0.06) !important;
 }
 
+.hero-section__btn-docs {
+  border-color: rgba(57, 255, 20, 0.38) !important;
+  color: #d6ffe1 !important;
+  font-weight: 700 !important;
+  letter-spacing: 0.02em !important;
+  background: rgba(57, 255, 20, 0.05) !important;
+  box-shadow: inset 0 0 0 1px rgba(57, 255, 20, 0.06) !important;
+  transition: all 0.3s ease !important;
+}
+
+.hero-section__btn-docs:hover {
+  border-color: rgba(57, 255, 20, 0.62) !important;
+  color: #39ff14 !important;
+  background: rgba(57, 255, 20, 0.09) !important;
+  transform: translateY(-1px) !important;
+}
+
+.v-theme--light .hero-section__btn-docs {
+  color: #0d5f2c !important;
+  border-color: rgba(13, 95, 44, 0.32) !important;
+  background: rgba(255, 255, 255, 0.6) !important;
+}
+
 /* ─── Trust indicators ─── */
 .hero-section__trust {
   display: flex;
@@ -517,9 +563,16 @@ const devBranchNote = computed(() =>
   }
 
   .hero-section__actions {
+    flex-direction: column;
+    align-items: stretch;
+    max-width: 320px;
     margin-bottom: 12px;
   }
 
+  .hero-section__actions :deep(.v-btn) {
+    width: 100%;
+  }
+
   .hero-section__dev-note {
     max-width: 320px;
     margin-bottom: 20px;
diff --git a/landing/locales/ar.json b/landing/locales/ar.json
index 9bbcfcc8..316ffad0 100644
--- a/landing/locales/ar.json
+++ b/landing/locales/ar.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "المميزات",
     "screenshots": "لقطات الشاشة",
+    "docs": "التوثيق",
     "comparison": "المقارنة",
     "download": "تحميل",
     "pricing": "مجاني",
@@ -13,6 +14,7 @@
     "downloadNow": "حمّل الآن",
     "ctaPrimary": "تحميل لـ {platform}",
     "ctaSecondary": "مقارنة",
+    "ctaDocs": "التوثيق",
     "preview": "معاينة المنتج",
     "trust": {
       "agentTeams": "فرق الوكلاء",
diff --git a/landing/locales/de.json b/landing/locales/de.json
index 5c40d3ec..7373d66b 100644
--- a/landing/locales/de.json
+++ b/landing/locales/de.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "Funktionen",
     "screenshots": "Screenshots",
+    "docs": "Dokumentation",
     "comparison": "Vergleich",
     "download": "Download",
     "pricing": "Kostenlos",
@@ -13,6 +14,7 @@
     "downloadNow": "Herunterladen",
     "ctaPrimary": "Für {platform} herunterladen",
     "ctaSecondary": "Vergleichen",
+    "ctaDocs": "Dokumentation",
     "preview": "Produktvorschau",
     "trust": {
       "agentTeams": "Agenten-Teams",
diff --git a/landing/locales/en.json b/landing/locales/en.json
index 16de3f6d..dc79746f 100644
--- a/landing/locales/en.json
+++ b/landing/locales/en.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "Features",
     "screenshots": "Screenshots",
+    "docs": "Documentation",
     "comparison": "Compare",
     "download": "Download",
     "pricing": "Free",
@@ -13,6 +14,7 @@
     "downloadNow": "Download Now",
     "ctaPrimary": "Download for {platform}",
     "ctaSecondary": "Compare",
+    "ctaDocs": "Documentation",
     "preview": "Product preview",
     "trust": {
       "agentTeams": "Agent Teams",
diff --git a/landing/locales/es.json b/landing/locales/es.json
index ce4ed171..f911ff4f 100644
--- a/landing/locales/es.json
+++ b/landing/locales/es.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "Funciones",
     "screenshots": "Capturas",
+    "docs": "Documentación",
     "comparison": "Comparar",
     "download": "Descargar",
     "pricing": "Gratis",
@@ -13,6 +14,7 @@
     "downloadNow": "Descargar ahora",
     "ctaPrimary": "Descargar para {platform}",
     "ctaSecondary": "Comparar",
+    "ctaDocs": "Documentación",
     "preview": "Vista previa del producto",
     "trust": {
       "agentTeams": "Equipos de agentes",
diff --git a/landing/locales/fr.json b/landing/locales/fr.json
index dc91321f..0af848a1 100644
--- a/landing/locales/fr.json
+++ b/landing/locales/fr.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "Fonctionnalités",
     "screenshots": "Captures d'écran",
+    "docs": "Documentation",
     "comparison": "Comparer",
     "download": "Télécharger",
     "pricing": "Gratuit",
@@ -13,6 +14,7 @@
     "downloadNow": "Télécharger",
     "ctaPrimary": "Télécharger pour {platform}",
     "ctaSecondary": "Comparer",
+    "ctaDocs": "Documentation",
     "preview": "Aperçu du produit",
     "trust": {
       "agentTeams": "Équipes d'agents",
diff --git a/landing/locales/hi.json b/landing/locales/hi.json
index 8675a224..4fb4ad8a 100644
--- a/landing/locales/hi.json
+++ b/landing/locales/hi.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "सुविधाएँ",
     "screenshots": "स्क्रीनशॉट",
+    "docs": "दस्तावेज़",
     "comparison": "तुलना",
     "download": "डाउनलोड",
     "pricing": "मुफ़्त",
@@ -13,6 +14,7 @@
     "downloadNow": "अभी डाउनलोड करें",
     "ctaPrimary": "{platform} के लिए डाउनलोड करें",
     "ctaSecondary": "तुलना करें",
+    "ctaDocs": "दस्तावेज़",
     "preview": "प्रोडक्ट प्रीव्यू",
     "trust": {
       "agentTeams": "एजेंट टीमें",
diff --git a/landing/locales/ja.json b/landing/locales/ja.json
index 926da228..efe26554 100644
--- a/landing/locales/ja.json
+++ b/landing/locales/ja.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "機能",
     "screenshots": "スクリーンショット",
+    "docs": "ドキュメント",
     "comparison": "比較",
     "download": "ダウンロード",
     "pricing": "無料",
@@ -13,6 +14,7 @@
     "downloadNow": "ダウンロード",
     "ctaPrimary": "{platform}版をダウンロード",
     "ctaSecondary": "比較する",
+    "ctaDocs": "ドキュメント",
     "preview": "製品プレビュー",
     "trust": {
       "agentTeams": "エージェントチーム",
diff --git a/landing/locales/pt.json b/landing/locales/pt.json
index 241661db..ba1c26ca 100644
--- a/landing/locales/pt.json
+++ b/landing/locales/pt.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "Recursos",
     "screenshots": "Capturas",
+    "docs": "Documentação",
     "comparison": "Comparar",
     "download": "Baixar",
     "pricing": "Grátis",
@@ -13,6 +14,7 @@
     "downloadNow": "Baixar agora",
     "ctaPrimary": "Baixar para {platform}",
     "ctaSecondary": "Comparar",
+    "ctaDocs": "Documentação",
     "preview": "Prévia do produto",
     "trust": {
       "agentTeams": "Equipes de agentes",
diff --git a/landing/locales/ru.json b/landing/locales/ru.json
index 41774343..f57612bf 100644
--- a/landing/locales/ru.json
+++ b/landing/locales/ru.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "Возможности",
     "screenshots": "Скриншоты",
+    "docs": "Документация",
     "comparison": "Сравнение",
     "download": "Скачать",
     "pricing": "Бесплатно",
@@ -13,6 +14,7 @@
     "downloadNow": "Скачать",
     "ctaPrimary": "Скачать для {platform}",
     "ctaSecondary": "Сравнить",
+    "ctaDocs": "Документация",
     "preview": "Превью продукта",
     "trust": {
       "agentTeams": "Команды агентов",
diff --git a/landing/locales/zh.json b/landing/locales/zh.json
index 43dd5712..bd56e97f 100644
--- a/landing/locales/zh.json
+++ b/landing/locales/zh.json
@@ -2,6 +2,7 @@
   "nav": {
     "features": "功能",
     "screenshots": "截图",
+    "docs": "文档",
     "comparison": "对比",
     "download": "下载",
     "pricing": "免费",
@@ -13,6 +14,7 @@
     "downloadNow": "立即下载",
     "ctaPrimary": "下载 {platform} 版",
     "ctaSecondary": "对比",
+    "ctaDocs": "文档",
     "preview": "产品预览",
     "trust": {
       "agentTeams": "智能体团队",