Conversion Funnel

"use client";

import { ConversionFunnel } from "@/components/premium/conversion-funnel";

export function ConversionFunnelPreview() {
  return (
    <ConversionFunnel
      periods={[
        {
          id: "week",
          label: "7 days",
          stages: [
            {
              id: "visits",
              label: "Visitors",
              value: 12840,
              detail: "Unique people who visited your website.",
            },
            {
              id: "signup",
              label: "Sign-ups",
              value: 6420,
              detail: "Visitors who created a workspace.",
            },
            {
              id: "active",
              label: "Activated",
              value: 3852,
              detail: "Workspaces that completed their first project.",
            },
            {
              id: "paid",
              label: "Customers",
              value: 1541,
              detail: "Activated workspaces that chose a paid plan.",
            },
          ],
        },
        {
          id: "month",
          label: "30 days",
          stages: [
            {
              id: "visits",
              label: "Visitors",
              value: 52680,
              detail: "Unique people who visited your website.",
            },
            {
              id: "signup",
              label: "Sign-ups",
              value: 23706,
              detail: "Visitors who created a workspace.",
            },
            {
              id: "active",
              label: "Activated",
              value: 14224,
              detail: "Workspaces that completed their first project.",
            },
            {
              id: "paid",
              label: "Customers",
              value: 5932,
              detail: "Activated workspaces that chose a paid plan.",
            },
          ],
        },
      ]}
    />
  );
}