diff --git a/website/i18n/es/code.json b/website/i18n/es/code.json
index e6018b4..b30a461 100644
--- a/website/i18n/es/code.json
+++ b/website/i18n/es/code.json
@@ -1,4 +1,8 @@
 {
+  "hero.tagline": {
+    "message": "Disciplina cognitiva para la ingeniería asistida por IA",
+    "description": "Hero tagline (H1 on the landing)"
+  },
   "hero.pillar1": {
     "message": "Cada decisión queda en el repo",
     "description": "First hero pillar"
diff --git a/website/src/components/Hero/index.tsx b/website/src/components/Hero/index.tsx
index f983e20..a906a8c 100644
--- a/website/src/components/Hero/index.tsx
+++ b/website/src/components/Hero/index.tsx
@@ -2,17 +2,19 @@ import type {ReactNode} from 'react';
 import Link from '@docusaurus/Link';
 import Translate from '@docusaurus/Translate';
 import CodeBlock from '@theme/CodeBlock';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import styles from './styles.module.css';
 
 const INSTALL = 'curl -fsSL https://raw.githubusercontent.com/StrangeDaysTech/straymark/main/install.sh | sh';
 
 export default function Hero(): ReactNode {
-  const {siteConfig} = useDocusaurusContext();
   return (
     <header className={styles.hero}>
       <div className={styles.inner}>
-        <h1 className={styles.tagline}>{siteConfig.tagline}</h1>
+        <h1 className={styles.tagline}>
+          <Translate id="hero.tagline" description="Hero tagline (H1 on the landing)">
+            Cognitive discipline for AI-assisted engineering
+          </Translate>
+        </h1>
         <ul className={styles.pillars}>
           <li>
             <Translate id="hero.pillar1" description="First hero pillar">
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 16c7846..699546f 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -1,15 +1,19 @@
 import type {ReactNode} from 'react';
 import Layout from '@theme/Layout';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import {translate} from '@docusaurus/Translate';
 import Hero from '@site/src/components/Hero';
 import WorkflowDiagram from '@site/src/components/WorkflowDiagram';
 import WhyExists from '@site/src/components/WhyExists';
 import FeatureGrid from '@site/src/components/FeatureGrid';
 
 export default function Home(): ReactNode {
-  const {siteConfig} = useDocusaurusContext();
+  const description = translate({
+    id: 'hero.tagline',
+    message: 'Cognitive discipline for AI-assisted engineering',
+    description: 'Hero tagline (H1 on the landing)',
+  });
   return (
-    <Layout title={siteConfig.title} description={siteConfig.tagline}>
+    <Layout description={description}>
       <Hero />
       <WorkflowDiagram />
       <WhyExists />