Revert Der Eine. mockup redesign, keep only 2 targeted changes

The full mockup-driven redesign (Banner/Lifestyle sections, restyled
Focus/Why/Pricing) was more than asked for — reverted back to the
pre-redesign version (Hero/Focus/Why exactly match commit 13fb37e), with
only the two changes actually requested applied on top:

- Focus.tsx ("Was kann er?"): dropped the product photo, plain text
  section now — a second product shot here was redundant with Hero's own.
- Pricing.tsx (bottom price/buy bar) replaced by PasstDazu.tsx, a
  "Passt dazu" cross-sell card linking to ToDo-Karten — same markup as
  blog/[slug]/page.tsx's own related-product card, hardcoded to
  "todo-karten" the same way Hero.tsx hardcodes "stift-kugelschreiber".

Kept the Payload product.image/gallery repointed at the mockup-derived
photos (ids 88/89) rather than reverting those too — the previous gallery
was mismatched stock photos of a different-colored pen, an independent
correction from the layout redesign.
This commit is contained in:
Marco
2026-08-25 13:16:40 +00:00
parent 71cd75425d
commit ba6e486e14
9 changed files with 155 additions and 276 deletions
+5 -9
View File
@@ -1,17 +1,15 @@
import type { Metadata } from "next";
import { Hero } from "./components/Hero";
import { Banner } from "./components/Banner";
import { Why } from "./components/Why";
import { Focus } from "./components/Focus";
import { Lifestyle } from "./components/Lifestyle";
import { Pricing } from "./components/Pricing";
import { PasstDazu } from "./components/PasstDazu";
import { Footer } from "../components/Footer";
import { getProductBySlug, getCompanySettings } from "../lib/payload";
import { buildProductSchema } from "../lib/structuredData";
const title = "Der Eine. Der Kugelschreiber zu unseren ToDo-Karten.";
const title = "Der Eine. Für die eine Sache, die gerade zählt.";
const description =
"Der Eine. ist ein Kugelschreiber aus Metall, mit schwarzer Mine und „Der Eine.“ auf der Seite — der Stift zu unseren ToDo-Karten.";
"Der Eine. ist ein schlichter Kugelschreiber aus Metall. Angenehm in der Hand, klein genug für die Tasche und gemacht für alles, was kurz raus aus dem Kopf und irgendwo hin muss.";
export const metadata: Metadata = {
title,
@@ -46,11 +44,9 @@ export default async function DerEinePage() {
)}
<main className="flex flex-col flex-1">
<Hero />
<Banner />
<Why />
<Focus />
<Lifestyle />
<Pricing />
<Why />
<PasstDazu />
</main>
<Footer />
</>