Pattern Text

import { PatternText } from "@/components/ui/pattern-text";
import { cn } from '@/lib/utils';

export default function DemoOne() {
  return <div className="relative flex min-h-screen w-full flex-col items-center justify-center">
			<div
				aria-hidden="true"
				className={cn(
					'pointer-events-none absolute -top-10 left-1/2 size-full -translate-x-1/2 rounded-full',
					'bg-[radial-gradient(ellipse_at_center,--theme(--color-foreground/.1),transparent_50%)]',
					'blur-[30px]',
				)}
			/>
			<PatternText text="21st.dev" />
		</div>;
}