diff --git a/CHANGELOG.md b/CHANGELOG.md index 17e6970..cf7f958 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ All notable changes to the New Optic website will be documented in this file. - Balanced mobile navbar controls so the language switcher, WhatsApp CTA, and menu do not bunch up on the right. - 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. ## [1.0.0] - 2026-05-16 diff --git a/app/globals.css b/app/globals.css index 84e2c09..4f65a36 100644 --- a/app/globals.css +++ b/app/globals.css @@ -86,7 +86,8 @@ a { background: rgba(255, 255, 255, 0.68); border: 1px solid rgba(255, 255, 255, 0.72); box-shadow: 0 18px 60px rgba(17, 19, 23, 0.08); - backdrop-filter: blur(24px); + backdrop-filter: blur(24px) saturate(1.22); + -webkit-backdrop-filter: blur(24px) saturate(1.22); } .premium-glass::before { @@ -172,25 +173,11 @@ a { display: none; } - .floating-sheen { - animation: none; - opacity: 0; - } - - .glass, - [class*="backdrop-blur"] { - backdrop-filter: none !important; - -webkit-backdrop-filter: none !important; - } - .glass { - background: rgba(255, 255, 255, 0.86); - box-shadow: 0 10px 30px rgba(17, 19, 23, 0.07); - } - - .premium-glass::before, - .premium-glass::after { - display: none; + background: rgba(255, 255, 255, 0.72); + box-shadow: 0 14px 34px rgba(17, 19, 23, 0.08); + backdrop-filter: blur(18px) saturate(1.24); + -webkit-backdrop-filter: blur(18px) saturate(1.24); } main > section { diff --git a/components/Navbar.tsx b/components/Navbar.tsx index ce84efe..ef29f94 100644 --- a/components/Navbar.tsx +++ b/components/Navbar.tsx @@ -49,7 +49,7 @@ export default function Navbar({ locale, onLocaleChange, t, whatsappUrl }: { loc
- + {t.nav.cta}