feat: integrate built-in forms, refine footer & parallax, dynamic navigation & branding assets
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user