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

feat: add audio player and update navigation menu

Browse Source 
- Added new audio player component with background music autoplay functionality
- Updated navigation menu items and styling:
  - Renamed menu items to MENUS, STORY, EVENTS, CONTACT
  - Modified link styling with new gray color scheme and tracking
- Installed react-audio-player dependency for audio functionality
- Adjusted Hero component layout to improve vertical centering
- Integrated AudioPlayer component in main page layout with fixed positioning
This commit is contained in:
sasha-astiadi
2025-10-24 03:12:55 +02:00
parent c7ffcaaa28
commit d9688d4f30
8 changed files with 53 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Header.jsx
View File

@@ -78,16 +78,15 @@ function MobileNavigation() {
export function Header() {
return (
<header className="fixed top-0 left-0 right-0 z-50 bg-black/20 backdrop-blur-sm py-4">
<header className="fixed top-0 left-0 right-0 z-50 bg-black/10 backdrop-blur-sm py-4">
<Container>
<nav className="relative z-50 flex justify-center">
<div className="flex items-center md:gap-x-12">
<div className="hidden md:flex md:gap-x-6">
<NavLink href="/">HOME</NavLink>
<NavLink href="/">MENUS</NavLink>
<NavLink href="/story">STORY</NavLink>
<NavLink href="/experiences">EXPERIENCES</NavLink>
<NavLink href="/dahabiyas">DAHABIYAS</NavLink>
<NavLink href="/itinerary">ITINERARY</NavLink>
<NavLink href="/experiences">EVENTS</NavLink>
<NavLink href="/dahabiyas">CONTACT</NavLink>
</div>
</div>
<div className="flex items-center gap-x-5 md:gap-x-8">