Contact form with name, email, subject, and message fields plus an optional info sidebar.
Install
npx bouncekit@latest add contactsectionImport
import { ContactSection } from "@/components/marketing/contact-section"1. Copy the source file
Copy src/components/marketing/contact-section.tsx into your project at the same path.
2. Install dependencies
Check the component's imports and install any missing packages.
3. Import and use
import { ContactSection } from "@/components/marketing/contact-section"Make sure you have cn() from @/lib/utils available in your project.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
heading | string | — | Section heading. |
description | string | — | Supporting description. |
info | ContactInfo | — | Contact details { email, phone, address }. |
onSubmit | (data: FormData) => void | — | Form submit handler. |