Initial commit

frontend-starter/app/layout.tsx

@@ -0,0 +1,35 @@
+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>
+  );
+}