Marco
d472eb546f
New Payload collections, all editable without a code deploy: - TrustBadges: the horizontal Schneller-Versand/Versandkostenfrei/Mit- Liebe-verpackt row (TrustRow.tsx, now an async server component). - CartTrustBadges: the Sichere-Zahlung/14-Tage-Rückgaberecht/Nachhaltig- verpackt sidebar bullets — shared by /cart (title only) and /checkout (title + description), which previously had two different hardcoded bullet lists for what's conceptually the same content. - ShippingMethods: /checkout's Versandart radios. Each method has its own optional freeShippingThreshold — omitted means "never free" (Express), not "always free". /cart's FreeShippingBanner now targets the lowest threshold among active methods instead of a single global constant, and hides entirely if no active method has one. - PaymentMethods: /checkout's Zahlungsart radios, icons as an array (Kreditkarte shows 3 logos, PayPal/Überweisung show 1). - Products: new spotlight/spotlightHeadline/spotlightText/spotlightImage/ compareAtPrice fields. ProductSpotlight.tsx (homepage) now shows whichever product has `spotlight` checked instead of being hardcoded to ToDo-Karten, with its own marketing copy separate from the plain catalog name/description. AddToCartButton takes an explicit productId prop now instead of a hardcoded "todo-karten" constant. - WerkzeugeCards: the homepage's "Meine Werkzeuge" 3-card grid (Tools.tsx, now async). Icons use a uniform box instead of the previous per-card hand-tuned width/height/rotation, which only worked for 3 known, upside-down-authored SVGs — those were re-exported as pre-flipped PNGs. lib/payload.ts gained getTrustBadges/getCartTrustBadges/getShippingMethods/ getPaymentMethods/getWerkzeugeCards/getSpotlightProduct, all with the same graceful-empty-array-on-fetch-failure pattern as the existing functions. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { CartContent } from "./components/CartContent";
|
|
import { RelatedProducts } from "./components/RelatedProducts";
|
|
import { TrustRow } from "../components/TrustRow";
|
|
import { Footer } from "../components/Footer";
|
|
import { getCartTrustBadges, getShippingMethods } from "../lib/payload";
|
|
|
|
// robots: noindex — transactional page (mirrors a specific shopper's cart
|
|
// contents), per the figma-to-nextjs skill's Step 5 guidance: indexing
|
|
// this wastes crawl budget and could surface cart state in search results.
|
|
export const metadata: Metadata = {
|
|
title: "Warenkorb",
|
|
description: "Dein Warenkorb bei einfach produktiv.",
|
|
robots: {
|
|
index: false,
|
|
follow: true,
|
|
},
|
|
};
|
|
|
|
export default async function CartPage() {
|
|
const [trustBadges, shippingMethods] = await Promise.all([getCartTrustBadges(), getShippingMethods()]);
|
|
|
|
// The cart doesn't ask which shipping method the shopper wants yet
|
|
// (that's /checkout) — it just estimates using the first active method
|
|
// (Standard, by sortOrder) for the sidebar's "Versand" line, and shows
|
|
// the FreeShippingBanner toward whichever active method's threshold is
|
|
// lowest/easiest to reach (Express has none — it never goes free).
|
|
const defaultShipping = shippingMethods[0] ?? null;
|
|
const thresholds = shippingMethods
|
|
.map((m) => m.freeShippingThreshold)
|
|
.filter((t): t is number => t !== null);
|
|
const freeShippingThreshold = thresholds.length > 0 ? Math.min(...thresholds) : null;
|
|
|
|
return (
|
|
<>
|
|
<main className="flex flex-col flex-1 bg-bg-base">
|
|
<CartContent
|
|
trustBadges={trustBadges}
|
|
shippingCost={defaultShipping?.price ?? 0}
|
|
freeShippingThreshold={freeShippingThreshold}
|
|
/>
|
|
<RelatedProducts />
|
|
<TrustRow />
|
|
</main>
|
|
<Footer />
|
|
</>
|
|
);
|
|
}
|