Content 11 Billing Overview

import { Content11, type Content11Props } from "@/components/ui/content-11";

export const values = {
  title: "Every account, one place to watch it move",
  description:
    "Balances, campaigns, and payments stay in sync automatically, so your team spends less time reconciling and more time collecting.",
  variant: "standard",
  animation: "subtle",
  feature1: {
    icon: "LayoutDashboard",
    title: "One view for every account",
    description:
      "Balances, payments, and campaign activity live in a single dashboard instead of scattered spreadsheets.",
  },
  feature2: {
    icon: "Sparkles",
    title: "Insights that update themselves",
    description:
      "Every record is grouped by status, channel, and performance automatically, so trends surface before you go looking for them.",
  },
} satisfies Content11Props;

export default function Content11Example() {
  return (
    <Content11
      title={values.title}
      description={values.description}
      feature1={values.feature1}
      feature2={values.feature2}
      variant={values.variant}
      animation={values.animation}
    />
  );
}