diff --git a/app/components/TopNav.tsx b/app/components/TopNav.tsx index 3eeaaf4..7c5ea35 100644 --- a/app/components/TopNav.tsx +++ b/app/components/TopNav.tsx @@ -33,8 +33,11 @@ export default function TopNav() { } }, [open]); - const isActive = (href: string) => - href === '/' ? pathname === '/' : pathname.startsWith(href); + const isActive = (href: string) => { + if (href === '/') return pathname === '/'; + if (href === '/services/music') return pathname === '/services/music'; + return pathname.startsWith(href); + }; return ( <> @@ -43,17 +46,17 @@ export default function TopNav() { scrolled ? 'backdrop-blur-md' : '' }`} style={{ - background: scrolled ? 'rgba(6,14,32,0.85)' : 'rgba(6,14,32,0.55)', - borderBottom: '1px solid rgba(204,151,255,0.08)', - boxShadow: scrolled ? '0 8px 40px 0 rgba(156,72,234,0.12)' : 'none', + background: scrolled ? 'rgba(6,14,32,0.7)' : 'transparent', + borderBottom: 'none', + boxShadow: scrolled ? '0 8px 32px 0 rgba(6,14,32,0.35)' : 'none', }} > - 쟁승메이드 + JSM
@@ -87,7 +90,7 @@ export default function TopNav() { className="kx-btn-primary hidden sm:inline-flex items-center px-5 py-2 rounded-full text-sm" style={{ textDecoration: 'none' }} > - 시작하기 + Try now