Aurora Site
A complete launch site for an overnight AI finance agent in the Aurora register: a flowing aurora nav, a WebGL hero over a sleeping city, window features, pricing that lights the sky and a footer where the lights come out.
WebGL20 deps1 file · 109 KB TSXreduced-motion aware
Props
"use client";
import { createContext, useContext, useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
import type { ChangeEvent, CSSProperties, FormEvent, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";
/**
* AuroraSite — the launch site for an overnight finance agent, set in the
* Aurora register: a near-black night over a sleeping city, and real curtains
* of aurora light (WebGL) that fold, ray and drift across it, leaning toward
* the pointer. Every lit thing on the page (buttons, rims, the nav's band,
* the headline type) takes its colour from the same sky on one 60s clock.
*
* - A floating nav whose active mark is a band of aurora light that stretches
* to the link you choose and takes the colour of the sky above it.
* - A hero: curtains over the city's roofline, a frosted headline panel
* tinted by the live sky, and a few lit windows below.
* - "The night's work": feature cards that are windows onto one shared sky.
* - A statement set in aurora type whose brightest band follows the pointer.
// ---------------------------------------------------------------
// Full source available with a viberdy Pro subscription.
// https://viberdy.dev/pricing
// ---------------------------------------------------------------
}Details
About this page template
The whole kit as one launch page for Vesperal, a fictional AI finance agent that closes a small business's books overnight. A floating nav whose band of aurora follows the section in view; a hero where real aurora curtains fold over a sleeping city behind a frosted headline and a log of last night's work; the night's work as feature cards that are windows onto one sky; a statement set in aurora type that leans to the pointer; usage pricing where the slider widens the sky and lights the city; testimonials in cards with slow aurora rims; a waitlist where your pointer paints the dark and the field lights as you type; and a footer where the aurora rises over the city as the page ends. Every lit thing reads one 60s clock. All copy, prices and figures live in one typed content object, and the waitlist needs your handler.
Curator’s note
The Aurora kit site (slot 12): every asset in the kit composed around one typed content object, AU_DEMO, for a fictional overnight finance agent. The assets above are cut from this file, byte for byte.


