The APIs & integrations that turn this site into a lead-generation engine.
Every third-party service this website needs — lead capture, CRM sync, WhatsApp, email, analytics, calendar booking, AI features and SEO indexing — mapped to a recommended provider, an ENV variable, and where it plugs in.
The end-to-end lead flow.
A visitor hits the site, fills the form (or clicks WhatsApp / Calendly), the lead is captured, validated, routed to your CRM, and triggers a notification plus an auto-responder. Every integration on this page plugs into one of these five steps.
Catching the lead the moment they hit submit.
Forms on this site already carry data-fw-lead. The site shell intercepts the submit and POSTs to a single endpoint. Pick Formspree for the fastest path, or a small custom Next.js / Vercel function for full control.
Formspree
formspree.ioNo-backend form endpoint. Email + Slack + Zapier hooks built in. Drop the form ID into FW_LEAD_ENDPOINT and you are live in 5 minutes.
Vercel / Next.js API route
vercel.comRoll your own /api/lead handler. Lets you validate with Zod, dedupe, enrich (Clearbit), then fan-out to email + Slack + CRM in one place.
Airtable as DB
airtable.comUse an Airtable base as your lightweight lead DB so non-technical team members can view, tag, comment on leads without an admin panel.
n8n / Zapier / Make
n8n.ioOnce a lead hits the endpoint, push it through n8n to fan out — tag in HubSpot, ping Slack, post to WhatsApp, drop a row in Sheets. No backend rewrites.
Where the lead lives after capture.
Capturing leads is half the work — without a CRM you lose context after 5 days. Pick one. Don't run two in parallel.
HubSpot CRM
hubspot.comFree CRM tier covers 1M contacts. Lead pipeline, email sequences, task reminders. Connect via HubSpot Forms API or a Private App token.
Pipedrive
pipedrive.comSales-team-first CRM. Cleanest deal stages of any tool. Worth it if you have a 2+ person BD team.
Notion / Airtable
notion.soFor a 2-3 person team, a Notion database plus a Slack ping covers 80% of what a CRM does at zero cost. Upgrade later.
Slack notifications
api.slack.comWhatever CRM you choose, also drop every lead into a #leads channel via an Incoming Webhook. Fastest way for the team to respond inside a 2-hour SLA.
Transactional email for confirmations & auto-replies.
When a lead submits, both parties get an email. The team gets a "new lead" alert, the visitor gets a friendly "we have it" confirmation. Don't use Gmail SMTP — it will be blocked.
Resend
resend.comModern transactional email. React Email template support. 3,000 emails / month free. The cleanest dev experience of any email API.
SendGrid
sendgrid.comTwilio-owned, battle-tested. Higher free tier (100/day forever). More configuration but stronger deliverability on a fresh domain.
EmailJS
emailjs.comFully client-side, no backend at all. Good for static HTML deployments like this one. Free up to 200/month. Less secure since the API key sits in the browser.
Mailchimp / ConvertKit
mailchimp.comOnly needed once you start a newsletter or drip campaigns. For pure transactional, Resend is cheaper and faster.
The single biggest conversion channel for Pakistan-based studios.
A click-to-WhatsApp link works today and is free. To send proactive messages (auto-reply when a form is filled, "we got your brief", etc.) you need the WhatsApp Business API via a BSP.
wa.me click-to-chat
wa.me/<number>The floating green button on every page already uses this. No API, no setup — swap the placeholder number in site.js for your real one.
Meta WhatsApp Cloud API
developers.facebook.comDirect from Meta. First 1,000 service conversations per month free. Send template messages programmatically — “Hi {name}, we got your brief.”
Twilio WhatsApp API
twilio.com/whatsappTwilio sits on top of Meta — same approval flow but with their dashboards. Good if you already use Twilio for SMS.
Twilio SMS (fallback)
twilio.com/smsFor clients outside WhatsApp regions (USA, parts of Europe). Send a text alert to the team when a high-budget lead lands.
Let prospects book a 30-minute discovery call themselves.
High-intent visitors don't want to email and wait. Drop a Calendly (or Cal.com) embed on the contact page so they pick a slot directly. Each booking should fire a webhook into your CRM as a hot lead.
Calendly
calendly.comEasiest embed. Free tier covers a single event type, paid is needed for multiple BD reps. Webhooks fire on every booking.
Cal.com
cal.comOpen-source Calendly alternative. Self-hostable if you care about data residency. UI is as good as Calendly's.
Zoom / Google Meet
zoom.usConnect Zoom or Meet to Calendly so each booking creates a unique meeting URL automatically. No manual links.
Google Calendar API
developers.google.comCalendly handles 99% of the case. Only touch the raw Google Calendar API if you build a custom in-app scheduler for a client product (Neurowaze-style).
So you know which channel actually drives leads.
Without analytics, every marketing dollar is guesswork. Install GA4 day one. Add Microsoft Clarity for free session replay — the single best way to see where visitors drop off on the form.
Google Analytics 4
analytics.google.comThe default. Track form submits as lead_submit events. Already wired in the site shell — set window.gtag and you are live.
Microsoft Clarity
clarity.microsoft.comFree, unlimited session replays + heatmaps. Catch dead-clicks, rage-clicks, scroll dead-zones. Worth its weight in gold for conversion debugging.
PostHog
posthog.comProduct-style analytics — funnels, retention, A/B. Stronger than GA4 for understanding the lead journey. Free up to 1M events / month.
Meta Pixel / LinkedIn Insight
business.facebook.comOnly if you spend on Meta or LinkedIn ads. The Pixel lets you track conversions back to a specific ad and retarget visitors who didn't convert.
To prove you can actually ship AI.
Fusionwave's value-prop is AI engineering — the site itself should demonstrate that. An AI receptionist on the homepage, an AI lead-scoring step in the pipeline, or an AI-powered estimator that explains its cost breakdown.
Anthropic Claude API
api.anthropic.comClaude Haiku for cheap fast responses (AI receptionist, summarization). Sonnet / Opus for higher-quality routing and estimation reasoning.
OpenAI API
platform.openai.comGPT-4o for general chat, embeddings for semantic search, Whisper for voice transcription. Default for most AI product features.
Pinecone / pgvector
pinecone.ioFor RAG — a chatbot that knows the case studies, blog posts, services. pgvector is free and lives inside your existing Postgres.
LangChain / LlamaIndex
js.langchain.comOnly if you build a multi-step agentic flow (an AI receptionist that books calls, looks up case studies, escalates to a human). For one-shot prompts, plain SDKs are simpler.
Make sure Google & AI assistants find you.
Already wired into the site shell: an Organization schema JSON-LD on every page, a /llms.txt file for AI crawlers, and a permissive /robots.txt. Add these tools to monitor and improve.
Google Search Console
search.google.com/search-consoleVerify the domain, submit sitemap.xml, monitor which queries Google actually shows the site for. The most important free SEO tool that exists.
Ahrefs / SEMrush
ahrefs.comBacklink monitoring, keyword research, competitor gap analysis. Needed once you launch a blog content program.
Schema.org JSON-LD
schema.orgOrganization schema is injected globally. Add Article per case study and Service per service page for richer SERP results.
llms.txt for AI crawlers
/llms.txtAlready shipping at /llms.txt. When Claude, GPT, Perplexity get asked “best AI dev studio in Pakistan”, they can find structured facts about Fusionwave.
Where the site itself lives.
Vercel
vercel.comFor Next.js — zero config, global edge CDN, branch previews. Free tier covers a typical marketing site comfortably.
Cloudflare Pages
pages.cloudflare.comStatic-friendly. Unlimited bandwidth even on the free tier. Pair with Cloudflare Workers for API routes.
Supabase
supabase.comPostgres + Auth + Storage + Edge Functions. If you outgrow Airtable as a lead DB, this is the next stop.
Sentry
sentry.ioCatch JS errors in production, especially on the form submit path. A silently broken contact form is the worst SEO and UX bug there is.
Environment variables to wire it all up.
Drop these into Vercel project settings (or your .env file if self-hosting). Anything prefixed NEXT_PUBLIC_ is safe to expose to the browser; everything else stays server-side.
What to ship today, this week, this month.
You don't need every API to start. Three weeks of disciplined setup turns the site from a portfolio into a lead-gen machine.
P0 · Ship Today
- Real WhatsApp numberreplace placeholder in site.js
- Real phone & emailsame file — tel: and mailto: links
- Formspree endpointFW_LEAD_ENDPOINT in env
- Slack #leads webhookteam gets pinged on every lead
- GA4 + Clarity tags2 script tags, all pages
- Google Search Consoleverify domain, submit sitemap.xml
P1 · This Week
- HubSpot CRMforward every lead in via API
- Resend transactional emailteam alert + visitor auto-reply
- Calendly embed on /contactenable webhook → CRM
- Sitemap.xml generatorone route per page
- Article + Service schemaper case study / service page
- Sentry error trackingcatch silent form failures
P2 · This Month
- WhatsApp Business APIMeta Cloud, free 1K msg/mo
- n8n routing flowslead → tag → enrich → notify
- PostHog product analyticsfunnel: visit → form → submit
- AI receptionist demoClaude Haiku on /contact or homepage
- Blog with 3 launch postslong-tail SEO begins
- Sanity / Notion as CMSif blog frequency > 1 / week
Two budgets — bootstrap and growth.
The bootstrap stack runs on free tiers indefinitely up to ~500 leads/month. Switch to the growth stack once volume justifies it.
| Service | Bootstrap | Growth | $ / mo |
|---|---|---|---|
| Lead capture | Formspree free | Vercel + custom API | $0 → $20 |
| CRM | HubSpot Free | HubSpot Starter | $0 → $20 |
| Resend free (3K/mo) | Resend Pro | $0 → $20 | |
| wa.me link | Meta Cloud API | $0 → $0–25 | |
| Calendly | Free (1 event) | Standard | $0 → $12 |
| Analytics | GA4 + Clarity | + PostHog Pro | $0 → $0–50 |
| AI (Claude + OpenAI) | Pay-as-you-go | ~10K calls/mo | $0 → ~$30 |
| Hosting (Vercel) | Hobby | Pro | $0 → $20 |
| Error tracking | Sentry free | Team | $0 → $26 |
| Total | — | — | $0 → ~$180 |
Want us to wire all of this up?
We build the whole lead-gen stack — endpoint, CRM, email auto-reply, WhatsApp, Calendly, analytics, schema — for any website. Usually a one-week sprint.