"use client";

import { useEffect, useRef } from "react";
import type { KeyboardEvent as ReactKeyboardEvent } from "react";

/**
 * LiquidLensHero — a slab of liquid glass you can pick up and drag across a
 * vivid scene, bending the headline underneath it.
 *
 * Two WebGL2 passes. The first paints the scene into a texture: slow,
 * domain-warped colour bands in the chosen palette, fine pinstripes (straight
 * lines are what make bending legible) and the headline itself, drawn from a
 * 2D canvas in the page's own font. The second pass composites that texture
 * with the lens: a rounded slab whose rim pulls the scene inward like thick
 * glass, a slight magnification across the face, red, green and blue bent by
 * different amounts at the edge, a rim lit from the side the pointer is on,
 * a soft highlight, and a shadow cast on the scene below.
 *

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