Letter Swap Demo Stagger

import LetterSwapForward from "@/components/fancy/text/letter-swap-forward-anim"

export default function Preview() {
  return (
    <div className="w-dvw h-dvh text-3xl flex md:flex-row flex-col items-center justify-center font-calendas gap-x-12 gap-y-4 bg-white  text-[#0015ff]">
      <LetterSwapForward label="First" staggerFrom={"first"} />
      <LetterSwapForward label="Center" staggerFrom={"center"} className="" />
      <LetterSwapForward label="Last" staggerFrom={"last"} />
    </div>
  )
}