Meteors

"use client";

import { Meteors } from "@/lab/magicui/ui/meteors";

export default function MeteorDemo() {
  return (
    <div className="@container relative flex h-full w-full flex-col items-center justify-center overflow-hidden">
      <Meteors number={30} />
      <span className="pointer-events-none bg-linear-to-b from-black to-gray-300/80 bg-clip-text text-center text-[clamp(3rem,12cqw,6rem)] leading-none font-semibold whitespace-pre-wrap text-transparent dark:from-white dark:to-slate-900/10">
        Meteors
      </span>
    </div>
  );
}