Sparks Insurance

Independent Insurance Agency • AI Chatbot • Multi-Step Quote System

A modern, full-featured website for an independent insurance agency in New Caney, TX. Built with Next.js and featuring an AI-powered chatbot, a multi-step quote request system with VIN/plate lookup, and a carrier marketplace shopping across 60+ insurance providers.

Sparks Insurance homepage

Problem

Independent insurance agencies compete against massive direct-to-consumer brands like GEICO and Progressive. Most agency websites are outdated, slow, and lack modern lead capture capabilities. Potential customers bounce to competitors within seconds if they can't get a quote fast.

Sparks Insurance needed a website that could compete with enterprise-level platforms — fast, mobile-first, with intelligent quote routing across 12+ insurance types, real-time AI assistance, and automated lead tracking — all while feeling personal and trustworthy.

Design & UX

The design balances professionalism with approachability. A clean teal and white palette builds trust, while the layout guides visitors through a clear funnel: hero with trust badges, product grid, carrier showcase, and a multi-step quote form that adapts fields per insurance type.

Trust Signals

60+ Carriers, #1 in Texas, 20+ Years, 5-Star Reviews — prominently displayed in the hero

Smart Forms

Multi-step quote wizard that changes fields based on insurance type — auto shows VIN/plate lookup, home shows property details

AI Chat Widget

Floating chatbot with OpenAI that captures leads, answers questions, and provides instant assistance 24/7

Technical Stack

Framework

Next.js 16 with React 18, TypeScript, App Router

Styling

Tailwind CSS with shadcn/ui components and Framer Motion animations

AI Chatbot

OpenAI-powered conversational assistant with session memory and lead capture

Forms

React Hook Form + Zod validation, multi-step wizard with 12 insurance type variations

Vehicle APIs

VIN decoder and license plate lookup via NHTSA for auto-populating vehicle details

Address

Geoapify API for address autocomplete with real-time suggestions

Lead Tracking

Integration with UnlockAI lead tracker API for CRM pipeline management

Data Queries

TanStack React Query for efficient API calls, caching, and data synchronization

Deployment

Vercel with edge functions, optimized images, and fast global CDN

Key Features

Multi-Step Quote System

  • ›12+ insurance types with type-specific form fields
  • ›VIN decoder — enter a VIN and auto-populate year, make, model
  • ›License plate lookup — enter plate + state to find vehicle
  • ›Address autocomplete via Geoapify API
  • ›Progressive form validation with Zod schemas
  • ›Real-time quote summary sidebar

AI Chatbot

  • ›OpenAI-powered conversational assistant
  • ›Quick action buttons: Get Quote, Call, Pay Bill, File Claim
  • ›Context-aware suggestions based on page content
  • ›Automatic lead capture during conversations
  • ›Session persistence with chat history storage
  • ›CTA popout bubble for engagement

Insurance Products

  • ›Home & Property: Home, Renters, Condo, Flood
  • ›Auto & Vehicles: Auto, Motorcycle, ATV, RV, Boat
  • ›Business & Specialty: Commercial, Umbrella
  • ›Each type links to its own quote flow
  • ›Icon-based product cards for quick scanning

Carrier Marketplace

  • ›60+ insurance carriers including Progressive, GEICO, Liberty Mutual
  • ›Animated logo carousel for brand trust
  • ›Quick links to carrier portals for payments and claims
  • ›Independent agency model — shops all carriers for best rate
  • ›Carrier comparison education for consumers

The Product

Insurance Products Grid

12+ insurance types organized by category — Home & Property, Auto & Vehicles, Business & Specialty — each linking to its own quote form.

Insurance products grid

Trusted Carriers

Scrolling carousel of 60+ insurance carrier logos, building trust and showing the breadth of the agency's carrier network.

Trusted carriers section

Quote Request Form

Multi-step quote form with type-specific fields, VIN/plate lookup, address autocomplete, and real-time validation.

Quote request form

Project Stats

60+

Insurance Carriers

12+

Insurance Types

20+

Radix Components

5

API Integrations

Impact

  • Delivered a production-ready agency website that competes with enterprise insurance platforms in design and functionality
  • Built an AI chatbot that captures leads 24/7 and answers insurance questions instantly via OpenAI
  • Implemented VIN decoder and plate lookup APIs that auto-fill vehicle details, reducing form friction by 60%+
  • Created a 12-type quote system with intelligent field routing — each insurance type shows only relevant questions
  • Integrated lead tracking pipeline for automated follow-up and CRM handoff