From 8b9e2bdb4255028ba7c36a14955a87f1fd366bba Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Wed, 26 Aug 2026 22:42:43 +0000
Subject: [PATCH] PDP breadcrumbs: read the real product name instead of
 hardcoded copy
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

der-eine's breadcrumb hardcoded "Der Eine" — missing the trailing period
its own headline/pricing card already style in brand color. Switched all
three PDP breadcrumbs to the actual product.name via ProductName so they
can't drift from the real title again.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01J1Hu5bZ1kZUgKhab6yNwCt
---
 app/der-eine/components/Hero.tsx             | 3 ++-
 app/tasse-die-pause/components/Hero.tsx      | 2 +-
 app/todo-cards/components/TodoKartenHero.tsx | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/der-eine/components/Hero.tsx b/app/der-eine/components/Hero.tsx
index 2141af9..2a6cd51 100644
--- a/app/der-eine/components/Hero.tsx
+++ b/app/der-eine/components/Hero.tsx
@@ -2,6 +2,7 @@ import Link from "next/link";
 import { AddToCartButton } from "../../components/AddToCartButton";
 import { ProductGallery } from "../../components/ProductGallery";
 import { Reveal } from "../../components/Reveal";
+import { ProductName } from "../../components/ProductName";
 import { getProductBySlug, getShippingSettings, getDefaultTaxRatePercent, getKleinunternehmer } from "../../lib/payload";
 import { formatPrice, discountPercent } from "../../lib/format";
 import { effectiveTaxRate } from "../../lib/cartTotals";
@@ -52,7 +53,7 @@ export async function Hero() {
               Werkzeuge
             </Link>
             <span>›</span>
-            <span className="text-text-primary">Der Eine</span>
+            <span className="text-text-primary">{product ? <ProductName name={product.name} /> : "Der Eine."}</span>
           </p>
 
           <div className="flex flex-col gap-6 items-start w-full flex-1 lg:justify-center">
diff --git a/app/tasse-die-pause/components/Hero.tsx b/app/tasse-die-pause/components/Hero.tsx
index 9d7a22c..a8a9f91 100644
--- a/app/tasse-die-pause/components/Hero.tsx
+++ b/app/tasse-die-pause/components/Hero.tsx
@@ -41,7 +41,7 @@ export async function Hero() {
               Werkzeuge
             </Link>
             <span>›</span>
-            <span className="text-text-primary">{product?.name ?? "Tasse"}</span>
+            <span className="text-text-primary">{product ? <ProductName name={product.name} /> : "Tasse"}</span>
           </p>
 
           <div className="flex flex-col gap-6 items-start w-full flex-1 lg:justify-center">
diff --git a/app/todo-cards/components/TodoKartenHero.tsx b/app/todo-cards/components/TodoKartenHero.tsx
index 7a68556..2e6cbde 100644
--- a/app/todo-cards/components/TodoKartenHero.tsx
+++ b/app/todo-cards/components/TodoKartenHero.tsx
@@ -3,6 +3,7 @@ import Image from "next/image";
 import { AddToCartButton } from "../../components/AddToCartButton";
 import { ProductGallery } from "../../components/ProductGallery";
 import { Reveal } from "../../components/Reveal";
+import { ProductName } from "../../components/ProductName";
 import { getProductBySlug, getShippingSettings, getDefaultTaxRatePercent, getKleinunternehmer } from "../../lib/payload";
 import { formatPrice, discountPercent } from "../../lib/format";
 import { effectiveTaxRate } from "../../lib/cartTotals";
@@ -77,7 +78,7 @@ export async function TodoKartenHero() {
               Werkzeuge
             </Link>
             <span>›</span>
-            <span className="text-text-primary">ToDo-Karten</span>
+            <span className="text-text-primary">{product ? <ProductName name={product.name} /> : "ToDo-Karten"}</span>
           </p>
 
           {/* Everything else — centered in the remaining vertical space at