PromoCard

Two-column promo block with optional illustration + badge on the left and title, description, button + secondary link on the right.

Preview

Usage

import { PromoCard } from '@ramtt/ui'

<PromoCard
  badge="New"
  title="Coach view"
  description="Share workouts and review them together."
  actionLabel="Try it"
  onAction={open}
  link={{ label: 'Learn more', href: '/coach' }}
/>

Props

Prop	Type	Default	Description
title*	`string`	—	Card title
description	`string`	—	Body paragraph
illustration	`ReactNode`	—	Left-column illustration / image
badge	`string`	—	Small label below illustration
actionLabel	`string`	—	Primary button label
onAction	`() => void`	—	Primary button handler
link	`{ label: string; href: string }`	—	Secondary inline link
className	`string`	—	Additional Tailwind classes