Hero-4

1import { SiteHeader } from "../../components/site-header"
2import { SiteHero } from "../../components/site-hero"
3 
4export default function Page() {
5    return (
6        <div className="relative min-h-screen w-full overflow-hidden bg-background">
7            {/* Full-bleed background image; a separate image is used in dark mode. Content sits above it (z-10). */}
8            <div className="absolute inset-0 bg-[url('/demo/backgrounds/vintage.png')] bg-cover bg-center opacity-40 dark:bg-[url('/demo/backgrounds/vintage_dark.png')]" />
9 
10            <div className="relative z-10 px-8 mx-auto flex min-h-screen w-full max-w-7xl flex-col items-center">
11                <SiteHeader />
12                <SiteHero />
13            </div>
14        </div>
15    )
16}