BlocksTeamContact 01

Contact 01

About this block

Contact 01 is a contact page section with a shadcn/ui card containing a name, email, and message form on the left, alongside company contact information (address, phone, email) on the right. Built with shadcn/ui Form, Input, Textarea, and Card components, the form includes basic client-side validation. The layout uses a responsive two-column grid that stacks on mobile. It does not include a backend submission handler — wire the form action to your preferred API or server action.

When to use it

  • Contact pages on marketing sites, agencies, or SaaS products that take support inquiries via email
  • About pages that include a contact section below the team or company information
  • Products that need a simple inbound inquiry form without a full helpdesk integration
  • Any page where displaying direct contact information alongside a form increases response confidence

Notes

Wire the form to a Resend email action or a Supabase table to persist and route submissions. Add a success state to the form after submission so users know their message was sent.