export default function DemoScrollTrigger() {
  return (
    <ThreeDScrollTriggerContainer className="my-12">
      <ThreeDScrollTriggerRow baseVelocity={5} direction={1}>
        <div className="px-4 py-2 bg-blue-500 text-white rounded-lg shadow-lg mx-1">
          Item 1
        </div>
        <div className="px-4 py-2 bg-green-500 text-white rounded-lg shadow-lg mx-1">
          Item 2
        </div>
        <div className="px-4 py-2 bg-red-500 text-white rounded-lg shadow-lg mx-1">
          Item 3
        </div>
      </ThreeDScrollTriggerRow>
      {/* You can add more rows to create a 3D layered effect */}
    </ThreeDScrollTriggerContainer>
  );
}
