diff --git a/CHANGELOG.md b/CHANGELOG.md index cf7f958..3825ebe 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ All notable changes to the New Optic website will be documented in this file. - Reduced the mobile gap between the reputation section and contact panel. - Let the mobile WhatsApp nav CTA stretch into available navbar space. - Restored mobile glass blur and premium highlight layers instead of flattening glass surfaces. +- Added a dedicated stronger blur treatment for the mobile top navigation bar. ## [1.0.0] - 2026-05-16 diff --git a/app/globals.css b/app/globals.css index 4f65a36..402cade 100644 --- a/app/globals.css +++ b/app/globals.css @@ -116,6 +116,12 @@ a { inset 18px 0 34px rgba(255, 255, 255, 0.12); } +.nav-glass { + background: rgba(255, 255, 255, 0.62); + backdrop-filter: blur(30px) saturate(1.32); + -webkit-backdrop-filter: blur(30px) saturate(1.32); +} + .hairline { background: linear-gradient(90deg, transparent, rgba(17, 19, 23, 0.15), transparent); height: 1px; @@ -180,6 +186,16 @@ a { -webkit-backdrop-filter: blur(18px) saturate(1.24); } + .nav-glass { + background: rgba(255, 255, 255, 0.58); + border-color: rgba(255, 255, 255, 0.86); + box-shadow: + 0 14px 36px rgba(17, 19, 23, 0.1), + inset 0 1px 0 rgba(255, 255, 255, 0.78); + backdrop-filter: blur(26px) saturate(1.38); + -webkit-backdrop-filter: blur(26px) saturate(1.38); + } + main > section { content-visibility: auto; contain-intrinsic-size: 1px 780px; diff --git a/components/Navbar.tsx b/components/Navbar.tsx index ef29f94..286c958 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -27,7 +27,7 @@ export default function Navbar({ locale, onLocaleChange, t, whatsappUrl }: { loc return (
-