From eded5a5812f31acc4cb7e10f9e7272c6f66ad228 Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Tue, 30 Jun 2026 21:36:48 +0000
Subject: [PATCH] feat(Navbar): wire anchor links to page sections
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Werkzeuge→#werkzeuge, Blog→#blog, Über Björn→#ueber-bjoern.
Shop remains /shop (no matching section). Added matching id attributes
to Tools, Blog and About section root elements.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/components/About.tsx  | 2 +-
 app/components/Blog.tsx   | 2 +-
 app/components/Navbar.tsx | 6 +++---
 app/components/Tools.tsx  | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/About.tsx b/app/components/About.tsx
index ba511ad..7b6c422 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -1,6 +1,6 @@
 export function About() {
   return (
-    <section className="bg-[#111] flex items-stretch w-full">
+    <section id="ueber-bjoern" className="bg-[#111] flex items-stretch w-full">
 
       {/* Left: text content */}
       <div className="flex-1 flex flex-col gap-4 justify-center px-[5rem] py-8 min-w-0">
diff --git a/app/components/Blog.tsx b/app/components/Blog.tsx
index f728a3f..ad6ba39 100644
--- a/app/components/Blog.tsx
+++ b/app/components/Blog.tsx
@@ -33,7 +33,7 @@ const secondary = [
 
 export function Blog() {
   return (
-    <div className="flex flex-col gap-[3rem] items-start pb-[4rem] w-full bg-[#f5f0e8]">
+    <div id="blog" className="flex flex-col gap-[3rem] items-start pb-[4rem] w-full bg-[#f5f0e8]">
 
       {/* Section header */}
       <div className="flex flex-col gap-[0.5rem] items-start px-[5rem] w-full">
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index 87bbc3b..c41af7f 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -2,9 +2,9 @@ import Link from "next/link";
 import Image from "next/image";
 
 const navLinks = [
-  { label: "Werkzeuge", href: "/werkzeuge" },
-  { label: "Blog", href: "/blog" },
-  { label: "Über Björn", href: "/ueber-bjoern" },
+  { label: "Werkzeuge", href: "#werkzeuge" },
+  { label: "Blog", href: "#blog" },
+  { label: "Über Björn", href: "#ueber-bjoern" },
   { label: "Shop", href: "/shop" },
 ];
 
diff --git a/app/components/Tools.tsx b/app/components/Tools.tsx
index 8ad7dd2..5abc20b 100644
--- a/app/components/Tools.tsx
+++ b/app/components/Tools.tsx
@@ -26,7 +26,7 @@ const tools = [
 
 export function Tools() {
   return (
-    <div className="flex flex-col gap-[3rem] items-start pb-[4rem] pt-[2rem] w-full bg-[#f5f0e8]">
+    <div id="werkzeuge" className="flex flex-col gap-[3rem] items-start pb-[4rem] pt-[2rem] w-full bg-[#f5f0e8]">
 
       {/* Section header */}
       <div className="flex flex-col gap-[0.5rem] items-start px-[5rem] w-full whitespace-nowrap overflow-clip">