ahmido
f884b16061
Some checks failed
Main Confidence / confidence (push) Failing after 40s
## Summary - implement the website-only visual foundation for apps/website - formalize semantic tokens, typography, spacing, surfaces, and shared CTA/navigation primitives - align landing, trust/legal, and content-heavy routes plus Playwright smoke coverage with the new foundation ## Validation - corepack pnpm build:website - corepack pnpm --filter @tenantatlas/website exec playwright test ## Scope - website-only change set for spec 214 - no apps/platform runtime coupling introduced Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #251
34 lines
994 B
Plaintext
34 lines
994 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 { FeatureItemContent } from '@/types/site';
|
|
|
|
interface Props {
|
|
item: FeatureItemContent;
|
|
}
|
|
|
|
const { item } = Astro.props;
|
|
---
|
|
|
|
<Card class="h-full">
|
|
{item.eyebrow && <Eyebrow>{item.eyebrow}</Eyebrow>}
|
|
<Headline as="h3" size="card" class="mt-4">
|
|
{item.title}
|
|
</Headline>
|
|
<Lead class="mt-3" size="body">
|
|
{item.description}
|
|
</Lead>
|
|
{(item.meta || item.href) && (
|
|
<div class="mt-5 flex flex-wrap items-center gap-3 text-sm">
|
|
{item.meta && <span class="text-[var(--color-brand)]">{item.meta}</span>}
|
|
{item.href && (
|
|
<a class="text-link font-semibold" href={item.href}>
|
|
Learn more
|
|
</a>
|
|
)}
|
|
</div>
|
|
)}
|
|
</Card>
|