Moving Header to layout.tsx

2025-08-13 15:17:31 +02:00
parent 18ff5b9beb
commit c52777afa2
2 changed files with 4 additions and 2 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,8 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";

+import { Header } from "@/components/ui/header";
+
 const geistSans = Geist({
  variable: "--font-geist-sans",
  subsets: ["latin"],
@@ -27,6 +29,8 @@ export default function RootLayout({
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
+        <Header/>
+
        {children}
      </body>
    </html>
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,8 +5,6 @@ import { Header } from "@/components/ui/header";
 export default function Home() {
  return (
    <div>
-      <Header/>
-
      <main className="p-4">
        <h1 className="text-2xl font-bold">Welcome to the Test Page</h1>
        <p className="mt-2">This is a test page to display the new header component.</p>