Files
CPLv4.0/app/layout.js
2024-09-23 13:46:44 +02:00

29 lines
979 B
JavaScript

"use client"; // Nur in Client-Komponenten verwenden, nicht in Layout-Dateien
import React from "react";
import Header from "../components/Header";
import Navigation from "../components/Navigation";
import Footer from "../components/Footer";
import "../app/globals.css";
// Diese Datei befindet sich in /app/layout.js
export default function RootLayout({ children }) {
return (
<html lang="de">
<head>
{/* Hier können Meta-Tags oder Links für CSS hinzugefügt werden */}
</head>
<body>
{/* Hier das Layout mit Header, Navigation und Footer */}
<div className="bg-gray-100 flex flex-col min-h-screen">
<Header className="bg-gray-300 p-4 flex-shrink-0" />
<div className="flex flex-grow w-full">
<Navigation />
<main className="flex-1 p-8">{children}</main>
</div>
<Footer className="bg-gray-300 p-4 flex-shrink-0" />
</div>
</body>
</html>
);
}