A billing/collections dashboard section pairing a data preview card with two animated feature highlights, for app landing or product pages.
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}
/>
);
}