"use client";

import { useEffect, useId, useRef, useState } from "react";

/**
 * HairlineArchHero — a centred Didone headline under an arch drawn in one
 * gold hairline, the way an architect draws an elevation.
 *
 * On arrival the plinth rule draws outward from the centre, then the arch
 * rises from both bases at once and meets at the top, where a keystone is
 * cut last. The headline arrives with it, and where the font has an
 * optical-size axis (Bodoni Moda does) it sharpens from a sturdy text cut to
 * its hairline display cut as it settles, like a letter being engraved.
 * After that nothing moves on its own. Move the pointer and a low light rakes
 * across the page: a glint travels along the gold line nearest to it, and the
 * headline's cut edges catch the light from its side.
 *
 * The arch is segmental (a shallow curve over a wide opening, as over a

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