Light beam footer for React: a midnight-navy closing section with a slow diagonal shaft of light and a pointer glow that passes behind the link columns and through a giant brand wordmark cropped by the bottom edge. Copyright row, glassy social buttons, link columns with accent labels, custom brand, links and colours.
"use client"
import BeamWordmarkFooter from "@/components/ui/beam-wordmark-footer"
export default function Demo() {
// w-full is load-bearing: 21st centres every demo in a flex wrapper, and a
// flex item left at width:auto shrinks to its contents.
return (
<div className="w-full bg-[#02040b]">
<BeamWordmarkFooter />
</div>
)
}