// Industry Selector, tabbed vertical selector with animated expand const { useState: useIndState, useEffect: useIndEffect, useRef: useIndRef } = React; const INDUSTRIES = [ { id: 'medspas', icon: '✦', name: 'Med Spas', tagline: 'Lose $400 every missed call?', tag: '// MED SPA', color: '#00D9A0', pains: [ 'Missed calls during treatments = $400+ per lost appointment', 'Instagram DMs go dark after hours, leads go cold', 'No-shows kill daily revenue and staff morale', ], solutions: [ 'AI receptionist that books 24/7 via call, SMS, and DM', 'Instagram DM qualifier that pre-screens leads automatically', 'No-show recovery agent with smart rebooking sequences', ], outcome: 'Clients see 30–45% reduction in no-shows within 60 days.', metric: { value: '+$184K', label: 'recovered annually · 8-room med spa' }, quote: { text: 'Bookings up 38%. We stopped losing every after-hours lead.', author: 'Owner · 8-treatment-room med spa' }, cta: 'See Med Spa builds →', ctaHref: 'work.html', }, { id: 'cpa', icon: '◈', name: 'CPA Firms', tagline: 'Tax season burning out your team?', tag: '// CPA & ACCOUNTING', color: '#8B5CF6', pains: [ 'Manual document review eats 40+ hours per partner per season', 'Client onboarding is a fragmented mess of email chains', 'IRS/HMRC notices pile up while staff handle routine queries', ], solutions: [ 'AI workpaper assistant that flags issues before review', 'Client onboarding agent, intake to engagement letter, automated', 'IRS/HMRC notice triage with priority routing and draft responses', ], outcome: 'Partners report 15+ hours saved weekly during peak season.', metric: { value: '15 hrs', label: 'saved per partner per week · peak season' }, quote: { text: 'Tax season stopped breaking us. Partners actually took weekends off.', author: 'Managing Partner · 4-partner CPA firm' }, cta: 'See CPA builds →', ctaHref: 'work.html', }, { id: 'realestate', icon: '◎', name: 'Real Estate', tagline: 'Slow lead response killing deals?', tag: '// REAL ESTATE', color: '#F59E0B', pains: [ '78% of buyers go with the first agent who responds, yours is asleep', 'Listing descriptions take 2+ hours per property', 'Transaction coordinators drown in showing logistics', ], solutions: [ 'Lead qualification agent, responds in 90 seconds, 24/7', 'Listing description generator from MLS data + photos', 'Showing scheduler and TC copilot for closing coordination', ], outcome: 'Lead response time cut from 4 hours to under 2 minutes.', metric: { value: '< 2 min', label: 'lead response · 24/7 · vs 4 hrs before' }, quote: { text: 'We close the leads competitors never even reply to.', author: 'Team Lead · 18-agent real estate brokerage' }, cta: 'See Real Estate builds →', ctaHref: 'work.html', }, { id: 'lawfirms', icon: '⬡', name: 'Law Firms', tagline: 'Intake friction costing you clients?', tag: '// LAW FIRMS', color: '#00D9A0', pains: [ 'New client intake takes days and involves 6+ manual steps', 'Contract drafting consumes hours a senior associate could bill out', 'Client status updates require staff to pull files and call back', ], solutions: [ 'Intake bot with conflict-check integration and e-sign flow', 'Contract draft assistant, first draft in minutes, not hours', 'Client status updater via SMS/email, zero staff time', ], outcome: 'Intake-to-engagement cut from 3 days to 4 hours.', metric: { value: '4 hrs', label: 'intake-to-engagement · vs 3 days before' }, quote: { text: 'Senior associates bill the hours they used to lose to admin.', author: 'Partner · 12-attorney litigation firm' }, cta: 'See Law Firm builds →', ctaHref: 'work.html', }, { id: 'retail', icon: '◇', name: 'Retail & E-com', tagline: 'Support volume crushing your margins?', tag: '// RETAIL', color: '#8B5CF6', pains: [ 'Customer support volume scales with revenue, team can\'t keep up', 'Returns processing eats 3+ staff hours per day', 'Review response is an afterthought, reputation suffers', ], solutions: [ 'AI customer support agent handling 80% of tickets autonomously', 'Returns triage system, policy check, refund initiation, escalation', 'Review response automation across Google, Yelp, and Trustpilot', ], outcome: '80% of support tickets resolved without human touch.', metric: { value: '80%', label: 'tickets resolved · zero human touch' }, quote: { text: 'Our support team scaled 4× without hiring a single person.', author: 'Operations · DTC e-com brand · $14M/yr' }, cta: 'See Retail builds →', ctaHref: 'work.html', }, ]; function IndustrySelector() { const [active, setActive] = useIndState('medspas'); const [revealed, setRevealed] = useIndState(false); const sectionRef = useIndRef(null); useIndEffect(() => { const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) setRevealed(true); }, { threshold: 0.15 }); if (sectionRef.current) obs.observe(sectionRef.current); return () => obs.disconnect(); }, []); const activeData = INDUSTRIES.find(i => i.id === active); return (
{/* Section bg accent */}
{/* Header */}
// PICK YOUR INDUSTRY

We know your industry.
Not just your workflows.

{/* Tab row */}
{INDUSTRIES.map((ind, idx) => { const isActive = active === ind.id; return ( ); })}
{/* Expanded detail panel */} {activeData && (
{/* Left: Pains */}
{activeData.tag} · PAIN POINTS
{activeData.pains.map((pain, i) => (
0{i + 1} {pain}
))}
{/* Right: Solutions + Outcome */}
{activeData.tag} · WHAT WE BUILD
{activeData.solutions.map((sol, i) => (
✓ {sol}
))}
{/* Big metric + quote, high-conversion conversion proof */} {activeData.metric && (
// REAL CLIENT METRIC
{activeData.metric.value} {activeData.metric.label}
)} {activeData.quote && (
"{activeData.quote.text}"
, {activeData.quote.author}
)} {/* Outcome + CTA */}
)} {/* Other industries CTA, don't exclude anyone */}
// NOT IN THE LIST?

We work across every B2B vertical. If your business has repetitive, high-stakes workflows, there's almost certainly an AI system worth building.

{['Healthcare', 'Dental', 'Property Mgmt', 'Insurance', 'Construction', 'Financial Advisory', 'Logistics', 'Staffing', 'B2B SaaS'].map(v => ( {v} ))}
e.currentTarget.style.opacity = '0.85'} onMouseLeave={e => e.currentTarget.style.opacity = '1'} >Tell us your industry →
); } Object.assign(window, { IndustrySelector });