Glitch Effects

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

## Requirements:
- Digital glitch and distortion animations
- Multiple glitch variations (text glitch, image glitch, 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' (de...

'use client'

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

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

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

export default function GlitchEffects({
  children,
  type = 'text',
  intensity = 5,
  speed = 200,
  color = 'black',
}: GlitchEffectsProps) {
  const [glitchOffset, setGlitchOffset] = useState({ x: 0, y: 0 })
  const [is...

# Glitch Effects Component - Documentation

## What is this?
A minimalist glitch 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/GlitchEffects.tsx`
2. Import it in your page:

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

3. Wrap your content:

```typescript
<GlitchEffects>
  <h1>...