From c208b77a510f2d46d66fd55d3446d30dd1dd1ecd Mon Sep 17 00:00:00 2001
From: Quinn Ftw <QuinnFtw@proton.me>
Date: Fri, 26 Dec 2025 18:45:20 -0800
Subject: [PATCH] fix(i18n): remove duplicate I18nProvider causing double init
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

main.tsx already has I18nProvider with bundled resources.
The duplicate in App.tsx was causing:
- 'i18next is already initialized' warning
- 404 errors on /api/i18n requests (no API needed with bundled)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 features/landing/frontend/src/App.tsx         | 11 +---------
 .../frontend/src/components/Header/Header.css | 20 +++++++++----------
 2 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/features/landing/frontend/src/App.tsx b/features/landing/frontend/src/App.tsx
index 73fa8d933..05b82f754 100644
--- a/features/landing/frontend/src/App.tsx
+++ b/features/landing/frontend/src/App.tsx
@@ -2,7 +2,6 @@ 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'
@@ -38,15 +37,7 @@ export default function App() {
   return (
     <ThemeProvider defaultTheme="cyberpunk">
       <BrowserRouter>
-        <I18nProvider
-          apiUrl="/api/i18n"
-          config={{
-            // Support all 8 languages shown in FAB selector
-            supportedLocales: ['en', 'es', 'zh', 'fr', 'de', 'pt', 'ja', 'ar'],
-          }}
-        >
-          <AppContent />
-        </I18nProvider>
+        <AppContent />
       </BrowserRouter>
     </ThemeProvider>
   )
diff --git a/features/landing/frontend/src/components/Header/Header.css b/features/landing/frontend/src/components/Header/Header.css
index cdd90a71b..e158eebe5 100644
--- a/features/landing/frontend/src/components/Header/Header.css
+++ b/features/landing/frontend/src/components/Header/Header.css
@@ -269,21 +269,21 @@
 .site-header nav li ul,
 header nav li ul,
 nav li ul {
-  /* Override styled-component inline background-color */
-  background-color: rgba(15, 20, 30, 0.75) !important;
+  /* Very low opacity for maximum see-through */
+  background-color: rgba(10, 10, 15, 0.45) !important;
 
   /* Layered background for shimmer effect */
-  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent) !important;
+  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent) !important;
 
-  /* Strong backdrop blur for glassmorphism effect */
-  backdrop-filter: blur(28px) saturate(180%) !important;
-  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
+  /* Heavy backdrop blur for strong glassmorphism */
+  backdrop-filter: blur(40px) saturate(200%) !important;
+  -webkit-backdrop-filter: blur(40px) saturate(200%) !important;
 
-  /* Delicate glass border */
-  border: 1px solid rgba(255, 255, 255, 0.15) !important;
+  /* Brighter glass border for visibility */
+  border: 1px solid rgba(255, 255, 255, 0.2) !important;
   box-shadow:
-    0 8px 32px rgba(0, 0, 0, 0.7),
-    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
+    0 8px 32px rgba(0, 0, 0, 0.5),
+    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
 
   border-radius: 12px !important;
   padding: 8px !important;