A hero heading that cycles through keyword variants with blur-fade transitions, highlighting the active word with an accent gradient.
import { AnimatedSelectHeadline } from "@/components/ui/animated-select-headline"; export default function Default() { return ( <div className="flex min-h-[320px] w-full items-center justify-center p-8"> <AnimatedSelectHeadline prefix="Build amazing websites at" words={["warp speed", "pure flow", "light speed"]} interval={2500} /> </div> ); }