From de924cae2d936b4d5cbdf5a3203ecee20d42b9f9 Mon Sep 17 00:00:00 2001 From: Marco Date: Tue, 30 Jun 2026 19:12:14 +0000 Subject: [PATCH] feat: add desktop navigation matching Figma design Co-Authored-By: Claude Sonnet 4.6 --- app/components/Navbar.tsx | 63 +++++++++++++++++++++++++++++++++++++++ app/layout.tsx | 6 +++- 2 files changed, 68 insertions(+), 1 deletion(-) create mode 100644 app/components/Navbar.tsx diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx new file mode 100644 index 0000000..1649796 --- /dev/null +++ b/app/components/Navbar.tsx @@ -0,0 +1,63 @@ +import Link from "next/link"; + +const navLinks = [ + { label: "Werkzeuge", href: "/werkzeuge" }, + { label: "Blog", href: "/blog" }, + { label: "Über Björn", href: "/ueber-bjoern" }, + { label: "Shop", href: "/shop" }, +]; + +export function Navbar() { + return ( +
+
+ + {/* Logo */} + + + + + einfach produktiv + + + + Weil du auch noch ein Leben hast + + + + {/* Nav links */} + + + {/* CTA buttons */} +
+ + Newsletter + + + 7-Tage-Challenge + +
+ +
+
+ ); +} diff --git a/app/layout.tsx b/app/layout.tsx index 976eb90..2d2813e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import { Navbar } from "./components/Navbar"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -27,7 +28,10 @@ export default function RootLayout({ lang="en" className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} > - {children} + + + {children} + ); }