This commit is contained in:
2025-08-27 16:55:03 +02:00
parent 4297822b06
commit 28481495f8
8 changed files with 58 additions and 14 deletions

View File

@@ -64,7 +64,7 @@ function MobileNavigation() {
/>
<PopoverPanel
transition
className="absolute inset-x-0 top-full z-50 mt-4 flex origin-top flex-col rounded-lg bg-transparent border border-slate-200/20 p-4 text-lg tracking-tight text-nav-dark shadow-xl ring-1 ring-slate-900/5 data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
className="absolute inset-x-0 top-full z-50 mt-4 flex origin-top flex-col rounded-lg bg-transparent border border-slate-200/20 p-4 text-lg tracking-tight text-white shadow-xl ring-1 ring-slate-900/5 data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
>
<MobileNavLink href="/">HOME</MobileNavLink>
<MobileNavLink href="/story">STORY</MobileNavLink>
@@ -80,7 +80,7 @@ function MobileNavigation() {
export function Header() {
return (
<header className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm">
<header className="bg-transparent">
<nav className="relative z-50 flex items-center py-2 lg:py-3">
{/* Logo and Navigation Container - Left and Center */}
<div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">
@@ -107,7 +107,7 @@ export function Header() {
{/* Book Now Button - Very Right Edge */}
<div className="flex items-center gap-x-3 md:gap-x-4 flex-shrink-0">
<Button href="/contact" variant="solidNoRounded" color="bookNow" className="text-xs sm:text-sm">
<Button href="/contact" variant="outline" color="white" className="text-xs sm:text-sm">
<span className="tracking-wide font-medium">
Book Now
</span>