From fedb197be0f6a64c3189b0f5fe5a45f13ad55dc7 Mon Sep 17 00:00:00 2001
From: davidmonterocrespo24 <davidmonterocrespo24@gmail.com>
Date: Thu, 14 May 2026 05:28:59 +0200
Subject: [PATCH] feat(header): add Pricing link to top nav + landing footer

The /pricing page exists (PricingPlaceholder upstream, real PricingPage
portal-mounted by the private overlay) but had no entry in the top nav.
Adds 'pricing' to header.nav in all 9 locales (de, en, es, fr, it, ja,
pt-br, ru, zh-cn), wires the Link in AppHeader between About and Blog,
and mirrors the link in the landing-page footer.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/layout/AppHeader.tsx | 3 +++
 frontend/src/i18n/locales/de/common.json     | 1 +
 frontend/src/i18n/locales/en/common.json     | 1 +
 frontend/src/i18n/locales/es/common.json     | 1 +
 frontend/src/i18n/locales/fr/common.json     | 1 +
 frontend/src/i18n/locales/it/common.json     | 1 +
 frontend/src/i18n/locales/ja/common.json     | 1 +
 frontend/src/i18n/locales/pt-br/common.json  | 1 +
 frontend/src/i18n/locales/ru/common.json     | 1 +
 frontend/src/i18n/locales/zh-cn/common.json  | 1 +
 frontend/src/pages/LandingPage.tsx           | 1 +
 11 files changed, 13 insertions(+)

diff --git a/frontend/src/components/layout/AppHeader.tsx b/frontend/src/components/layout/AppHeader.tsx
index 864e3a98..5331fdda 100644
--- a/frontend/src/components/layout/AppHeader.tsx
+++ b/frontend/src/components/layout/AppHeader.tsx
@@ -143,6 +143,9 @@ export const AppHeader: React.FC<AppHeaderProps> = ({ autoSave }) => {
             <Link to={localize('/about')} className={'header-nav-link' + isActive('/about')}>
               {t('header.nav.about')}
             </Link>
+            <Link to={localize('/pricing')} className={'header-nav-link' + isActive('/pricing')}>
+              {t('header.nav.pricing')}
+            </Link>
             <a
               href={blogUrlFor(currentLocale)}
               className="header-nav-link"
diff --git a/frontend/src/i18n/locales/de/common.json b/frontend/src/i18n/locales/de/common.json
index d6830d1f..dbb2b1bb 100644
--- a/frontend/src/i18n/locales/de/common.json
+++ b/frontend/src/i18n/locales/de/common.json
@@ -9,6 +9,7 @@
       "examples": "Beispiele",
       "editor": "Editor",
       "about": "Über uns",
+      "pricing": "Preise",
       "blog": "Blog",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/en/common.json b/frontend/src/i18n/locales/en/common.json
index 5b129ac0..2d22b65a 100644
--- a/frontend/src/i18n/locales/en/common.json
+++ b/frontend/src/i18n/locales/en/common.json
@@ -9,6 +9,7 @@
       "examples": "Examples",
       "editor": "Editor",
       "about": "About",
+      "pricing": "Pricing",
       "blog": "Blog",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/es/common.json b/frontend/src/i18n/locales/es/common.json
index 5d48a430..1f8f2c05 100644
--- a/frontend/src/i18n/locales/es/common.json
+++ b/frontend/src/i18n/locales/es/common.json
@@ -9,6 +9,7 @@
       "examples": "Ejemplos",
       "editor": "Editor",
       "about": "Acerca de",
+      "pricing": "Precios",
       "blog": "Blog",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/fr/common.json b/frontend/src/i18n/locales/fr/common.json
index c27759d6..ee51dd74 100644
--- a/frontend/src/i18n/locales/fr/common.json
+++ b/frontend/src/i18n/locales/fr/common.json
@@ -9,6 +9,7 @@
       "examples": "Exemples",
       "editor": "Éditeur",
       "about": "À propos",
+      "pricing": "Tarifs",
       "blog": "Blog",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/it/common.json b/frontend/src/i18n/locales/it/common.json
index 2a998e3f..1b4d536f 100644
--- a/frontend/src/i18n/locales/it/common.json
+++ b/frontend/src/i18n/locales/it/common.json
@@ -9,6 +9,7 @@
       "examples": "Esempi",
       "editor": "Editor",
       "about": "Informazioni",
+      "pricing": "Prezzi",
       "blog": "Blog",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/ja/common.json b/frontend/src/i18n/locales/ja/common.json
index 40ac221e..c4a0fa6b 100644
--- a/frontend/src/i18n/locales/ja/common.json
+++ b/frontend/src/i18n/locales/ja/common.json
@@ -9,6 +9,7 @@
       "examples": "例",
       "editor": "エディター",
       "about": "概要",
+      "pricing": "料金",
       "blog": "ブログ",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/pt-br/common.json b/frontend/src/i18n/locales/pt-br/common.json
index 84e68d0b..3594991a 100644
--- a/frontend/src/i18n/locales/pt-br/common.json
+++ b/frontend/src/i18n/locales/pt-br/common.json
@@ -9,6 +9,7 @@
       "examples": "Exemplos",
       "editor": "Editor",
       "about": "Sobre",
+      "pricing": "Preços",
       "blog": "Blog",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/ru/common.json b/frontend/src/i18n/locales/ru/common.json
index f3bda0b3..e348f5e4 100644
--- a/frontend/src/i18n/locales/ru/common.json
+++ b/frontend/src/i18n/locales/ru/common.json
@@ -9,6 +9,7 @@
       "examples": "Примеры",
       "editor": "Редактор",
       "about": "О проекте",
+      "pricing": "Цены",
       "blog": "Блог",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/i18n/locales/zh-cn/common.json b/frontend/src/i18n/locales/zh-cn/common.json
index 2f58fdd5..6c773b5e 100644
--- a/frontend/src/i18n/locales/zh-cn/common.json
+++ b/frontend/src/i18n/locales/zh-cn/common.json
@@ -9,6 +9,7 @@
       "examples": "示例",
       "editor": "编辑器",
       "about": "关于",
+      "pricing": "价格",
       "blog": "博客",
       "github": "GitHub",
       "discord": "Discord"
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 04e777cf..13fd4ee4 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -1349,6 +1349,7 @@ export const LandingPage: React.FC = () => {
           <Link to={localize('/docs')}>{t('header.nav.documentation')}</Link>
           <Link to={localize('/examples')}>{t('header.nav.examples')}</Link>
           <Link to={localize('/editor')}>{t('header.nav.editor')}</Link>
+          <Link to={localize('/pricing')}>{t('header.nav.pricing')}</Link>
           <Link to={localize('/about')}>{t('header.nav.about')}</Link>
         </div>
         <p className="footer-copy">{t('footer.about')}</p>