Add PDP for Einfach anfangen. (todo-starter)

New product page at /einfach-anfangen — Hero (breadcrumb/price/CTA), "Eine Karte. Ein Tag." 3-step section (same icon set as todo-cards' HowItWorks), a spec bullet list, and a closing pricing panel. Follows the same hand-coded structure as der-eine/todo-cards (bespoke Hero prose, not read from Products.description). detailHref updated in Payload to point here instead of the unbuilt /todo-starter. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01J1Hu5bZ1kZUgKhab6yNwCt
2026-08-26 22:48:09 +00:00
parent 8b9e2bdb42
commit 1d7f49217c
5 changed files with 372 additions and 0 deletions
@@ -0,0 +1,50 @@
+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 { Footer } from "../components/Footer";
+import { getProductBySlug, getCompanySettings } from "../lib/payload";
+import { buildProductSchema } from "../lib/structuredData";
+
+const title = "Einfach anfangen. – Die Karte für die Dinge, die heute anstehen.";
+
+// Description reads from the live product, same pattern as der-eine/
+// tasse-die-pause — see der-eine/page.tsx's own comment on why this and
+// the hand-written Hero prose are allowed to differ.
+export async function generateMetadata(): Promise<Metadata> {
+  const product = await getProductBySlug("todo-starter");
+  const description = product?.descriptionText || undefined;
+  return {
+    title,
+    description,
+    alternates: { canonical: "/einfach-anfangen" },
+    openGraph: { title, description, url: "/einfach-anfangen" },
+    twitter: { title, description },
+  };
+}
+
+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;
+
+  return (
+    <>
+      {productSchema && (
+        <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(productSchema) }} />
+      )}
+      <main className="flex flex-col flex-1">
+        <Hero />
+        <HowItWorks />
+        <Focus />
+        <Pricing />
+      </main>
+      <Footer />
+    </>
+  );
+}