About
Contact section with a contact form and direct contact details (phone, email, address). Posts to /api/send-email and offers a Cal.com follow-up booking.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ContactSection to your project and fits it to your theme.
Code
How ContactSection is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ContactSectioninline from "@/components/ui/contact-section"
export default function Demo() {
return <ContactSectioninline />
}
Dependencies
More by Jason Mohab-Ali
View all
Alqemist Interactive Demo
9
Qreatify Super Agent Card
5
Alqemist Security
4
Alqemist Hero
4
Alqemist How It Works
3
Alqemist Cta
2
What Saa SApp Shell
2
FirstReply Product Detail flow