local-business-lead-form

Build local business lead forms with Google Places autocomplete and postcode validation.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/redbananastudios/ai-library --skill local-business-lead-form
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: local-business-lead-form
Source: https://github.com/redbananastudios/ai-library/tree/main/skills/local-business-conversion/skills/local-business-lead-form
Command: npx skills add https://github.com/redbananastudios/ai-library --skill local-business-lead-form

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves abandoned lead capture and unreliable lead routing by providing a conversion-focused local business quote/lead form that consistently emails the operator and persists every submission for audit.

Core Features & Use Cases

  • Two-step hero quote form (low friction): Collects name/email and moving-from/to addresses first, then gathers phone/date/property size/referrer on the second step to improve completion when the top surface has high drop-off.
  • Single-step /quote/ page form (high intent): Supports a dedicated higher-commitment flow with phone/email, from/to postcodes, services, notes, and a WhatsApp alternative.
  • Service-area postcode validation widget: Adds an outcode-based postcode checker (match/no-match/invalid) that drives PPC/Meta optimization events without storing full postcodes.
  • Server-side dual-write submit: On submit, performs validation, sends email via Resend, and writes a quoteSubmission document to Sanity, with logging and graceful continuation when downstream services fail.
  • Form-field abandonment tracking: Fires focus and abandonment events so operators can identify which field(s) hurt conversions, and pairs with local-business-conversion-analytics for event delivery.

Quick Start

Use the local-business-lead-form skill to implement either the two-step hero flow or the single-step /quote/ page form, wire the postcode checker where service coverage is shown, and ensure the Resend + Sanity dual-write submit action is connected.

Frequently Asked Questions about local-business-lead-form

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a local business quote form that sends email and saves to a CMS?▼

Build a conversion-optimized quote form using a Next.js server action that validates submissions, sends email via Resend, and persists documents to Sanity CMS for audit-ready dual-write lead capture.

What is the best way to track lead form abandonment and field focus events?▼

Track lead form abandonment by firing focus and abandonment analytics events on specific fields, allowing operators to identify which inputs hurt conversion rates and optimize the form accordingly.

How do I add Google Places autocomplete to a Next.js moving quote form?▼

Add Google Places autocomplete to a Next.js quote form to capture accurate moving-from and moving-to addresses, reducing user friction and improving local lead data quality.

Can I validate service-area coverage without storing full postcodes in my CRM?▼

Validate service-area coverage using an outcode-only PostcodeChecker widget that returns match, no-match, or invalid results, driving PPC optimization events without storing full postcode data.

Does this lead generation form support a low-friction two-step hero variant?▼

Yes, the lead generation form supports a two-step hero variant that collects name, email, and addresses first, then gathers phone and moving details on the second step to reduce drop-off.

What happens if Resend or Sanity fails during a lead form submission?▼

If Resend or Sanity fails during lead form submission, the server action logs the error and continues gracefully, ensuring the dual-write process does not break the user experience.