52fa16c1c8
- Add FadeIn component (IntersectionObserver scroll-reveal + load animation) - Add dark/light theme toggle (useSyncExternalStore + localStorage) - Add scroll-to-top button (appears after 300px scroll) - Add configurable footer with social links (gallery.yaml) - Add crosshair cursor on photo grid items - Add 'X photos' count badge on subpage cover images - Add light theme color palette in tokens.css
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
/**
|
|
* Root layout — site header with portfolio-style navigation.
|
|
* Shows all subpages + standalone albums as nav links.
|
|
*/
|
|
|
|
import type { Metadata } from 'next';
|
|
import Link from 'next/link';
|
|
import './globals.css';
|
|
import { SubpageNav } from '@/components/SubpageNav';
|
|
import { ThemeToggle } from '@/components/ThemeToggle';
|
|
import { ScrollToTop } from '@/components/ScrollToTop';
|
|
import { Footer } from '@/components/Footer';
|
|
|
|
const siteTitle = process.env.SITE_TITLE || 'Gallery';
|
|
const siteDescription = 'A curated photography portfolio';
|
|
|
|
export const metadata: Metadata = {
|
|
title: siteTitle,
|
|
description: siteDescription,
|
|
openGraph: {
|
|
title: siteTitle,
|
|
description: siteDescription,
|
|
type: 'website',
|
|
images: [`/api/og?title=${encodeURIComponent(siteTitle)}`],
|
|
},
|
|
twitter: {
|
|
card: 'summary_large_image',
|
|
title: siteTitle,
|
|
description: siteDescription,
|
|
images: [`/api/og?title=${encodeURIComponent(siteTitle)}`],
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body>
|
|
<header className="header">
|
|
<nav className="header__nav">
|
|
<Link href="/" className="header__nav-link">
|
|
Home
|
|
</Link>
|
|
<SubpageNav />
|
|
<Link href="/about" className="header__nav-link">
|
|
About
|
|
</Link>
|
|
<ThemeToggle />
|
|
</nav>
|
|
</header>
|
|
<main className="main">{children}</main>
|
|
<Footer />
|
|
<ScrollToTop />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|