Northwind Contact Split
Two-column split pairing the contact form with a contact-info panel of details.
Other ways to reach us
hello@baselumen.com
Phone
+1 (555) 018-2245
Office
500 Market St, San Francisco, CA
Typical reply time: under 24 hours
The full source is for members
Sign in and choose a plan to view and copy northwind-contact-split.tsx. The live preview above is free to explore.
How to use. Copy northwind-contact-split.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
