Glass App Template

"use client";

import { useEffect, useId, useRef, useState } from "react";
import type { CSSProperties, FormEvent, MouseEvent as ReactMouseEvent, ReactNode } from "react";

/**
 * GlassAppTemplate — a complete product page in liquid glass, for a calendar
 * app, assembled from the glass kit's pieces on ONE adaptive tint token.
 *
 * Every glass surface on the page (the floating nav, the app window in the
 * hero, the notification, the feature tiles, the call-to-action panel and
 * the footer) mixes in a single colour, --aster-tint. That colour is not
 * fixed: as you scroll, the page reads which section is passing under the
 * nav and hands its colour to the token, so the whole set of glass re-tints
 * together (warm over the sunset hero, cool over the lagoon features, violet
 * over pricing, gold over the citrus close), the way Apple's glass adapts to
 * what sits behind it. Turn `adaptive` off and the token holds your accent
 * instead. A light also follows the pointer across every surface's rim.

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