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