ahmido
cebd5ee1b0
Some checks failed
Main Confidence / confidence (push) Failing after 50s
Automated commit by agent: commits workspace changes for feature 217-homepage-hero. Please review and merge into `dev`. Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #259
28 lines
944 B
Plaintext
28 lines
944 B
Plaintext
---
|
|
import Card from '@/components/primitives/Card.astro';
|
|
import Eyebrow from '@/components/content/Eyebrow.astro';
|
|
import Headline from '@/components/content/Headline.astro';
|
|
import Lead from '@/components/content/Lead.astro';
|
|
import type { CalloutContent } from '@/types/site';
|
|
|
|
interface Props {
|
|
content: CalloutContent;
|
|
}
|
|
|
|
const { content } = Astro.props;
|
|
const variant = content.tone === 'accent' ? 'accent' : content.tone === 'subtle' ? 'subtle' : 'default';
|
|
const barTone = content.tone === 'accent' ? undefined : content.tone === 'subtle' ? 'trust' : undefined;
|
|
---
|
|
|
|
<Card variant={variant} hoverable>
|
|
<div class="callout-bar" data-bar-tone={barTone}>
|
|
{content.eyebrow && <Eyebrow>{content.eyebrow}</Eyebrow>}
|
|
<Headline as="h3" size="card" class="mt-4">
|
|
{content.title}
|
|
</Headline>
|
|
<Lead class="mt-3" size="body">
|
|
{content.description}
|
|
</Lead>
|
|
</div>
|
|
</Card>
|