Initial commit

frontend-starter/app/globals.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+@import "@ep/ui/theme.css";
+@source "../node_modules/@ep/ui/dist";
+
+/* E&P-Farben, Schriften und Bausteine (ep-karte, ep-knopf, …) kommen aus @ep/ui/theme.css.
+ * Hier nur app-eigene Regeln ergänzen. */

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>
+  );
+}

frontend-starter/app/page.tsx

@@ -0,0 +1,17 @@
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { APP_BESCHREIBUNG, APP_TITEL } from "@/lib/app";
+
+// Startseite im E&P-Layout. Kopf und Fuß kommen aus app/layout.tsx,
+// Farben und Bausteine (ep-karte, ep-ueberschrift, …) aus @ep/ui/theme.css.
+export default function Home() {
+  return (
+    <Card className="ep-karte rounded-none shadow-none ring-0">
+      <CardHeader className="px-0">
+        <h1 className="ep-ueberschrift text-3xl">{APP_TITEL}</h1>
+      </CardHeader>
+      <CardContent className="px-0">
+        <p className="text-ink-muted">{APP_BESCHREIBUNG}</p>
+      </CardContent>
+    </Card>
+  );
+}