fix: mobile menu — unified header background, remove booking button

This commit is contained in:
2026-03-25 23:28:24 +03:00
parent 4805c3b9ea
commit 983bf296fc

View File

@@ -83,7 +83,7 @@ export function Header() {
return ( return (
<header <header
className={`fixed top-0 z-50 w-full transition-all duration-500 ${ className={`fixed top-0 z-50 w-full transition-all duration-500 ${
scrolled scrolled || menuOpen
? "bg-black/40 shadow-none backdrop-blur-xl" ? "bg-black/40 shadow-none backdrop-blur-xl"
: "bg-transparent" : "bg-transparent"
}`} }`}
@@ -150,7 +150,7 @@ export function Header() {
menuOpen ? "max-h-[80vh] opacity-100" : "max-h-0 opacity-0" menuOpen ? "max-h-[80vh] opacity-100" : "max-h-0 opacity-0"
}`} }`}
> >
<nav className="border-t border-white/[0.06] bg-black/40 px-6 py-4 text-center backdrop-blur-xl sm:px-8"> <nav className="border-t border-white/[0.06] px-6 py-4 text-center sm:px-8">
{visibleLinks.map((link) => { {visibleLinks.map((link) => {
const isActive = activeSection === link.href.replace("#", ""); const isActive = activeSection === link.href.replace("#", "");
return ( return (
@@ -168,15 +168,6 @@ export function Header() {
</a> </a>
); );
})} })}
<button
onClick={() => {
setMenuOpen(false);
setBookingOpen(true);
}}
className="mt-2 inline-block rounded-full bg-gold px-8 py-3 text-sm font-semibold text-black transition-all hover:bg-gold-light cursor-pointer"
>
Записаться
</button>
</nav> </nav>
</div> </div>