Curved Loop

import CurvedLoop from "@/components/ui/curved-loop";

export default function DemoOne() {
  return <CurvedLoop
        text={{
          text: "Next.js Curved Text Loop",
          font: {
            fontFamily: "Arial, sans-serif",
            fontWeight: "600",
            fontSize: 72,
            letterSpacing: "2px",
            lineHeight: "1.2em",
          },
          color: "#000000",
          className: "fill-black dark:fill-white",
        }}
        direction="left"
        baseVelocity={80}
        curveAmount={200}
        draggable={true}
        fade={true}
      />;
}