import { cn } from '@/lib/utils';

/**
 * Soft conic-gradient bloom used behind hero and CTA copy.
 * Position and size it with `className`; it never captures pointer events.
 */
export function GradientGlow({ className }: { className?: string }) {
  return (
    <div
      aria-hidden="true"
      className={cn(
        'pointer-events-none absolute rounded-full blur-3xl',
        className,
      )}
      style={{
        background:
          'conic-gradient(from 180deg at 50% 50%, #7c3aed, #2563eb, #06b6d4, #ec4899, #7c3aed)',
      }}
    />
  );
}