EngineeringShipping faster with a component registry
How we cut landing page build time from days to hours by treating sections as installable units.
About this component
Spotlight Feature Card
A feature card with an icon tile and a cursor tracking spotlight for landing page feature grids.
Usage
The import and the props worth knowing about, in one place.
import { Card1 } from "@/components/beste/component/card1";
import { Rocket } from "lucide-react";
// The whole card becomes a link when href is set.
<Card1
title="Ship in minutes"
description="Copy a block, wire up your content, and deploy."
href="/docs"
/>
<Card1
icon={Rocket} // tile icon (default: Zap)
title="Fast by default"
description="Server components and zero runtime dependencies."
linkLabel="Read the docs"
tone="foreground" // "primary" (default) | "foreground"
/>Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
Ship in minutes
Copy a block, wire up your content, and deploy. No boilerplate, no configuration, no lock in.
Learn moreUsage
import { Card1 } from "@/components/beste/component/card1";
<Card1
title="Ship in minutes"
description="Copy a block, wire up your content, and deploy. No boilerplate, no configuration, no lock in."
href="#"
/>Props
Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
icon | LucideIcon | — | Icon in the leading tile (defaults to Zap) |
title* | string | — | Card title |
description* | string | — | Card body text |
href | string | — | If set, the whole card links to this href and shows the link row |
linkLabel | string | — | Link row label (defaults to "Learn more") |
tone | "primary" | "foreground" | — | Icon and spotlight hue |
className | string | — | Additional classes merged onto the root |
More Card components
View all CardFeatured
Pro blocks drop monthly
A new themed set of sections lands every month, with free updates forever.
Learn moreGradient Beam Card
A featured callout card wrapped in an orbiting gradient border beam for highlights and announcements.
Most popular
Pro
$19/month
For freelancers shipping client sites.
- Unlimited projects
- 1,400+ blocks and components
- Lifetime updates
- Priority support
No credit card required
Pricing Card
A complete pricing card with feature list, highlighted state, floating badge, and call to action.
98%+2.1%
Customer satisfaction
vs last quarter
Stat Card
A minimal stat card with a bold value, label, and optional trend delta for metrics rows.
EngineeringArticle Card
An article card with cover image, category chip, excerpt, and author row for blog and news grids.
-22%Atlas Field Watch
4.8$249$320
Product Card
A product card with image, price, discount badge, wishlist toggle, and add to cart action for shop grids.
Join the beta program
We are opening a short testing window for the new builder. Help shape it before launch.
Only 25 seats
Applications close Jul 18.
Promo Card
A dismissible promo card with image, deadline line, and apply button for programs and offers.