sasha-astiadi
d9688d4f30
- 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
28 lines
883 B
JavaScript
28 lines
883 B
JavaScript
import Image from 'next/image'
|
|
import { Button } from '@/components/Button'
|
|
import { Container } from '@/components/Container'
|
|
import BgNoise from '@/components/BgNoise'
|
|
|
|
export function Hero() {
|
|
return (
|
|
<div className="relative -mt-20 min-h-screen">
|
|
<div
|
|
className="absolute inset-0 -z-20 h-full w-full object-cover"
|
|
style={{ backgroundImage: 'url(/images/hero.jpg)', backgroundSize: 'cover', backgroundPosition: 'center' }}
|
|
/>
|
|
<BgNoise />
|
|
<Container className="flex min-h-screen items-center justify-center text-center">
|
|
<div className="relative z-10 mx-auto flex justify-center">
|
|
<Image
|
|
src="/images/noire_logo.png"
|
|
alt="Maison Noire"
|
|
width={500}
|
|
height={500}
|
|
className="object-contain"
|
|
/>
|
|
</div>
|
|
</Container>
|
|
</div>
|
|
)
|
|
}
|