diff --git a/features/landing/frontend/src/App.tsx b/features/landing/frontend/src/App.tsx
index 05b82f754..1b64082c1 100644
--- a/features/landing/frontend/src/App.tsx
+++ b/features/landing/frontend/src/App.tsx
@@ -2,6 +2,7 @@ import { usePageViewTracking } from '@lilith/analytics-client/react'
 import { ThemeProvider } from '@lilith/ui-theme'
 import { BrowserRouter, Routes, Route } from 'react-router-dom'
 
+import { I18nProvider } from './i18n'
 import Layout from './components/Layout'
 import AboutPage from './pages/about/AboutPage'
 import { AppsGallery, AppPage } from './pages/apps'
@@ -37,7 +38,14 @@ export default function App() {
   return (
     <ThemeProvider defaultTheme="cyberpunk">
       <BrowserRouter>
-        <AppContent />
+        <I18nProvider
+          apiUrl="/api/i18n"
+          config={{
+            supportedLocales: ['en', 'es', 'zh', 'fr', 'de', 'pt', 'ja', 'ar'],
+          }}
+        >
+          <AppContent />
+        </I18nProvider>
       </BrowserRouter>
     </ThemeProvider>
   )
diff --git a/features/landing/frontend/src/main.tsx b/features/landing/frontend/src/main.tsx
index d923e5265..d993f33a5 100644
--- a/features/landing/frontend/src/main.tsx
+++ b/features/landing/frontend/src/main.tsx
@@ -106,9 +106,10 @@ function renderApp() {
       <ErrorBoundary FallbackComponent={ErrorFallback}>
         <QueryClientProvider client={queryClient}>
           <AnalyticsProvider config={analyticsConfig}>
+            {/* Generic I18nProvider for @lilith/i18n hooks (useTranslation, useAboutPageContent) */}
             <I18nProvider config={i18nConfig}>
               <ThemeProvider>
-                {/* App now contains the new I18nProvider from makeI18n factory */}
+                {/* App contains additional domain-specific I18nProvider from makeI18n factory */}
                 <App />
                 <Toaster position="top-center" />
               </ThemeProvider>