39 lines
1.1 KiB
Plaintext
39 lines
1.1 KiB
Plaintext
---
|
|
import Eyebrow from '@/components/content/Eyebrow.astro';
|
|
import Headline from '@/components/content/Headline.astro';
|
|
import Lead from '@/components/content/Lead.astro';
|
|
import SecondaryCTA from '@/components/content/SecondaryCTA.astro';
|
|
import Card from '@/components/primitives/Card.astro';
|
|
import type { AudienceRowContent } from '@/types/site';
|
|
|
|
interface Props {
|
|
item: AudienceRowContent;
|
|
}
|
|
|
|
const { item } = Astro.props;
|
|
---
|
|
|
|
<Card class="h-full">
|
|
<Eyebrow>{item.audience}</Eyebrow>
|
|
<Headline as="h3" size="card" class="mt-4">
|
|
{item.title}
|
|
</Headline>
|
|
<Lead class="mt-3" size="body">
|
|
{item.description}
|
|
</Lead>
|
|
<ul class="mt-5 space-y-3 p-0">
|
|
{
|
|
item.bullets.map((bullet) => (
|
|
<li class="list-none rounded-[1rem] border border-[color:var(--color-border-subtle)] bg-white/70 px-4 py-3 text-sm text-[var(--color-ink-800)]">
|
|
{bullet}
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
{item.cta && (
|
|
<div class="mt-6">
|
|
<SecondaryCTA cta={item.cta} />
|
|
</div>
|
|
)}
|
|
</Card>
|