Form Blocks

Production-ready form blocks with client-side validation, error handling, and success states. All forms include honeypot spam protection and are ready for Web3Forms integration.

Contact Form

Standard contact form with name, email, phone, subject, and message fields. Includes client-side validation and accessible error messages.

Get in Touch

We'd love to hear from you. Send us a message and we'll respond as soon as possible.

Newsletter Forms

Compact email signup with optional GDPR consent checkbox. Available in inline or stacked layouts.

📋 Additional Form Components

This template includes additional form block components:

  • LeadMagnetForm: Gated content download with resource preview
  • MultiStepForm: Progressive form flow with multiple steps
  • CalculatorForm: Interactive calculator with results (debt payoff example)

All form components are available in src/components/blocks/ and can be imported and customized for your needs.

🔌 Form Integration

All form blocks are configured to work with Web3Forms for easy backend integration:

  1. Get a free API key from web3forms.com
  2. Pass the key as the apiKey prop to any form component
  3. Forms will automatically submit to Web3Forms and handle responses
  4. Set up email notifications in your Web3Forms dashboard

Note: Forms also include honeypot spam protection and can be easily adapted to work with other form backends or custom APIs.