diff --git a/frontend/src/views/LandingView.vue b/frontend/src/views/LandingView.vue index 7ebb64a..e49ecf9 100644 --- a/frontend/src/views/LandingView.vue +++ b/frontend/src/views/LandingView.vue @@ -185,26 +185,30 @@ const scrollToInstall = () => /* ─── NAV ──────────────────────────────────────────── */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; - height: 64px; display: flex; align-items: center; padding: 0 24px; - transition: background .2s, border-color .2s; + height: 160px; display: flex; align-items: center; padding: 0 24px; + transition: all .3s ease; } .nav--solid { - background: rgba(255,255,255,.93); - backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); + background: rgba(255,255,255,.95); + backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); + height: 100px; } .nav__wrap { max-width: 1100px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; } .nav__logo { - height: 52px; + height: 150px; width: auto; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.6)); - transition: all .3s ease; + transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); } -.nav__logo:hover { transform: scale(1.05); } +.nav--solid .nav__logo { + height: 80px; +} +.nav__logo:hover { transform: scale(1.08) rotate(-2deg); } .nav__actions { display: flex; align-items: center; gap: 14px; } @@ -419,9 +423,10 @@ const scrollToInstall = () => /* Mobile */ @media (max-width: 767px) { /* Nav */ - .nav { padding: 0 18px; height: 58px; } - .nav--solid { border-bottom: 1px solid var(--border); } - .nav__logo { height: 38px; } + .nav { padding: 0 18px; height: 80px; } + .nav--solid { border-bottom: 1px solid var(--border); height: 70px; } + .nav__logo { height: 75px; } + .nav--solid .nav__logo { height: 60px; } .btn-install { display: none; } .btn-cta--sm { font-size: .82rem; padding: 8px 14px; border-radius: 8px; }