Advertising
A flexible advertising card component for promoting offers, services, or resources.
Limited Time
Scale Your Business
Get expert help with our automation services.
- Save time
- Increase revenue
- Expert support
500+ joined
Installation
Usage
import { Advertising } from "@/components/Advertising"
<Advertising
title="Scale Your Business"
description="Get expert help with our automation services."
label="Limited Time"
ctaText="Get Started"
ctaLink="/offers/automation"
variant="glow"
features={["Save time", "Increase revenue", "Expert support"]}
image={<Icon icon="rocket" className="h-8 w-8" />}
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | The main headline of the card. |
description | string | - | A short description of the offer. |
label | string | - | Optional pill label at the top (e.g., "New"). |
image | string | ReactNode | - | Image URL or React component (like an Icon). |
features | string[] | - | List of features to display with checkmarks. |
ctaText | string | - | Text for the primary button. |
ctaLink | string | - | URL for the primary button. |
secondaryLink | { text: string, href: string } | - | Optional secondary link (ghost button). |
socialProof | string | ReactNode | - | Text or component for social proof (e.g., "500+ joined"). |
variant | "default" | "glow" | "minimal" | "default" | Visual style of the card. |