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.