Neon Glow

Create a smooth, minimalist neon effects component with the following characteristics:

## Requirements:
- Digital neon and distortion animations
- Multiple neon variations (text neon, image neon, color shift, displacement, static)
- Customizable intensity and speed
- Responsive design
- Dark theme with customizable colors
- Works with text and images
- Smooth easing animations
- Cyberpunk aesthetic

## Component Props:
- type: 'text' | 'image' | 'color' | 'displacement' | 'static' (default: 'te...

'use client'

import React, { useState, useEffect } from 'react'

type GlitchType = 'text' | 'image' | 'color' | 'displacement' | 'static'

interface NeonGlowProps {
  children: React.ReactNode
  type?: GlitchType
  intensity?: number
  speed?: number
  color?: string
}

export default function NeonGlow({
  children,
  type = 'text',
  intensity = 5,
  speed = 200,
  color = 'black',
}: NeonGlowProps) {
  const [neonOffset, setGlitchOffset] = useState({ x: 0, y: 0 })
  const [isGlitching, setIsG...

# Neon Glow Component - Documentation

## What is this?
A minimalist neon effects component with digital distortion and cyberpunk aesthetics. Perfect for creating eye-catching visual effects for tech-forward designs and gaming interfaces.

## Installation

1. Copy the component code to your project: `components/NeonGlow.tsx`
2. Import it in your page:

```typescript
import NeonGlow from '@/components/NeonGlow'
```

3. Wrap your content:

```typescript
<NeonGlow>
  <h1>Glitch me!</h1>
</NeonGlow>...