Text 3D Flip

"use client";

import Text3DFlip from "@/lab/magicui/ui/text-3d-flip";

export default function Text3DFlipDemo() {
  return (
    <div className="@container relative flex h-full w-full items-center justify-center px-6">
      <Text3DFlip
        className="justify-center bg-white text-center font-serif text-[clamp(1.75rem,6cqw,3.5rem)]"
        textClassName="bg-white text-neutral-950"
        flipTextClassName="bg-white text-neutral-950"
        rotateDirection="top"
        staggerDuration={0.03}
        staggerFrom="first"
        transition={{ type: "spring", damping: 25, stiffness: 160 }}
      >
        Stay hungry, stay foolish
      </Text3DFlip>
    </div>
  );
}