feat: integrate built-in forms, refine footer & parallax, dynamic navigation & branding assets

This commit is contained in:
2026-08-26 11:40:04 +02:00
parent cb67badf53
commit 51a3d6fdb8
32 changed files with 929 additions and 651 deletions
+7 -7
View File
@@ -25,20 +25,20 @@ export function FaqAccordionBlockComponent(props: FaqAccordionBlockProps) {
}
return (
<section className="py-24 bg-[#f4f4f4] border-b-2 border-[#1f1f1f]">
<section className="py-24 bg-surface-gray border-b-2 border-dark">
<div className="container mx-auto px-4 sm:px-6 lg:px-12 max-w-4xl">
<AnimateIn direction="up">
<div className="max-w-3xl mb-14 text-center mx-auto">
{badge && (
<div className="inline-block bg-[#1f1f1f] text-[#FFED00] text-xs font-black uppercase tracking-widest px-3 py-1 mb-4">
<div className="inline-block bg-dark text-primary text-xs font-black uppercase tracking-widest px-3 py-1 mb-4">
{badge}
</div>
)}
<h2 className="text-2xl sm:text-3xl lg:text-4xl font-black uppercase tracking-tight text-[#1f1f1f]">
<h2 className="text-2xl sm:text-3xl lg:text-4xl font-black uppercase tracking-tight text-dark">
{heading}
</h2>
{subheading && (
<p className="mt-4 text-base text-[#666666] leading-relaxed font-medium">
<p className="mt-4 text-base text-muted-text leading-relaxed font-medium">
{subheading}
</p>
)}
@@ -52,17 +52,17 @@ export function FaqAccordionBlockComponent(props: FaqAccordionBlockProps) {
return (
<AnimateIn key={idx} delay={idx * 100} direction="up">
<div
className="border-2 border-[#1f1f1f] bg-white transition-all hover-lift"
className="border-2 border-dark bg-white transition-all hover-lift"
>
<button
type="button"
onClick={() => toggle(idx)}
className="w-full flex items-center justify-between p-6 text-left hover:bg-[#f8f8f8] transition-colors"
>
<span className="text-sm sm:text-base font-black uppercase text-[#1f1f1f] pr-4">
<span className="text-sm sm:text-base font-black uppercase text-dark pr-4">
{item.question}
</span>
<div className="h-7 w-7 flex items-center justify-center bg-[#FFED00] text-[#1f1f1f] border border-[#1f1f1f] shrink-0 font-bold">
<div className="h-7 w-7 flex items-center justify-center bg-primary text-dark border border-dark shrink-0 font-bold">
{isOpen ? <Minus className="h-4 w-4" /> : <Plus className="h-4 w-4" />}
</div>
</button>