sashaastiadi/www_maison_noire
1
0
Fork 0
forked from veda/www_veda_2025
Code Pull Requests Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-26 14:38:19 +02:00
parent f7d36427fe
commit c6ef16d411
35 changed files with 44 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/Header.jsx
View File

@@ -81,32 +81,42 @@ function MobileNavigation() {
export function Header() {
return (
<header className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm">
<Container>
<nav className="relative z-50 flex items-center justify-between py-3 lg:py-4">
<div className="flex items-center md:gap-x-8 lg:gap-x-12">
<Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
<Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
</Link>
<div className="hidden md:flex md:gap-x-4 lg:gap-x-6">
<NavLink href="/">HOME</NavLink>
<NavLink href="/story">STORY</NavLink>
<NavLink href="/experiences">EXPERIENCES</NavLink>
<NavLink href="/dahabiyas">DAHABIYAS</NavLink>
<NavLink href="/itinerary">ITINERARY</NavLink>
<nav className="relative z-50 flex items-center py-3 lg:py-4">
{/* Logo and Navigation Container - Left and Center */}
<div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">
<div className="flex items-center">
{/* Logo - Left */}
<div className="flex-shrink-0">
<Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
<Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
</Link>
</div>
{/* Navigation - Center */}
<div className="flex-1 flex justify-center">
<div className="hidden md:flex md:gap-x-4 lg:gap-x-6">
<NavLink href="/">HOME</NavLink>
<NavLink href="/story">STORY</NavLink>
<NavLink href="/experiences">EXPERIENCES</NavLink>
<NavLink href="/dahabiyas">DAHABIYAS</NavLink>
<NavLink href="/itinerary">ITINERARY</NavLink>
</div>
</div>
</div>
<div className="flex items-center gap-x-3 md:gap-x-4">
<Button href="/contact" variant="solidNoRounded" color="bookNow" className="text-xs sm:text-sm">
<span className="tracking-wide font-medium">
Book Now
</span>
</Button>
<div className="md:hidden">
<MobileNavigation />
</div>
</div>
{/* 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">
<span className="tracking-wide font-medium">
Book Now
</span>
</Button>
<div className="md:hidden">
<MobileNavigation />
</div>
</nav>
</Container>
</div>
</nav>
</header>
)
}