CTA Glow Section

export function CtaGlowSection() {
  return (
    <div className="relative max-w-md overflow-hidden rounded-2xl border border-neutral-800 bg-neutral-950 px-6 py-8 text-center">
      <div
        aria-hidden="true"
        className="pointer-events-none absolute inset-x-0 -top-10 h-28 blur-2xl"
        style={{
          background:
            "radial-gradient(ellipse at center, rgba(245,158,11,0.4) 0%, transparent 70%)",
        }}
      />
      <h3 className="text-lg font-semibold text-neutral-50">
        Ready to ship faster?
      </h3>
      <p className="mx-auto mt-1.5 max-w-xs text-xs text-neutral-400">
        Premium components, one paste away.
      </p>
      <button
        type="button"
        className="group relative mt-4 overflow-hidden rounded-lg bg-amber-500 px-5 py-2.5 text-xs font-semibold text-neutral-950"
      >
        <span
          aria-hidden="true"
          className="absolute inset-0 -translate-x-[130%] bg-gradient-to-r from-transparent via-white/40 to-transparent transition-transform duration-700 group-hover:translate-x-[130%]"
        />
        Get started
      </button>
    </div>
  );
}