Add bespoke product detail pages for Der Alltagsstift and the mug

/der-alltagsstift mirrors the todo-cards pattern (Hero/HowItWorks/ Focus/Pricing) — renamed from "Der Eine" for brand-tonality reasons, copy grounded in visually-verified product facts only. /tasse-die-pause is a deliberately minimal Hero+Pricing scaffold — naming/design concept for that product is still undecided, so the headline reads product.name live from Payload instead of a hardcoded tagline.
2026-08-24 22:52:41 +00:00
parent c065a3223f
commit b6e76ccd22
8 changed files with 690 additions and 0 deletions
@@ -0,0 +1,45 @@
+import type { Metadata } from "next";
+import { Hero } from "./components/Hero";
+import { Pricing } from "./components/Pricing";
+import { Footer } from "../components/Footer";
+import { getProductBySlug, getCompanySettings } from "../lib/payload";
+import { buildProductSchema } from "../lib/structuredData";
+
+// Provisional scaffold page — naming/design concept still undecided (parked
+// 2026-08-24). Metadata reads from the live product instead of a hardcoded
+// tagline, unlike every other bespoke page here — see Hero.tsx's comment.
+export async function generateMetadata(): Promise<Metadata> {
+  const product = await getProductBySlug("tasse-die-pause");
+  const title = product ? `${product.name} – einfach produktiv` : "Tasse – einfach produktiv";
+  const description = product?.description ?? undefined;
+  return {
+    title,
+    description,
+    alternates: { canonical: "/tasse-die-pause" },
+    openGraph: { title, description, url: "/tasse-die-pause" },
+    twitter: { title, description },
+  };
+}
+
+export default async function TasseDiePausePage() {
+  const [product, seller] = await Promise.all([
+    getProductBySlug("tasse-die-pause"),
+    getCompanySettings(),
+  ]);
+  const productSchema = product
+    ? buildProductSchema(product, "https://einfach-produktiv.mk360.de/tasse-die-pause", seller)
+    : null;
+
+  return (
+    <>
+      {productSchema && (
+        <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(productSchema) }} />
+      )}
+      <main className="flex flex-col flex-1">
+        <Hero />
+        <Pricing />
+      </main>
+      <Footer />
+    </>
+  );
+}