style: standardize alignment/spacing and add rich imagery to blocks

This commit is contained in:
MichalC
2026-09-01 23:44:10 +02:00
parent 19caeca637
commit d2592ffeca
9 changed files with 140 additions and 101 deletions
+5 -5
View File
@@ -8,13 +8,13 @@ type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'faqTeaser' }>
export const FAQTeaserBlock: React.FC<Props> = ({ title, questions, linkText }) => {
return (
<section className="py-20 md:py-24 bg-card/40 border-t border-border">
<div className="container-premium max-w-4xl mx-auto">
<div className="mb-12 text-center">
<section className="py-20 md:py-32 bg-card/40 border-t border-border">
<div className="container-premium">
<div className="max-w-3xl mb-16 md:mb-24">
<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-3xl md:text-5xl font-extrabold text-foreground tracking-tight">
<h2 className="font-heading text-4xl sm:text-5xl md:text-6xl font-extrabold text-foreground tracking-tight text-balance">
{title}
</h2>
</div>
@@ -32,7 +32,7 @@ export const FAQTeaserBlock: React.FC<Props> = ({ title, questions, linkText })
</div>
{linkText && (
<div className="text-center">
<div className="mt-12">
<Link href="/faq" className="inline-block text-accent font-semibold hover:text-accent-hover underline underline-offset-4">
{linkText}
</Link>