feat(ui): Pakete fuer Firmenkunden als Auswahl-Karten im Formular

Die drei Pakete standen doppelt: als Deko-Kacheln (mit grossem
Waben-Wasserzeichen) ueber dem Formular und darin noch einmal als
Auswahlliste. Jetzt waehlt man sie direkt im Formular als Karten mit
sichtbarem Auswahl- und Fokuszustand; die Kacheln entfallen. Feldname
und Werte (package = KLASSIK/GESCHENK/INDIVIDUELL) sind unveraendert.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
This commit is contained in:
Nick SzaunigandClaude Opus 5.5 committed 2026-09-26 02:11:29 +02:00
1 parent b588975317
commit 774bc9cf00
2 files changed
+23 -31

No files matched your search

-19
View File
@@ -46,25 +46,6 @@ export default async function UnternehmenPage() {
/>
</ScrollReveal>
<div className="mt-14 grid sm:grid-cols-3 gap-6">
{t.unternehmenPage.packages.map((pkg, i) => (
<ScrollReveal key={pkg.key} delay={i * 0.08}>
<div className="group relative h-full overflow-hidden border border-ink/10 bg-background p-8 transition-[transform,border-color,box-shadow] duration-500 ease-[var(--ease-arrive)] hover:-translate-y-1 hover:border-honey/60 hover:shadow-[0_22px_40px_-24px_rgba(184,138,68,0.45)]">
{/* Grosses Sechseck als Wasserzeichen, das beim Hover einrueckt. */}
<svg
viewBox="0 0 24 26"
aria-hidden="true"
className="absolute -right-6 -top-6 h-28 w-28 text-honey/15 transition-transform duration-700 ease-[var(--ease-arrive)] group-hover:-translate-x-2 group-hover:translate-y-2 group-hover:rotate-12"
>
<polygon points="12,1 22.4,7 22.4,19 12,25 1.6,19 1.6,7" fill="currentColor" />
</svg>
<h3 className="relative text-2xl text-forest">{pkg.title}</h3>
<p className="relative mt-3 text-sm text-ink/70 leading-relaxed">{pkg.text}</p>
</div>
</ScrollReveal>
))}
</div>
{/* Geteilt: die Ueberschrift laeuft neben dem langen Formular mit. */}
<div className="mt-24 grid gap-10 lg:grid-cols-12 lg:gap-16">
<ScrollReveal className="lg:col-span-4">