Brutal Mega Menu

"use client";

import { useEffect, useId, useRef, useState } from "react";
import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, ReactNode } from "react";

/**
 * BrutalMegaMenu — a neo-brutalist navigation bar whose menu is a full-screen
 * index that cuts in and out in a single frame.
 *
 * No slide, no fade, no blur, no stagger: pressing Menu replaces the screen
 * with the index, and Close (or Escape) takes it away, instantly. The index
 * lists the site's sections in huge type between 3px rules. The selected
 * section is a hard inverted box (ink ground, cream type), and its links and
 * a feature card sit beside it; pointing at a row, or moving to it with the
 * arrow keys, swaps them at once (a keyboard user's focus follows the pointer).
 * On a phone the links open under their row.
 *
 * Keyboard: Up and Down move between sections (Home and End jump), Right or

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