Text Animation

Create a smooth, minimalist text animation component with the following characteristics:

## Requirements:
- Animated text effects (typewriter, fade-in, character animation, word animation)
- Multiple animation variations (typewriter, fadeIn, slideUp, waveEffect)
- Customizable speed and color
- Responsive design
- Dark theme with customizable colors
- Works with headings and body text
- Smooth easing animations

## Component Props:
- variant: 'typewriter' | 'fadeIn' | 'slideUp' | 'wave' (defaul...

'use client'

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

type TextVariant = 'typewriter' | 'fadeIn' | 'slideUp' | 'wave'
type Size = 'sm' | 'md' | 'lg' | 'xl'

interface TextAnimationProps {
  text: string
  variant?: TextVariant
  speed?: number
  color?: string
  delay?: number
  size?: Size
}

export default function TextAnimation({
  text,
  variant = 'typewriter',
  speed = 100,
  color = 'black',
  delay = 0,
  size = 'md',
}: TextAnimationProps) {
  const [displayedText, setDispl...

# Text Animation Component - Documentation

## What is this?
A smooth, minimalist text animation component with multiple text animation effects. Perfect for headlines, intros, and engaging typography displays.

## Installation

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

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

3. Use it:

```typescript
<TextAnimation text="Hello World" />
```

## How to Use

### Simple t...