Holo Foil Field

"use client";

import { useEffect, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, ReactNode } from "react";

/**
 * HoloFoilField — a full-bleed sheet of holographic foil in WebGL2.
 *
 * The sheet is crumpled (ridged noise: sharp creases, smooth faces) and
 * coated in a thin film whose colour follows Newton's series, not a
 * rainbow. Each face reflects a lit room, so it flashes silver or falls
 * dark as it turns; the pointer tilts the sheet, sweeping the colours
 * across it, and a light over the pointer makes the nearest faces glint.
 * The film drifts on a 44s cycle. Content goes on top as children.
 *
 * Without WebGL2 it falls back to a CSS foil gradient. Paused off screen
 * and in hidden tabs; reduced motion stops the drift.
 *

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}