Files
test-app/frontend-starter/app/layout.tsx
T
2026-11-06 15:53:40 +01:00

36 lines
1.1 KiB
TypeScript

import type { Metadata, Viewport } from "next";
import { EpFuss, EpKopf } from "@ep/ui";
import "./globals.css";
import { APP_BESCHREIBUNG, APP_TITEL } from "@/lib/app";
export const metadata: Metadata = {
title: `${APP_TITEL} · E&P Reisen`,
description: APP_BESCHREIBUNG,
robots: { index: false, follow: false },
icons: { icon: "/favicon.svg" },
};
export const viewport: Viewport = {
themeColor: "#ffffff",
colorScheme: "light",
};
// E&P-Layout für jede Seite: Kopf mit Logo, Inhalt, Fuß. Seiten liefern nur ihren Inhalt, kein eigenes <main>.
// Kopf, Fuß und die Hausschrift Lato kommen aus @ep/ui.
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="de" className="font-sans">
<body className="flex min-h-screen flex-col bg-ground text-ink">
<a href="#inhalt" className="skip-link">
Zum Inhalt springen
</a>
<EpKopf titel={APP_TITEL} />
<main id="inhalt" className="mx-auto w-full max-w-3xl flex-1 px-4 py-8 sm:px-6 sm:py-12">
{children}
</main>
<EpFuss />
</body>
</html>
);
}