Morph Text

"use client";

import { MorphText } from "@/components/ui/morph-texts";

export default function HeroMorph() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center p-8">
      <p className="max-w-4xl font-light text-2xl text-foreground tracking-tight sm:text-4xl">
        Build software that feels{" "}
        <MorphText
          fontFamily="inherit"
          fontSize="1em"
          interval={2800}
          textClassName="font-semibold"
          words={["fast", "fluid", "alive"]}
        />
        .
      </p>
    </div>
  );
}