header in progress

2026-04-15 07:51:37 +02:00
parent 308099ca2a
commit c07931229d
2 changed files with 23 additions and 6 deletions
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Playfair_Display, Inter } from "next/font/google";
 import "./globals.css";
+import Header from "@/components/layout/Header";

 const playfairDisplay = Playfair_Display({
  variable: "--font-playfair",
@@ -23,11 +24,11 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html
-      lang="fr"
-      className={`${playfairDisplay.variable} ${inter.variable} h-full antialiased`}
-    >
-      <body className="min-h-full flex flex-col">{children}</body>
+    <html lang="fr" className={`${playfairDisplay.variable} ${inter.variable} bg-brand-beige m-[11px] antialiased`}>
+      <body className="min-h-screen flex flex-col bg-brand-beige text-brand-brown">
+        <Header />
+        {children}
+      </body>
    </html>
  );
 }
@@ -0,0 +1,16 @@
+export default function Header() {
+  return (
+    <header className="bg-brand-brown text-brand-beige w-full py-6 px-10 flex justify-between items-center">
+        <div className="font-serif text-2xl font-bold">M. Guilbert</div>
+        <nav>
+            <ul className="flex gap-8 font-sans uppercase text-sm tracking-widest">
+                <li>Accueil</li>
+                <li>Projets</li>
+                <li>À propos</li>
+                <li>Blog</li>
+            </ul>
+        </nav>
+        <div>🇫🇷</div>
+    </header>
+  );
+}