import { FadeUp, StaggerGroup } from "@ui-universe/ui";

export function Hero() {
  return (
    <StaggerGroup stagger="normal">
      <FadeUp>
        <span className="text-sm text-[#ee502c]">
          Introducing uiUniverse
        </span>
      </FadeUp>
      <FadeUp>
        <h1 className="text-6xl font-bold">
          Ship stunning pages<br /> in minutes.
        </h1>
      </FadeUp>
      <FadeUp>
        <p className="text-xl text-neutral-400">
          AI-native motion components for React & Next.js
        </p>
      </FadeUp>
    </StaggerGroup>
  );
}