"use client";
import { InfiniteMovingCards } from "@/components/ui/infinite-moving-cards";

export function InfiniteMovingCardsDemo() {
  return (
    <div className="h-[180px] flex flex-col antialiased bg-secondary dark:bg-black dark:bg-grid-white/[0.05] items-center justify-center relative overflow-hidden">
      <InfiniteMovingCards
        items={testimonials}
        direction="right"
        speed="slow"
      />
    </div>
  );
}

const testimonials = [
  {
    name: "100%",
    title: "Campaigns successfully completed.",
  },
  {
    name: "400+",
    title: "Influencers in our active creator network.",
  },
  {
    name: "20k+",
    title: "Connecting with audiences globally.",
  },
  {
    name: "100%",
    title: "Campaigns successfully completed.",
  },
  {
    name: "200+",
    title: "Trusted by leading brands.",
  }
];