Glow Container

import { GlowContainer } from "@/components/ui/glow-container";

export default function GlowContainerDemo() {
  return (
    <div className="flex min-h-[440px] w-full flex-col items-center justify-center gap-6 bg-background p-10">
      <GlowContainer
        intensity="md"
        hover={false}
        className="w-full max-w-sm text-center"
      >
        <p className="font-mono text-sm uppercase tracking-widest text-primary">
          System Online
        </p>
        <p className="mt-2 text-sm text-muted-foreground">
          Steady neon glow container
        </p>
      </GlowContainer>

      <GlowContainer pulse className="w-full max-w-sm text-center">
        <p className="font-mono text-sm uppercase tracking-widest text-primary">
          Pulsing Signal
        </p>
        <p className="mt-2 text-sm text-muted-foreground">
          Animated glow pulse
        </p>
      </GlowContainer>

      <GlowContainer className="w-full max-w-sm text-center">
        <p className="font-mono text-sm uppercase tracking-widest text-primary">
          Hover Me
        </p>
        <p className="mt-2 text-sm text-muted-foreground">
          Border energizes on hover
        </p>
      </GlowContainer>
    </div>
  );
}