fix(bestellbestaetigung): rebuild testimonial band, tighten hero, add spotlightEyebrow
Testimonial band: rebuilt as a proper flexbox two-column layout (photo column with an explicit width, quote in a flex-1 sibling) instead of an absolutely-positioned text block offset with percentage margin/padding — that measured against the row's full width and, combined with a max-w- on the text box, left almost no room for the actual text on wide viewports (wrapped to one word per line). Also dropped the muted-bg box behind the quote and widened the photo fade to match the actual mockup, which has no separate colored panel there at all. Hero: removed the separate big checkmark badge — the 4-step bar right above it already renders every step as a checkmark, so it was just repeating that. Added more top spacing to compensate. Dropped "Deine Bestellung macht sich jetzt auf den Weg zu dir." and added "inkl. MwSt." under Gesamtbetrag for consistency with /cart and /checkout. Wired the new Products.spotlightEyebrow field (CMS-editable "Neu im Shop" label) through lib/payload.ts into ProductSpotlight.tsx.
This commit is contained in:
@@ -169,12 +169,14 @@ export async function getProductBySlug(slug: string): Promise<Product | null> {
|
||||
}
|
||||
|
||||
export type SpotlightProduct = Product & {
|
||||
spotlightEyebrow: string | null;
|
||||
spotlightHeadline: string | null;
|
||||
spotlightText: string | null;
|
||||
spotlightImage: string | null;
|
||||
};
|
||||
|
||||
type PayloadSpotlightProduct = PayloadProduct & {
|
||||
spotlightEyebrow: string | null;
|
||||
spotlightHeadline: string | null;
|
||||
spotlightText: string | null;
|
||||
spotlightImage: { url: string } | number | null;
|
||||
@@ -211,6 +213,7 @@ export async function getSpotlightProduct(): Promise<SpotlightProduct | null> {
|
||||
compareAtPrice: doc.compareAtPrice ?? null,
|
||||
image: typeof doc.image === "object" && doc.image ? doc.image.url : "",
|
||||
href: doc.detailHref || null,
|
||||
spotlightEyebrow: doc.spotlightEyebrow || null,
|
||||
spotlightHeadline: doc.spotlightHeadline || null,
|
||||
spotlightText: doc.spotlightText || null,
|
||||
spotlightImage:
|
||||
|
||||
Reference in New Issue
Block a user