style: standardize typography scale (H1-H3), update eyebrow labels to mono, and unify CTA padding
This commit is contained in:
@@ -14,7 +14,7 @@ export const FAQTeaserBlock: React.FC<Props> = ({ title, questions, linkText })
|
||||
<div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
|
||||
// FAQ
|
||||
</div>
|
||||
<h2 className="font-heading text-4xl sm:text-5xl md:text-6xl font-extrabold text-foreground tracking-tight text-balance">
|
||||
<h2 className="font-heading text-3xl sm:text-4xl md:text-5xl font-extrabold text-foreground tracking-tight text-balance">
|
||||
{title}
|
||||
</h2>
|
||||
</div>
|
||||
@@ -25,7 +25,7 @@ export const FAQTeaserBlock: React.FC<Props> = ({ title, questions, linkText })
|
||||
key={q.id || index}
|
||||
className="py-6 border-b border-border/50 first:border-t"
|
||||
>
|
||||
<h3 className="font-heading text-xl font-bold text-foreground mb-3">{q.question}</h3>
|
||||
<h3 className="font-heading text-xl sm:text-2xl font-bold text-foreground mb-3">{q.question}</h3>
|
||||
<p className="text-foreground/75 leading-relaxed">{q.answer}</p>
|
||||
</div>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user