Current Plan

Subscription status card showing plan name, amount, renewal date, a usage bar, and manage or upgrade buttons.

Growth · AnnualRenews on May 1, 2026
$480/ year
160 GB of 250 GB used

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Card18 } from "@/components/beste/piece/card18";

<Card18
  plan="Growth · Annual"
  amount="$480"
  period="/ year"
  renews="Renews on May 1, 2026"
  usage={64}
  usageLabel="160 GB of 250 GB used"
/>