Wire up Products.layout (PDP page builder) frontend

New ProductBlocks.tsx renders a product's layout — delegates to
PageBlocks.tsx's renderPageBlockSync for the 9 block types shared with
Pages.layout, handles productHero/productPricingPanel itself (need live
product/shipping/tax context a generic content page doesn't have).

Converts /einfach-anfangen to render through this instead of its own
Hero/HowItWorks/Focus/Pricing components (now deleted) — the first PDP
built as CMS blocks end to end. der-eine/todo-cards/tasse-die-pause are
untouched.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01J1Hu5bZ1kZUgKhab6yNwCt

app/einfach-anfangen/page.tsx

@@ -1,8 +1,6 @@
 import type { Metadata } from "next";
-import { Hero } from "./components/Hero";
-import { HowItWorks } from "./components/HowItWorks";
-import { Focus } from "./components/Focus";
-import { Pricing } from "./components/Pricing";
+import { notFound } from "next/navigation";
+import { ProductBlocks } from "../components/ProductBlocks";
 import { Footer } from "../components/Footer";
 import { getProductBySlug, getCompanySettings } from "../lib/payload";
 import { buildProductSchema } from "../lib/structuredData";
@@ -24,25 +22,25 @@ export async function generateMetadata(): Promise<Metadata> {
   };
 }
 
+// First PDP driven entirely by Products.layout (see that field's own
+// comment in Products.ts) instead of its own bespoke Hero/HowItWorks/
+// Focus/Pricing components — those were deleted once this product's
+// content was authored as blocks in the admin (see the PDP page-builder
+// rollout). der-eine/todo-cards/tasse-die-pause are untouched and keep
+// their own hand-coded components; nothing about them depends on this.
 export default async function EinfachAnfangenPage() {
   const [product, seller] = await Promise.all([
     getProductBySlug("todo-starter"),
     getCompanySettings(),
   ]);
-  const productSchema = product
-    ? buildProductSchema(product, "https://einfach-produktiv.mk360.de/einfach-anfangen", seller)
-    : null;
+  if (!product) notFound();
+  const productSchema = buildProductSchema(product, "https://einfach-produktiv.mk360.de/einfach-anfangen", seller);
 
   return (
     <>
-      {productSchema && (
-        <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(productSchema) }} />
-      )}
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(productSchema) }} />
       <main className="flex flex-col flex-1">
-        <Hero />
-        <HowItWorks />
-        <Focus />
-        <Pricing />
+        <ProductBlocks product={product} />
       </main>
       <Footer />
     </>