Shimmer Text

Create a smooth shimmer text animation component with the following characteristics:

## Requirements:
- Shimmer/gloss effect that slides across text
- Smooth continuous animation
- Customizable shimmer speed and color
- Responsive design
- Gray-50 background (matching glitch card)
- Works with any text
- Premium feel with realistic lighting

## Component Props:
- text: string (default: 'Shimmer')
- duration: number in seconds (default: 3)
- className: string for text styling
- shimmerColor: str...

'use client'

export default function ShimmerText() {
  return (
    <div className="w-full h-full flex items-center justify-center bg-gray-50 overflow-hidden">
      <style>{`
        @keyframes shimmer {
          0% {
            background-position: -1000px 0;
          }
          100% {
            background-position: 1000px 0;
          }
        }

        .shimmer-text {
          background: linear-gradient(
            90deg,
            #000000 0%,
            #000000 20%,
         ...

# Shimmer Text Component - Documentation

## What is this?
A smooth shimmer/gloss effect animation component that creates a premium, polished look with a sliding light effect across text. Perfect for hero sections and premium UI elements.

## Installation

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

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

3. Use it in your component:

```typescript
<ShimmerText />
```

## How ...