Breathing Text Demo

1import BreathingText from "@/components/fancy/text/breathing-text"
2 
3export default function Preview() {
4  return (
5    <div className="w-dvw h-dvh text-3xl sm:text-4xl md:text-5xl flex flex-row gap-12 items-center justify-center font-overused-grotesk bg-white">
6      <div className="flex flex-col items-center justify-center text-black">
7        <BreathingText
8          staggerDuration={0.08}
9          fromFontVariationSettings="'wght' 100, 'slnt' 0"
10          toFontVariationSettings="'wght' 800, 'slnt' -10"
11        >
12          overused grotesk
13        </BreathingText>
14      </div>
15    </div>
16  )
17}