feat(i18n): French and German localization (phase 5)

- Add full message catalogs and content for French (fr) and German (de)
- Implement ASCII canonical slugs for French and German routes
- Add language-specific search endpoints (/api/busca/fr, /api/busca/de)
- Configure strict 404 responses for /fr/livro and /de/livro
- Localize SEO, OpenGraph (fr_FR, de_DE), Twitter and JSON-LD schemas
- Add localized code example comments across 14 examples for fr and de
- Enable 'fr' and 'de' in ENABLED_LOCALES with root negotiation and redirect
- Extend test suite in check-i18n, smoke-imagem and verifica-vazamentos

Co-Authored-By: Antigravity <noreply@google.com>

app/[locale]/frameworks/page.jsx

@@ -6,6 +6,8 @@ import Link from "next/link";
 import frameworksDataPt from "@/public/frameworks.json";
 import frameworksDataEn from "@/data/en/frameworks.json";
 import frameworksDataEs from "@/data/es/frameworks.json";
+import frameworksDataFr from "@/data/fr/frameworks.json";
+import frameworksDataDe from "@/data/de/frameworks.json";
 import { paginaMeta } from "@/lib/seo";
 import { getLocalizedHref } from "@/i18n/links";
 import { ArrowRight, ArrowUpRight, Box, Brain, Cloud, GraduationCap, Layers, Mic, Music, Sparkles } from "lucide-react";
@@ -109,14 +111,82 @@ const GUIAS_ES = [
 	},
 ];
 
+const GUIAS_FR = [
+	{
+		icon: GraduationCap,
+		titulo: "Je débute",
+		texto: "Arduino ou MicroPython sont les voies les plus rapides pour tester capteurs et APIs. Pour la production, optez pour ESP-IDF ou Rust.",
+		links: [
+			["Arduino", "/frameworks/Arduino"],
+			["MicroPython", "/frameworks/MicroPython"],
+			["Rust", "/frameworks/Rust-ESP"],
+		],
+	},
+	{
+		icon: Cloud,
+		titulo: "Cloud et maison connectée",
+		texto: "ESP-Matter pour l'interopérabilité, ESP-RainMaker pour un cloud clé en main et Zigbee pour les réseaux maillés locaux à basse consommation.",
+		links: [
+			["RainMaker", "/frameworks/ESP-RainMaker"],
+			["Matter", "/frameworks/ESP-Matter"],
+			["Zigbee", "/frameworks/ESP-Zigbee-SDK"],
+		],
+	},
+	{
+		icon: Sparkles,
+		titulo: "Audio, voix et IA",
+		texto: "ESP-ADF pour le traitement audio, ESP-SR pour la reconnaissance vocale hors ligne et ESP-NN pour accélérer le TinyML.",
+		links: [
+			["Audio", "/frameworks/ESP-ADF", Music],
+			["Voix", "/frameworks/ESP-SR", Mic],
+			["IA", "/frameworks/ESP-NN", Brain],
+		],
+	},
+];
+
+const GUIAS_DE = [
+	{
+		icon: GraduationCap,
+		titulo: "Erste Schritte",
+		texto: "Arduino oder MicroPython sind die schnellsten Wege, um Sensoren und APIs zu testen. Für den Produkteinsatz empfehlen sich ESP-IDF oder Rust.",
+		links: [
+			["Arduino", "/frameworks/Arduino"],
+			["MicroPython", "/frameworks/MicroPython"],
+			["Rust", "/frameworks/Rust-ESP"],
+		],
+	},
+	{
+		icon: Cloud,
+		titulo: "Cloud und Smart Home",
+		texto: "ESP-Matter für Interoperabilität, ESP-RainMaker für eine fertige Cloud-Lösung und Zigbee für stromsparende lokale Mesh-Netzwerke.",
+		links: [
+			["RainMaker", "/frameworks/ESP-RainMaker"],
+			["Matter", "/frameworks/ESP-Matter"],
+			["Zigbee", "/frameworks/ESP-Zigbee-SDK"],
+		],
+	},
+	{
+		icon: Sparkles,
+		titulo: "Audio, Sprache und KI",
+		texto: "ESP-ADF für Audioverarbeitung, ESP-SR für Offline-Sprachkennung und ESP-NN zur Beschleunigung von TinyML.",
+		links: [
+			["Audio", "/frameworks/ESP-ADF", Music],
+			["Sprache", "/frameworks/ESP-SR", Mic],
+			["KI", "/frameworks/ESP-NN", Brain],
+		],
+	},
+];
+
 export default async function Frameworks({ params }) {
 	const { locale } = await params;
 	const isEn = locale === "en";
 	const isEs = locale === "es";
-	const currentLocale = isEs ? "es" : isEn ? "en" : "pt";
-	const frameworksData = isEs ? frameworksDataEs : isEn ? frameworksDataEn : frameworksDataPt;
+	const isFr = locale === "fr";
+	const isDe = locale === "de";
+	const currentLocale = isEs ? "es" : isEn ? "en" : isFr ? "fr" : isDe ? "de" : "pt";
+	const frameworksData = isEs ? frameworksDataEs : isEn ? frameworksDataEn : isFr ? frameworksDataFr : isDe ? frameworksDataDe : frameworksDataPt;
 	const frameworks = Object.entries(frameworksData);
-	const guias = isEs ? GUIAS_ES : isEn ? GUIAS_EN : GUIAS_PT;
+	const guias = isEs ? GUIAS_ES : isEn ? GUIAS_EN : isFr ? GUIAS_FR : isDe ? GUIAS_DE : GUIAS_PT;
 
 	return (
 		<div className="site-canvas min-h-screen">
@@ -126,20 +196,26 @@ export default async function Frameworks({ params }) {
 				<PageHero
 					isEn={isEn}
 					isEs={isEs}
-					trail={[{ label: isEs ? "Frameworks y SDKs" : isEn ? "Frameworks & SDKs" : "Frameworks e SDKs" }]}
+					isFr={isFr}
+					isDe={isDe}
+					trail={[{ label: isEs ? "Frameworks y SDKs" : isEn ? "Frameworks & SDKs" : isFr ? "Frameworks et SDKs" : isDe ? "Frameworks & SDKs" : "Frameworks e SDKs" }]}
 					icon={Layers}
-					label={isEs ? `${frameworks.length} frameworks y SDKs` : isEn ? `${frameworks.length} frameworks and SDKs` : `${frameworks.length} frameworks e SDKs`}
-					title={isEs ? "Frameworks y SDKs de ESP32" : isEn ? "ESP32 Frameworks and SDKs" : "Frameworks e SDKs do ESP32"}
+					label={isEs ? `${frameworks.length} frameworks y SDKs` : isEn ? `${frameworks.length} frameworks and SDKs` : isFr ? `${frameworks.length} frameworks et SDKs` : isDe ? `${frameworks.length} Frameworks und SDKs` : `${frameworks.length} frameworks e SDKs`}
+					title={isEs ? "Frameworks y SDKs de ESP32" : isEn ? "ESP32 Frameworks and SDKs" : isFr ? "Frameworks et SDKs pour ESP32" : isDe ? "ESP32-Frameworks und SDKs" : "Frameworks e SDKs do ESP32"}
 					lede={
 						isEs
 							? "Desde C/C++ nativo con FreeRTOS hasta Rust, nube IoT, reconocimiento de voz, audio y Matter. Elija según lo que desee construir."
 							: isEn
 							? "From native C/C++ with FreeRTOS to Rust, IoT cloud, speech recognition, audio, and Matter. Choose by what you want to build."
+							: isFr
+							? "Du C/C++ natif avec FreeRTOS à Rust, en passant par le cloud IoT, la reconnaissance vocale, l'audio et Matter. Choisissez selon ce que vous souhaitez concevoir."
+							: isDe
+							? "Von nativem C/C++ mit FreeRTOS bis hin zu Rust, IoT-Cloud, Spracherkennung, Audio und Matter. Wählen Sie passend zu Ihrem Projekt."
 							: "Do C/C++ nativo com FreeRTOS ao Rust, passando por nuvem IoT, reconhecimento de voz, áudio e Matter. Escolha pelo que você quer construir."
 					}
 				/>
 
-				<section className="shell pt-10 sm:pt-12" aria-label={isEs ? "Por dónde empezar" : isEn ? "Where to begin" : "Por onde começar"}>
+				<section className="shell pt-10 sm:pt-12" aria-label={isEs ? "Por dónde empezar" : isEn ? "Where to begin" : isFr ? "Par où commencer" : isDe ? "Wo anfangen" : "Por onde começar"}>
 					<div className="grid gap-4 md:grid-cols-3">
 						{guias.map(({ icon: Icon, titulo, texto, links }) => (
 							<div key={titulo} className="card flex flex-col p-5 sm:p-6">
@@ -168,7 +244,7 @@ export default async function Frameworks({ params }) {
 						<div className="max-w-2xl">
 							<span className="chip chip-accent">
 								<Box className="h-3.5 w-3.5" aria-hidden="true" />
-								{isEs ? "Arquitectura modular" : isEn ? "Modular architecture" : "Arquitetura modular"}
+								{isEs ? "Arquitectura modular" : isEn ? "Modular architecture" : isFr ? "Architecture modulaire" : isDe ? "Modulare Architektur" : "Arquitetura modular"}
 							</span>
 							<h2 className="section-title mt-4">ESP Component Registry</h2>
 							<p className="mt-3 text-base leading-relaxed text-muted">
@@ -182,6 +258,16 @@ export default async function Frameworks({ params }) {
 										Install display drivers (LVGL), industrial stacks (Modbus), cloud integrations, and board support packages
 										(BSPs) with a single line in your <code className="rounded bg-surface-2 px-1.5 py-0.5 font-mono text-sm">idf_component.yml</code> manifest.
 									</>
+								) : isFr ? (
+									<>
+										Installez des pilotes d'écran (LVGL), des piles industrielles (Modbus), des fonctionnalités cloud et des paquets de support de cartes
+										(BSPs) avec une seule ligne dans votre manifeste <code className="rounded bg-surface-2 px-1.5 py-0.5 font-mono text-sm">idf_component.yml</code>.
+									</>
+								) : isDe ? (
+									<>
+										Installieren Sie Display-Treiber (LVGL), Industrieprotokolle (Modbus), Cloud-Funktionen und Board-Support-Pakete
+										(BSPs) mit einer einzigen Zeile in Ihrem <code className="rounded bg-surface-2 px-1.5 py-0.5 font-mono text-sm">idf_component.yml</code>-Manifest.
+									</>
 								) : (
 									<>
 										Instale drivers de display (LVGL), pilhas industriais (Modbus), recursos de nuvem e pacotes de placa
@@ -191,7 +277,7 @@ export default async function Frameworks({ params }) {
 							</p>
 						</div>
 						<Link href={getLocalizedHref("/componentes", currentLocale)} className="btn btn-primary shrink-0">
-							{isEs ? "Explorar componentes" : isEn ? "Explore components" : "Explorar componentes"}
+							{isEs ? "Explorar componentes" : isEn ? "Explore components" : isFr ? "Explorer les composants" : isDe ? "Komponenten erkunden" : "Explorar componentes"}
 							<ArrowRight className="h-4 w-4" aria-hidden="true" />
 						</Link>
 					</div>
@@ -201,8 +287,8 @@ export default async function Frameworks({ params }) {
 					<SectionHead
 						id="todos-titulo"
 						eyebrow={isEs ? "Todos" : isEn ? "All" : "Todos"}
-						title={isEs ? "Todos los frameworks" : isEn ? "All frameworks" : "Todos os frameworks"}
-						lede={isEs ? "Cada ficha ofrece funciones, aplicaciones ideales, ejemplos de código y enlaces oficiales." : isEn ? "Each page provides features, ideal use cases, code examples, and official links." : "Cada ficha traz recursos, aplicações ideais, exemplo de código e links oficiais."}
+						title={isEs ? "Todos los frameworks" : isEn ? "All frameworks" : isFr ? "Tous les frameworks" : isDe ? "Alle Frameworks" : "Todos os frameworks"}
+						lede={isEs ? "Cada ficha ofrece funciones, aplicaciones ideales, ejemplos de código y enlaces oficiales." : isEn ? "Each page provides features, ideal use cases, code examples, and official links." : isFr ? "Chaque fiche présente les fonctionnalités, les cas d'usage idéaux, des exemples de code et les liens officiels." : isDe ? "Jedes Datenblatt bietet Features, ideale Anwendungsbereiche, Codebeispiele und offizielle Links." : "Cada ficha traz recursos, aplicações ideais, exemplo de código e links oficiais."}
 					/>
 
 					<div className="mt-8 grid gap-4 md:grid-cols-2 lg:grid-cols-3">
@@ -224,7 +310,7 @@ export default async function Frameworks({ params }) {
 								</ul>
 
 								<span className="mt-5 inline-flex items-center gap-1 border-t border-line pt-4 text-sm font-medium text-accent">
-									{isEs ? "Ver detalles y ejemplo" : isEn ? "View details and example" : "Ver detalhes e exemplo"}
+									{isEs ? "Ver detalles y ejemplo" : isEn ? "View details and example" : isFr ? "Voir les détails et l'exemple" : isDe ? "Details und Beispiel ansehen" : "Ver detalhes e exemplo"}
 									<ArrowUpRight className="h-4 w-4 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true" />
 								</span>
 							</Link>