Kinetic Particle Fabric

// This is a file with a demo for your component
// That's what users will see in the preview
// Create new files in this directory to add more demos

import { KineticFabric } from "@/components/ui/kinetic-particle-fabric";

// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMO
export default function DemoOne() {
  return (
    <div className="flex h-screen w-screen items-center justify-center bg-neutral-100 p-6 dark:bg-neutral-950">
      {/* Constrained Centered Card Container */}
      <div className="relative h-[600px] w-full max-w-5xl overflow-hidden rounded-3xl border border-neutral-300 shadow-2xl dark:border-neutral-800">
        <KineticFabric className="h-full w-full rounded-3xl" />
      </div>
    </div>
  );
}