SDF Contact Hero
Two-column contact hero pairing info and methods with a sticky message form card.
Contact
Tell us about your project.
We reply within 24 hours, every weekday. Most projects start within two weeks of first contact.
- Emailhello@example.com
- Phone+1 (212) 555–1234
- Presspress@example.com
- HoursMon–Fri · 9am–6pm ET
The full source is for members
Sign in and choose a plan to view and copy BaselumenContactHero.tsx. The live preview above is free to explore.
How to use. Copy BaselumenContactHero.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.
