M rolling text 1

"use client";

import { RollingText } from "@/registry/default/motion/rolling-text";

export default function RollingTextHero() {
  return (
    <div className="flex min-h-50 flex-col items-center justify-center gap-3 px-6">
      <p className="font-medium text-muted-foreground text-sm uppercase tracking-widest">
        Introducing
      </p>
      <h1 className="font-bold text-4xl text-foreground tracking-tight sm:text-5xl">
        <RollingText direction="up" duration={0.6} staggerDuration={0.04}>
          Design with purpose
        </RollingText>
      </h1>
    </div>
  );
}