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:
1 parent
b588975317
commit
774bc9cf00
2 files changed
+23
-31
No files matched your search
@@ -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">
|
||||
|
||||
Reference in new issue
Block a user