Metric Proof Tiles

"use client";

import { useEffect, useRef, useState } from "react";
import type { CSSProperties, PointerEvent as ReactPointerEvent } from "react";

/**
 * MetricProofTiles — a proof section set as bento tiles: small 1x1 figures,
 * and one accent tile that breaks the row.
 *
 * Each stat is a single 1x1 tile: a mono label and a big bold figure, the
 * way keynote recap slides and live dashboards set their numbers. The one
 * figure you most want remembered is a 2x1 tile filled with the accent, the
 * only colour on the section, so it breaks the rhythm of the row. A 2x1
 * quote puts a person next to the numbers.
 *
 * The figures count up once, when the section scrolls into view (ease-out,
 * 900ms, 60ms apart), as the tiles rise into place. A section that is
 * already on screen when the page loads keeps its final numbers, so nothing

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