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 ( - - - + ) 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;