style: standardize alignment/spacing and add rich imagery to blocks
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user