layout.tsx43 lines · main

1	import Image from 'next/image';
2	import Link from 'next/link';
3
4	export default function LegalLayout({ children }: { children: React.ReactNode }) {
5	return (
6	<main className="relative min-h-dvh bg-[var(--color-bg)] text-[var(--color-text)]">
7	<header className="border-b border-[var(--color-border-subtle)]">
8	<div className="mx-auto flex w-full max-w-3xl items-center justify-between px-6 py-6">
9	<Link href="/" className="flex items-center gap-3" aria-label="briven home">
10	<Image src="/icon.svg" alt="" width={28} height={28} />
11	<span className="font-mono text-sm">briven</span>
12	</Link>
13	<nav className="flex gap-6 font-mono text-xs text-[var(--color-text-muted)]">
14	<Link href="/trust" className="hover:text-[var(--color-text)]">
15	trust
16	</Link>
17	<Link href="/privacy" className="hover:text-[var(--color-text)]">
18	privacy
19	</Link>
20	<Link href="/terms" className="hover:text-[var(--color-text)]">
21	terms
22	</Link>
23	<Link href="/subprocessors" className="hover:text-[var(--color-text)]">
24	subprocessors
25	</Link>
26	</nav>
27	</div>
28	</header>
29
30	<article className="prose prose-invert mx-auto max-w-3xl px-6 py-12 font-sans leading-[1.7] text-[var(--color-text-muted)]">
31	{children}
32	</article>
33
34	<footer className="border-t border-[var(--color-border-subtle)] py-6">
35	<p className="mx-auto max-w-3xl px-6 font-mono text-xs text-[var(--color-text-subtle)]">
36	flndrn Limited · Arch. Makariou III 171, Vanezis Business Center 4th floor, 3027
37	Limassol, Cyprus · built with{' '}
38	<span className="text-[#e8344a]">♥</span> in Flanders
39	</p>
40	</footer>
41	</main>
42	);
43	}