The gate a private site shows before any of its pages, its single field filling character by character while the domain it belongs to sits above.
The import and the props worth knowing about, in one place.
import { Form40 } from "@/components/beste/piece/form40";
<Form40
surface="card"
bordered={false}
inverted={false}
domain="yourdomain.com"
title="This site is private"
placeholder="Enter a password"
submitLabel="Apply"
length={8}
stepMs={190}
/>