first commit
Made-with: Cursor
This commit is contained in:
27
src/layouts/SiteLayout.tsx
Normal file
27
src/layouts/SiteLayout.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
import { Outlet } from 'react-router-dom'
|
||||
import { MountainBackdrop } from '../components/MountainBackdrop'
|
||||
import { SiteHeader } from '../components/SiteHeader'
|
||||
|
||||
export function SiteLayout() {
|
||||
return (
|
||||
<div className="relative min-h-svh">
|
||||
<MountainBackdrop />
|
||||
<div className="relative z-10 flex min-h-svh flex-col">
|
||||
<SiteHeader />
|
||||
<main className="flex-1">
|
||||
<Outlet />
|
||||
</main>
|
||||
<footer className="border-t border-white/10 bg-[#070d18]/80 py-10 text-center text-sm text-white/45 backdrop-blur">
|
||||
<p className="font-display text-base text-white/75">Sacred Villas</p>
|
||||
<p className="mt-2 max-w-xl mx-auto px-4 text-pretty text-white/55">
|
||||
A wandering collection of Seattle-area homes — placeholder imagery until your own
|
||||
photographs arrive. Each address is a different spell of light.
|
||||
</p>
|
||||
<p className="mt-4 text-xs text-white/35">
|
||||
Puget Sound to the ridges · Many neighborhoods · One gentle invitation to apply
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user