Infinite Marquee

import { InfiniteMarquee } from "@/components/ui/infinite-marquee";

export default function InfiniteMarqueeDemo() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center bg-background p-6">
      <div className="w-full max-w-3xl overflow-hidden rounded-xl border border-border">
        <InfiniteMarquee
          text="ship · build · animate · "
          fontSize={88}
          fontWeight={900}
          background="var(--background)"
          color="var(--foreground)"
          width={1280}
          height={240}
          speed={1}
        />
      </div>
    </div>
  );
}