video-background.tsx

'use client'

import { useState, useEffect } from 'react'
import { clsx } from 'clsx'
import { Image } from '@/components/image'

export interface VideoBackgroundProps {
  /** Vimeo video ID */
  videoId: string
  /** Vimeo hash for private/unlisted videos */
  videoHash?: string
  /** Poster image to show while video loads */
  posterImage?: string
  /** Gradient overlay classes */
  gradientOverlay?: string
  /** Additional className for the container */
  className?: string
}

export function VideoBackground({