Jelly Letter Hero

"use client";

import { Fragment, useEffect, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";

/**
 * JellyLetterHero — a first screen whose oversized headline is made of soft bodies you can squash.
 *
 * Every letter is a soft body cut from the real type: move through the
 * letters and the pointer dents them; press one and it squashes onto its
 * baseline with its area kept; drag it and it stretches after you; let go
 * and it wobbles home to its exact rest shape. One line sits on a
 * bubblegum chip that squashes as one gummy slab, and the tags below are
 * soft too. Simulated live, drawn in WebGL2 with grain fixed to the
 * material, asleep when still. Without WebGL2 or with reduced motion the
 * headline is plain type; screen readers always get plain text.
 *
 * Part of the Tactile Maximalism kit: dough #f7f0e4, warm ink #17130f and

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