Blocks — React

A block is a whole section wearing a shader. Shape it on its page with Customize, then open Install, choose React and download it. Or add it with the CLI: npx @aperveil/cli add block signature-hero --framework react. The README in the download has the install line for the packages it uses.

import SignatureHeroSection from "@/components/aperveil/signature-hero";

export default function Page() {
  return <SignatureHeroSection />;
}

Unzip it into components/aperveil/ and render it from its entry file. Every prop is optional: content overrides any line of the copy, design the colours and typefaces, shader the shader's values, and on a form block onSubmit makes the form live. The entry file imports the block's stylesheet; the Next.js Pages Router accepts global CSS in pages/_app.tsx only, so move that import there.