Example — Product Launch — React Page Block

Complete fictional software launch page (“Orbit” by Lumen Labs): hero, showcase, feature grid, tabs, scroll story, integrations, pricing, testimonials, FAQ, CTA and footer. All copy is demo content.

View source

Starting live preview

Usage

import { ExampleLaunch } from "@/components/ExampleLaunch";

export default function LaunchPage() {
  return <ExampleLaunch />;
}

Implementation notes & API

Purpose: proof that the blocks compose — a full launch page in one import. Every section is also installed separately. Content: fictional product "Orbit" by "Lumen Labs"; quotes and prices are invented and labeled. Links target in-page anchors or # demo routes. Requires: @vfx-ui/react. The complete example is DOM/CSS; its registry entry installs the referenced block-* items. Guardrails: give the page normal document flow (no fixed-height parent); anchors use scroll-margin so navigation never covers them.

Property	Type	Notes / default
`className / style`	`string / CSSProperties`	Applied to the page root
`(compose yourself)`	`—`	The page composes ten blocks; copy it and delete or reorder any section

View source on GitHubFree for commercial projects · MIT