feat(Navbar): wire anchor links to page sections

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

@@ -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">

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">

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" },
 ];
 

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">