diff --git a/astro.config.mjs b/astro.config.mjs
index 26373eab..dfb6f164 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -63,7 +63,7 @@ export default defineConfig({
         Header: "./src/components/Header.astro",
         PageSidebar: "./src/components/PageSidebar.astro",
       },
-      social: {
+      social:{
         github: "https://github.com/interledger",
       },
       sidebar: [
diff --git a/src/components/Header.astro b/src/components/Header.astro
index a6006b48..b7d4e2b6 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -4,6 +4,10 @@ import Search from "@astrojs/starlight/components/Search.astro";
 import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
 import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
 import DevelopersLogo from "./logos/DevelopersLogo.astro";
+import LanguagePicker from "./LanguagePicker.astro";
+import { getLangFromUrl } from "../i18n/utils";
+
+const lang = getLangFromUrl(Astro.url);
 ---
 
 <div class="header sl-flex">
@@ -24,9 +28,9 @@ import DevelopersLogo from "./logos/DevelopersLogo.astro";
   </a>
   <Search {...Astro.props} />
   <div class="sl-hidden md:sl-flex secondary-wrap">
-    
     <SocialIcons {...Astro.props} />
-    <ThemeSelect {...Astro.props} />
+    <div class="theme-select-wrapper"><ThemeSelect {...Astro.props} /></div>
+    <LanguagePicker lang={lang} />
   </div>
 </div>
 
@@ -95,10 +99,13 @@ import DevelopersLogo from "./logos/DevelopersLogo.astro";
 
   .secondary-wrap {
     align-items: center;
-    gap: var(--space-s);
   }
 
   :global(site-search > button[data-open-modal]) {
     width: auto;
   }
+
+  .theme-select-wrapper {
+    padding-inline-start: var(--space-s);
+  }
 </style>
diff --git a/src/components/LanguagePicker.astro b/src/components/LanguagePicker.astro
index 15a16234..0b973e0b 100644
--- a/src/components/LanguagePicker.astro
+++ b/src/components/LanguagePicker.astro
@@ -7,6 +7,20 @@ const translatePath = useTranslatedPath(defaultLang, lang);
 ---
 
 <div class="language-switcher-language-url" role="navigation">
+  <!-- Dropdown version for 800px-1160px -->
+  <select class="language-select" aria-label="Select language">
+    <option value={translatePath(path, "en")} selected={lang === "en"}>
+      EN
+    </option>
+    <option value={translatePath(path, "es")} selected={lang === "es"}>
+      ES
+    </option>
+  </select>
+  <svg aria-hidden="true" class="caret" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+    <path d="M17 9.17a1 1 0 0 0-1.41 0L12 12.71 8.46 9.17a1 1 0 1 0-1.41 1.42l4.24 4.24a1.002 1.002 0 0 0 1.42 0L17 10.59a1.002 1.002 0 0 0 0-1.42Z"></path>
+  </svg>
+
+  <!-- List version for other viewport sizes -->
   <ul class="links">
     <li
       class:list={[lang === "en" && "is-active"]}
@@ -37,6 +51,18 @@ const translatePath = useTranslatedPath(defaultLang, lang);
   </ul>
 </div>
 
+<script>
+  const languageSelect = document.querySelector<HTMLSelectElement>(".language-select");
+  if (languageSelect) {
+    languageSelect.addEventListener("change", (e) => {
+      const target = e.target as HTMLSelectElement;
+      if (target?.value) {
+        window.location.href = target.value;
+      }
+    });
+  }
+</script>
+
 <style>
   a {
     text-decoration-color: transparent;
@@ -45,8 +71,64 @@ const translatePath = useTranslatedPath(defaultLang, lang);
 
   .language-switcher-language-url {
     flex: none;
+    position: relative;
+  }
+
+  /* Dropdown select styling - hidden by default, shown between 800px-1160px */
+  .language-select {
+    display: none;
+    appearance: none;
+    background-color: transparent;
+    border: 0;
+    color: var(--sl-color-gray-1);
+    font-size: var(--sl-text-sm);
+    padding-block: 0.625rem;
+    padding-inline: var(--space-xs) calc(1.25rem + var(--space-xs) + 0.25rem);
+    cursor: pointer;
+    min-width: 4em;
+    text-overflow: ellipsis;
   }
 
+  .language-switcher-language-url:hover .language-select {
+    color: var(--sl-color-gray-2);
+  }
+
+  .language-select:focus-visible {
+    outline: 2px solid var(--color-primary-fallback);
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
+  }
+
+  /* Dropdown caret - matching ThemeSelect style */
+  .caret {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    inset-inline-end: var(--space-xs);
+    width: 1.25rem;
+    height: 1.25rem;
+    pointer-events: none;
+    display: none;
+    color: var(--sl-color-gray-1);
+  }
+
+  @media screen and (min-width: 800px) and (max-width: 1159px) {
+    .caret {
+      display: block;
+    }
+    
+    .language-switcher-language-url:hover .caret {
+      color: var(--sl-color-gray-2);
+    }
+    .language-select {
+      display: block;
+    }
+    .links {
+      display: none !important;
+    }
+  }
+
+  /* List version styling */
   .language-switcher-language-url .links {
     display: flex;
     list-style: none;
@@ -77,11 +159,4 @@ const translatePath = useTranslatedPath(defaultLang, lang);
     border-radius: var(--border-radius);
   }
 
-  @media screen and (max-width: 1159px) {
-    .language-switcher-language-url {
-      position: absolute;
-      top: 25px;
-      right: calc(var(--space-m) + var(--space-xs) + 24px);
-    }
-  }
 </style>
diff --git a/src/components/pages/Footer.astro b/src/components/pages/Footer.astro
index 2b84d7a8..8f7c4b15 100644
--- a/src/components/pages/Footer.astro
+++ b/src/components/pages/Footer.astro
@@ -1,4 +1,8 @@
 ---
+import { getLangFromUrl, useTranslations } from "../../i18n/utils";
+
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
 const currentYear = new Date().getFullYear();
 ---
 <footer>
@@ -9,7 +13,7 @@ const currentYear = new Date().getFullYear();
     <li><a href="https://github.com/interledger"><img src="/developers/img/lander/icon-github.svg" alt="Github" /></a></li>
     <li><a href="https://www.linkedin.com/company/interledger-foundation/"><img src="/developers/img/lander/icon-linkedin.svg" alt="Linkedin" /></a></li>
   </ul>
-  <p>&copy; 2020–{currentYear}, Interledger Foundation</p>
+  <p>&copy; 2020–{currentYear}, Interledger Foundation. { t("footer.copyright") }</p>
 </footer>
 
 <style>
diff --git a/src/components/pages/FoundationFooter.astro b/src/components/pages/FoundationFooter.astro
index 9a7eefbd..53f1eb5a 100644
--- a/src/components/pages/FoundationFooter.astro
+++ b/src/components/pages/FoundationFooter.astro
@@ -1,21 +1,26 @@
 ---
+import { getLangFromUrl, useTranslations, useTranslatedPath } from "../../i18n/utils";
+
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
+const translatePath = useTranslatedPath(lang, lang);
 const currentYear = new Date().getFullYear();
 ---
 
 <footer class="site-footer" role="contentinfo">
   <div class="connect-wrapper">
     <div class="mailing-list">
-      <h3>Join our mailing list</h3>
+      <h3>{t("footer.mailing-list")}</h3>
       <a
         class="button subscribe-btn"
-        href="/subscribe"
+        href={translatePath("/subscribe")}
         data-umami-event="Footer link - Subscribe"
       >
-        Subscribe
+        {t("footer.subscribe")}
       </a>
     </div>
     <div class="social-links">
-      <h3>Connect with us</h3>
+      <h3>{t("footer.connect")}</h3>
       <ul>
         <li>
           <a href="https://www.youtube.com/@InterledgerFoundation" aria-label="Interledger's Youtube channel" data-umami-event="Footer - Youtube">
@@ -55,11 +60,11 @@ const currentYear = new Date().getFullYear();
       </ul>
     </div>
   </div>
-  <p>&copy; 2020–{currentYear}, Interledger Foundation. All rights reserved.</p>
+  <p>&copy; 2020–{currentYear}, Interledger Foundation. {t("footer.copyright")}</p>
   <ul class="footer-links">
-    <li><a href="https://www.iubenda.com/terms-and-conditions/88624819" data-umami-event="Footer - T&C">Terms & conditions</a></li>
-    <li><a href="https://www.iubenda.com/privacy-policy/88624819" data-umami-event="Footer - Privacy">Privacy policy</a></li>
-    <li><a href="/contact" data-umami-event="Footer - Contact">Contact us</a></li>
+    <li><a href="https://www.iubenda.com/terms-and-conditions/88624819" data-umami-event="Footer - T&C">{t("footer.terms")}</a></li>
+    <li><a href="https://www.iubenda.com/privacy-policy/88624819" data-umami-event="Footer - Privacy">{t("footer.privacy")}</a></li>
+    <li><a href={translatePath("/contact")} data-umami-event="Footer - Contact">{t("footer.contact")}</a></li>
   </ul>
 </footer>
 
diff --git a/src/components/pages/FoundationHeader.astro b/src/components/pages/FoundationHeader.astro
index 719e9dd7..75fe7994 100644
--- a/src/components/pages/FoundationHeader.astro
+++ b/src/components/pages/FoundationHeader.astro
@@ -16,16 +16,10 @@ const translatePath = useTranslatedPath(lang, lang);
     <div class="site-links-wrapper offscreen" data-nav-wrapper id="siteNavLinks">
       <ul class="site-nav__links menu--level-1" id="siteNavMenu">
         <li class="menu-item has-submenu menu-item--level-1">
-          <a href={translatePath("/about-us")} aria-expanded="false" data-umami-event="Site Nav - About us">{t("nav.about")}</a>
+          <a href={translatePath("/about-us")} aria-expanded="false" data-umami-event="Site Nav - Foundation">{t("nav.foundation")}</a>
           <ul class="menu--level-2">
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/vision")} data-umami-event="Site Nav - Vision">Vision</a>
-            </li>
-            <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/mission")} data-umami-event="Site Nav - Mission">Mission</a>
-            </li>
-            <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/values")} data-umami-event="Site Nav - Values">Values</a>
+              <a href={translatePath("/about-us")} data-umami-event="Site Nav - About us">{t("nav.about")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
               <a href={translatePath("/policy-and-advocacy")} data-umami-event="Site Nav - Policy & Advocacy">{t("nav.policy")}</a>
@@ -33,58 +27,62 @@ const translatePath = useTranslatedPath(lang, lang);
             <li class="menu-item menu-item--level-2">
               <a href={translatePath("/team")} data-umami-event="Site Nav - Team">{t("nav.team")}</a>
             </li>
+            <li class="menu-item menu-item--level-2">
+              <a href={translatePath("/press")} data-umami-event="Site Nav - Press">{t("nav.media")}</a>
+            </li>
           </ul>
         </li>
         <li class="menu-item has-submenu menu-item--level-1">
-          <a href={translatePath("/financial-services")} aria-expanded="false" data-umami-event="Site Nav - Grants">{t("nav.grants")}</a>
+          <a href={translatePath("/developers")} aria-expanded="false" data-umami-event="Site Nav - Technology">{t("nav.technology")}</a>
           <ul class="menu--level-2">
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/financial-services")} data-umami-event="Site Nav - Financial Services">{t("nav.financial-services")}</a>
+              <a href={translatePath("/open-standards")} data-umami-event="Site Nav - Open Standards">{t("nav.overview")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/education")} data-umami-event="Site Nav - Education">{t("nav.education")}</a>
+              <a href={translatePath("/interledger")} data-umami-event="Site Nav - Interledger">{t("nav.interledger")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/ambassadors")} data-umami-event="Site Nav - Ambassadors">{t("nav.ambassadors")}</a>
+              <a href={translatePath("/open-payments")} data-umami-event="Site Nav - Open Payments">{t("nav.open-payments")}</a>
             </li>
-          </ul>
-        </li>
-        <li class="menu-item has-submenu menu-item--level-1">
-          <a href={translatePath("/developers")} aria-expanded="false" data-umami-event="Site Nav - Technology">{t("nav.technology")}</a>
-          <ul class="menu--level-2">
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/interledger")} data-umami-event="Site Nav - Interledger">{t("nav.interledger")}</a>
+              <a href={translatePath("/web-monetization")} data-umami-event="Site Nav - Web Monetization">{t("nav.web-monetization")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/open-standards")} data-umami-event="Site Nav - Open Standards">Open Standards</a>
+              <a href={translatePath("/join-network")} data-umami-event="Site Nav - Join network">{t("nav.join")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
               <a href={translatePath("/developers")} data-umami-event="Site Nav - Developers Portal">{t("nav.developers")}</a>
             </li>
-            <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/developers/blog")} data-umami-event="Site Nav - Engineering Blog">{t("nav.tech-blog")}</a>
-            </li>
           </ul>
         </li>
         <li class="menu-item has-submenu menu-item--level-1">
-          <a href={translatePath("/podcast")} aria-expanded="false" data-umami-event="Site Nav - Future | Money">Future | Money</a>
+          <a href={translatePath("/financial-services")} aria-expanded="false" data-umami-event="Site Nav - Grants">{t("nav.grants")}</a>
           <ul class="menu--level-2">
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/podcast")} data-umami-event="Site Nav - Podcast">{t("nav.podcast")}</a>
+              <a href={translatePath("/financial-services")} data-umami-event="Site Nav - Financial Services">{t("nav.financial-services")}</a>
+            </li>
+            <li class="menu-item menu-item--level-2">
+              <a href={translatePath("/education")} data-umami-event="Site Nav - Education">{t("nav.education")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/art")} data-umami-event="Site Nav - Art">{t("nav.art")}</a>
+              <a href={translatePath("/ambassadors")} data-umami-event="Site Nav - Ambassadors">{t("nav.ambassadors")}</a>
             </li>
           </ul>
         </li>
         <li class="menu-item has-submenu menu-item--level-1">
-          <a href={translatePath("/blog")} aria-expanded="false" data-umami-event="Site Nav - News">News</a>
+          <a href={translatePath("/blog")} aria-expanded="false" data-umami-event="Site Nav - Content hub">{t("nav.content-hub")}</a>
           <ul class="menu--level-2">
             <li class="menu-item menu-item--level-2">
               <a href={translatePath("/blog")} data-umami-event="Site Nav - Blog">{t("nav.foundation-blog")}</a>
             </li>
             <li class="menu-item menu-item--level-2">
-              <a href={translatePath("/press")} data-umami-event="Site Nav - Press">Press</a>
+              <a href={translatePath("/developers/blog")} data-umami-event="Site Nav - Engineering Blog">{t("nav.tech-blog")}</a>
+            </li>
+            <li class="menu-item menu-item--level-2">
+              <a href={translatePath("/podcast")} data-umami-event="Site Nav - Podcast">{t("nav.podcast")}</a>
+            </li>
+            <li class="menu-item menu-item--level-2">
+              <a href="https://community.interledger.org/" data-umami-event="Site Nav - Community Forem" rel="noopener noreferrer" target="_blank" class="external">{t("nav.community-forem")}</a>
             </li>
           </ul>
         </li>
@@ -114,7 +112,9 @@ const translatePath = useTranslatedPath(lang, lang);
       </div>
     </button>
   </nav>
-  <LanguagePicker lang={lang} />
+  <div class="foundation-language-picker">
+    <LanguagePicker lang={lang} />
+  </div>
 </header>
 
 <style>
@@ -163,6 +163,14 @@ const translatePath = useTranslatedPath(lang, lang);
   color: currentColor;
 }
 
+a.external::after {
+  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"><path stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4M11 1h6m0 0v6m0-6L7 11"/></svg>');
+  display: inline-block;
+  height: 0.75em;
+  width: 0.75em;
+  margin-inline-start: var(--space-2xs);
+}
+
 .switch-link {
   align-self: center;
   justify-self: end;
@@ -291,7 +299,15 @@ a.switch-link:hover {
   }
 }
 
+.foundation-language-picker {
+  display: none;
+}
+
 @media screen and (min-width: 1160px) {
+  .foundation-language-picker {
+    display: block;
+  }
+
   .site-header {
     display: flex;
     align-items: center;
diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
index 4cfbbe50..bd13aa17 100644
--- a/src/i18n/ui.ts
+++ b/src/i18n/ui.ts
@@ -38,6 +38,7 @@ export const ui: LanguageUi = {
     "nav.content-hub": "Content Hub",
     "nav.foundation-blog": "Foundation Blog",
     "nav.tech-blog": "Tech Blog",
+    "nav.tech-blog-description": "Hear stories and experiences from the team who is working on making Interledger, the interoperable global payments network, a reality.",
     "nav.podcast": "Podcast",
     "nav.art": "Art",
     "nav.community-forem": "Community Forem",
@@ -46,34 +47,49 @@ export const ui: LanguageUi = {
     "nav.events": "Events",
     "nav.guidelines": "Guidelines",
     "nav.summit": "Interledger Summit",
+    "footer.mailing-list": "Join our mailing list",
+    "footer.subscribe": "Subscribe",
+    "footer.connect": "Connect with us",
+    "footer.copyright": "All rights reserved.",
+    "footer.terms": "Terms of Service",
+    "footer.privacy": "Privacy Policy",
+    "footer.contact": "Contact Us",
   },
   es: {
-    // 'nav.foundation': 'Foundation',
+    "nav.foundation": "Fundación",
     "nav.about": "Sobre Nosotros",
     "nav.policy": "Políticas y defensa pública",
     "nav.team": "Equipo",
-    //'nav.media': 'Media',
+    "nav.media": "Medios",
     "nav.technology": "Tecnología",
     "nav.overview": "Estándares abiertos",
-    // 'nav.interledger': 'Interledger',
-    //'nav.open-payments': 'Open Payments',
-    // 'nav.web-monetization': 'Web Monetization',
-    // 'nav.join': 'Join The Network',
-    "nav.developers": "Portal para desarrolladores",
+    "nav.interledger": "Interledger",
+    "nav.open-payments": "Pagos Abiertos",
+    "nav.web-monetization": "Monetización Web",
+    "nav.join": "Únete a la Red",
+    "nav.developers": "Portal de Desarrolladores",
     "nav.grants": "Subvenciones",
-    "nav.financial-services": "Servicios financieros",
+    "nav.financial-services": "Servicios Financieros",
     "nav.education": "Educación",
     "nav.ambassadors": "Embajadores",
-    // 'nav.content-hub': 'Content Hub',
-    // 'nav.foundation-blog': 'Foundation Blog',
-    // 'nav.tech-blog': 'Tech Blog',
-    // 'nav.podcast': 'Podcast',
+    "nav.content-hub": "Centro de Contenidos",
+    "nav.foundation-blog": "Blog de la Fundación",
+    "nav.tech-blog": "Blog Técnico",
+    "nav.tech-blog-description": "Escucha historias y experiencias del equipo que está trabajando en hacer de Interledger, la red de pagos interoperable global, una realidad.",
+    "nav.podcast": "Podcast",
     "nav.art": "Arte",
-    // 'nav.community-forem': 'Community Forem',
+    "nav.community-forem": "Community Forem",
     "nav.participate": "Participa",
     "nav.get-involved": "Involúcrate",
     "nav.events": "Eventos",
     "nav.guidelines": "Guías",
-    // 'nav.summit': 'Interledger Summit'
+    "nav.summit": "Cumbre Interledger",
+    "footer.mailing-list": "Únete a nuestra lista de correo",
+    "footer.subscribe": "Suscribirse",
+    "footer.connect": "Conéctate con nosotros",
+    "footer.copyright": "Todos los derechos reservados.",
+    "footer.terms": "Condiciones del servicio",
+    "footer.privacy": "Política de privacidad",
+    "footer.contact": "Contáctanos"
   },
 } as const;
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index f24109a6..c81e1922 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,6 +1,8 @@
 ---
 import FoundationHeader from '../components/pages/FoundationHeader.astro';
 import FoundationFooter from '../components/pages/FoundationFooter.astro';
+import { getLangFromUrl, useTranslatedPath } from '../i18n/utils';
+import { languages, defaultLang } from '../i18n/ui';
 import '../styles/pages.css';
 
 interface Props {
@@ -13,10 +15,33 @@ interface Props {
 }
 
 const { title, description, ogType, ogImageUrl, canonicalURL = new URL(Astro.url.pathname, Astro.site).href, } = Astro.props;
+const lang = getLangFromUrl(Astro.url);
+
+// Generate alternate URLs for hreflang
+const translatePath = useTranslatedPath(defaultLang, lang);
+const alternateUrls: Record<string, string> = {};
+
+// Normalize path by removing existing language segment
+const pathSegments = Astro.url.pathname.split("/");
+const isDevelopersPath = Astro.url.pathname.includes("/developers");
+const langIndex = isDevelopersPath ? 2 : 1;
+
+if (pathSegments[langIndex] && pathSegments[langIndex] in languages) {
+	pathSegments.splice(langIndex, 1);
+}
+const normalizedPath = pathSegments.join("/") || (isDevelopersPath ? "/developers" : "/");
+
+Object.keys(languages).forEach((locale) => {
+	const translatedPath = translatePath(normalizedPath, locale as keyof typeof languages);
+	alternateUrls[locale] = new URL(translatedPath, Astro.site).href;
+});
+
+// x-default points to English version
+const defaultUrl = alternateUrls[defaultLang];
 ---
 
 <!doctype html>
-<html lang="en" data-theme="light">
+<html lang={lang} data-theme="light">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="author" content="Interledger Foundation" />
@@ -30,6 +55,15 @@ const { title, description, ogType, ogImageUrl, canonicalURL = new URL(Astro.url
 		<meta property="og:image" content={ogImageUrl ? ogImageUrl : new URL('/developers/img/og-image.png', Astro.site).href} />
 		<meta property="og:url" content={canonicalURL} />
 
+		<!-- Canonical URL -->
+		<link rel="canonical" href={canonicalURL} />
+
+		<!-- hreflang tags for multilingual SEO -->
+		{Object.entries(alternateUrls).map(([locale, url]) => (
+			<link rel="alternate" hreflang={locale} href={url} />
+		))}
+		<link rel="alternate" hreflang="x-default" href={defaultUrl} />
+
 		<link rel="icon" type="image/svg+xml" href="/developers/favicon.svg" />
 		<script defer src="https://ilf-site-analytics.netlify.app/script.js" data-website-id="50d81dd1-bd02-4f82-8a55-34a09ccbbbd9" data-domains="interledger.org"></script>
 	</head>
@@ -53,7 +87,7 @@ const { title, description, ogType, ogImageUrl, canonicalURL = new URL(Astro.url
 		flex-direction: column;
 		min-height: 100%;
 		min-width: 360px;
-		font-family: "Titillium", Arial, sans-serif;
+		font-family: "Titillium Web", Arial, sans-serif;
 		overflow-x: clip;
 	}
 
diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
index 39e7e8e1..c9fa649c 100644
--- a/src/layouts/BlogLayout.astro
+++ b/src/layouts/BlogLayout.astro
@@ -1,8 +1,13 @@
 ---
 import BaseLayout from "./BaseLayout.astro";
+import { getLangFromUrl, useTranslations, useTranslatedPath } from "../i18n/utils";
 
 const { frontmatter } = Astro.props;
 
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
+const translatePath = useTranslatedPath(lang, lang);
+
 const dateObj = new Date(frontmatter.date);
 const isoDate = dateObj.toISOString().slice(0,10);
 const longDate = dateObj.toDateString().substring(4);
@@ -16,14 +21,14 @@ const rawHTMLString = `This article was originally published at <a href=${frontm
 			<ol class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">
 				<li itemprop="itemListElement" itemscope
 						itemtype="https://schema.org/ListItem">
-					<a itemprop="item" href="/developers" data-umami-event="Devs breadcrumb - Home">
-					<span itemprop="name">Developers Portal</span></a>
+					<a itemprop="item" href={translatePath("/developers")} data-umami-event="Devs breadcrumb - Home">
+					<span itemprop="name">{t("nav.developers")}</span></a>
 					<meta itemprop="position" content="1" />
 				</li>
 				<li itemprop="itemListElement" itemscope
 						itemtype="https://schema.org/ListItem">
-					<a itemprop="item" href="/developers/blog" data-umami-event="Devs breadcrumb - Blog">
-					<span itemprop="name">Engineering Blog</span></a>
+					<a itemprop="item" href={translatePath("/developers/blog")} data-umami-event="Devs breadcrumb - Blog">
+					<span itemprop="name">{t("nav.tech-blog")}</span></a>
 					<meta itemprop="position" content="2" />
 				</li>
 			</ol>
diff --git a/src/layouts/LanderLayout.astro b/src/layouts/LanderLayout.astro
index ea42257e..eaa13077 100644
--- a/src/layouts/LanderLayout.astro
+++ b/src/layouts/LanderLayout.astro
@@ -45,7 +45,7 @@ const { title, description, gradient = "option1" } = Astro.props;
 		min-width: 360px;
 		color: var(--color-text);
 		font-size: var(--step-0);
-		font-family: "Titillium", Arial, sans-serif;
+		font-family: "Titillium Web", Arial, sans-serif;
 		background-image: var(--gradient);
 		background-repeat: no-repeat;
 		background-attachment: fixed;
diff --git a/src/pages/[lang]/blog/[...page].astro b/src/pages/[lang]/blog/[...page].astro
index 613262a6..7ca487c9 100644
--- a/src/pages/[lang]/blog/[...page].astro
+++ b/src/pages/[lang]/blog/[...page].astro
@@ -4,6 +4,7 @@ import { createExcerpt } from '../../../utils/create-excerpt';
 import BaseLayout from '../../../layouts/BaseLayout.astro';
 import Pagination from '../../../components/blog/Pagination.astro';
 import { getCollection } from 'astro:content';
+import { useTranslations, useTranslatedPath } from '../../../i18n/utils';
 
 type Props = {
   page: Page<any>;
@@ -28,22 +29,24 @@ export async function getStaticPaths({ paginate }: any) {
 
 const { page } = Astro.props;
 const { lang } = Astro.params;
+const t = useTranslations(lang);
+const translatePath = useTranslatedPath(lang, lang);
 ---
-<BaseLayout title="Engineering Blog" description="Hear stories and experiences from the team who is working on making Interledger, the interoperable global payments network, a reality." ogImageUrl={new URL('/developers/img/blog/og-image.png', Astro.site).href}>
+<BaseLayout title={t("nav.tech-blog")} description={t("nav.tech-blog-description")} ogImageUrl={new URL('/developers/img/blog/og-image.png', Astro.site).href}>
 	<main>
 		<div class="content-wrapper">
 			<ol class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">
 				<li itemprop="itemListElement" itemscope
 						itemtype="https://schema.org/ListItem">
-					<a itemprop="item" href="/developers" data-umami-event="Devs breadcrumb - Home">
-					<span itemprop="name">Developers Portal</span></a>
+					<a itemprop="item" href={translatePath("/developers")} data-umami-event="Devs breadcrumb - Home">
+					<span itemprop="name">{t("nav.developers")}</span></a>
 					<meta itemprop="position" content="1" />
 				</li>
 			</ol>
 			<header>
-				<h1>Engineering Blog</h1>
-				<a class="cta__blog" href="/blog">
-					<p>Check out Foundation updates</p>
+				<h1>{t("nav.tech-blog")}</h1>
+				<a class="cta__blog" href={translatePath("/blog")}>
+					<p>{t("nav.foundation-blog")}</p>
 					<img src="/developers/img/ernie-purple.svg" alt="Ernie holding an envelope" aria-hidden="true">
 				</a>
 			</header>
diff --git a/src/pages/blog/[...page].astro b/src/pages/blog/[...page].astro
index e650c38c..9218ac93 100644
--- a/src/pages/blog/[...page].astro
+++ b/src/pages/blog/[...page].astro
@@ -4,6 +4,7 @@ import { createExcerpt } from '../../utils/create-excerpt';
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import Pagination from '../../components/blog/Pagination.astro';
 import { getCollection } from 'astro:content';
+import { useTranslations, getLangFromUrl} from '../../i18n/utils';
 
 type Props = {
   page: Page<any>;
@@ -16,9 +17,12 @@ export async function getStaticPaths({ paginate }: any) {
   return paginate(blogEntries, { pageSize: 10 });
 }
 
+const lang = getLangFromUrl(Astro.url);
 const { page } = Astro.props;
+const t = useTranslations(lang);
+
 ---
-<BaseLayout title="Engineering Blog" description="Hear stories and experiences from the team who is working on making Interledger, the interoperable global payments network, a reality." ogImageUrl={new URL('/developers/img/blog/og-image.png', Astro.site).href}>
+<BaseLayout title={t("nav.tech-blog")} description={t("nav.tech-blog-description")} ogImageUrl={new URL('/developers/img/blog/og-image.png', Astro.site).href}>
 	<main>
 		<div class="content-wrapper">
 			<ol class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">