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:
@@ -47,7 +47,7 @@ export async function ProductSpotlight() {
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-4 items-start flex-1 min-w-0 w-full">
|
||||
<p className="font-bold text-h-small text-brand">Neu im Shop</p>
|
||||
<p className="font-bold text-h-small text-brand">{product.spotlightEyebrow || "Neu im Shop"}</p>
|
||||
<p
|
||||
className="font-semibold text-h-section text-text-primary"
|
||||
style={{ fontFamily: "var(--font-lora)" }}
|
||||
|
||||
Reference in New Issue
Block a user