// 100kSaved — single-file React app // Architecture: standard high-ticket service direct-response landing pattern // (Hero / Proof / Phased offer timeline / Agent grid + showcase / Guarantee / // FAQ / Multi-step apply funnel / Final CTA / Footer + careers funnel). // All copy original to 100kSaved's $100K-saved-or-you-don't-pay offer. // ===== Primitives ===== const HkButton = ({ variant = 'primary', size = 'md', children, className = '', ...rest }) => { const base = { fontFamily: 'var(--hk-font-body)', fontWeight: 600, border: '1px solid transparent', borderRadius: 999, cursor: 'pointer', display: 'inline-flex', alignItems: 'center', gap: 8, letterSpacing: '-0.005em', transition: 'all 220ms cubic-bezier(0.16,1,0.3,1)', textDecoration: 'none', whiteSpace: 'nowrap' }; const sizes = { sm: { padding: '8px 14px', fontSize: 12 }, md: { padding: '12px 22px', fontSize: 14 }, lg: { padding: '16px 28px', fontSize: 16 } }; const variants = { primary: { background: 'var(--hk-grn-500)', color: '#030806', boxShadow: 'var(--hk-glow-soft)' }, secondary: { background: 'transparent', color: 'var(--hk-fg-1)', borderColor: 'var(--hk-ink-600)' }, ghost: { background: 'transparent', color: 'var(--hk-fg-2)' }, }; return ; }; const HkGlobalStyles = () => ( ); const HkEyebrow = ({ children, color = 'var(--hk-grn-300)' }) => ( {children} ); const HkBadge = ({ tone = 'grn', children, dot = false }) => { const tones = { grn: { bg: 'rgba(16,185,129,0.10)', bd: 'rgba(16,185,129,0.30)', fg: 'var(--hk-grn-300)' }, live: { bg: 'rgba(94,230,224,0.08)', bd: 'rgba(94,230,224,0.30)', fg: 'var(--hk-accent-cyan)' }, lime: { bg: 'rgba(200,242,106,0.08)', bd: 'rgba(200,242,106,0.30)', fg: 'var(--hk-accent-lime)' }, amber: { bg: 'rgba(245,177,73,0.08)', bd: 'rgba(245,177,73,0.30)', fg: 'var(--hk-accent-amber)' }, neutral: { bg: 'var(--hk-ink-900)', bd: 'var(--hk-ink-700)', fg: 'var(--hk-fg-2)' }, }[tone]; return ( {dot && } {children} ); }; const HkSection = ({ children, padY, bg, id }) => (
{children}
); const HkArrow = ({ size = 14 }) => ( ); const Sparkle = ({ size = 12, color = 'currentColor', style }) => ( ); // ===== Constants pluggable by Gian ===== const BOOKING_URL = 'https://cal.com/100ksaved/intro'; const APPLY_WEBHOOK_URL = ''; const APPLY_REDIRECT_URL = ''; // ===== Wordmark ===== const Wordmark = ({ size = 26 }) => ( 100kSaved ); // ===== Nav ===== const Nav = () => { const [scrolled, setScrolled] = React.useState(false); const [menuOpen, setMenuOpen] = React.useState(false); React.useEffect(() => { const on = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', on); on(); return () => window.removeEventListener('scroll', on); }, []); React.useEffect(() => { document.body.style.overflow = menuOpen ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const links = [ { label: 'The offer', id: 'offer' }, { label: 'The agents', id: 'agents' }, { label: 'Guarantee', id: 'guarantee' }, { label: 'FAQ', id: 'faq' }, ]; const goToSection = (id) => { document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' }); setMenuOpen(false); }; const goApply = () => { document.getElementById('apply')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); setMenuOpen(false); }; return (
{links.map((l, i) => ( ))}
Get audit
); }; // ===== Hero ===== const HeroStat = ({ k, v }) => (
{k}
{v}
); // ===== DeckSlideLetter (DSL) — click-through sales letter in the hero frame ===== // VSL story arc: hook → agitate → solution → guarantee → offer → CTA const DSL_SLIDES = [ { title: <>$100,000 is hiding inside your business right now., body: 'It is sitting in software you forgot you bought, ad spend nobody tracks, and tasks paid hourly to do what an agent does in seconds.', }, { title: <>You will never find it on your own., body: 'Operators do not pay themselves to audit their books. Bookkeepers do not get paid to kill subscriptions. The leak compounds, quietly, every month.', }, { title: <>We deploy agents that find it for you., body: 'They audit every dollar leaving your business and cut the waste line by line. First documented savings inside thirty days.', }, { title: <>If we do not save you $100,000, you do not pay., body: 'Nothing. No deposit kept, no setup invoice, no clawback clause. Most clients hit the floor before month nine.', }, { title: <>Five to eight agents. Sixty days. Documented savings., body: 'Once the floor is hit, the engagement converts to a retainer that finds the next $100K. Most clients run a $300K savings curve by month eighteen.', }, { title: <>Sixty minutes is all it takes to find your $100,000., body: 'Four questions. A working session with a senior strategist. If we cannot pull $100K from your P&L, we will tell you on the call.', cta: { label: 'Book my savings audit', anchor: 'apply' }, }, ]; const DeckSlideLetter = () => { const [idx, setIdx] = React.useState(0); const total = DSL_SLIDES.length; const go = (n) => setIdx(Math.max(0, Math.min(total - 1, n))); const next = React.useCallback(() => setIdx(i => Math.min(total - 1, i + 1)), [total]); const prev = React.useCallback(() => setIdx(i => Math.max(0, i - 1)), []); React.useEffect(() => { const onKey = (e) => { const tag = (e.target && e.target.tagName) || ''; if (tag === 'INPUT' || tag === 'TEXTAREA') return; if (e.key === 'ArrowRight') { e.preventDefault(); next(); } if (e.key === 'ArrowLeft') { e.preventDefault(); prev(); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [next, prev]); return (
); }; const Hero = () => (
document.getElementById('apply')?.scrollIntoView({ behavior: 'smooth', block: 'start' })}> Get my free savings audit See the agents we deploy
); // ===== ProofStrip ===== const ProofStrip = () => { const tiles = ['SaaS founders', 'Service agencies', 'E-commerce ops', 'Coaching businesses', 'Local franchises', 'Brick-and-mortar groups', 'Professional services', 'Subscription brands', 'B2B platforms', 'Direct-to-consumer', 'Manufacturing ops']; const marquee = [...tiles, ...tiles]; return (
{[0,1,2,3,4].map(i => (
))}
For operators doing $1M–$50M/yr
{marquee.map((t, i) =>
{t}
)}
); }; // ===== OfferStack ===== const OfferStack = () => { const items = [ { n: '01', week: 'Week 1', t: 'The Audit', d: 'Seven days. A senior strategist walks every dollar that left your business in the last ninety days. Output: a line-item map of where the $100K is hiding, ranked by speed-to-savings.', deliverable: 'Your signed savings map', more: { inside: ['Two-hour strategy session. Every team member, every tool, every recurring charge on the table.', 'Software stack audit. Zombie subs, overlapping tools, unused seats — itemized and totaled.', 'Payroll-to-agent mapping for every recurring task currently consuming human hours.', 'Ad-spend forensics and tracking-gap report against your last ninety days of spend.'], whoDoes: 'Senior strategist plus a forensic analyst', youLeaveWith: 'A ranked, dollar-attributed savings ledger. Signed by us, baselined against your P&L. Yours to keep whether you proceed or not.' } }, { n: '02', week: 'Weeks 2 to 4', t: 'The Build', d: 'Two to four weeks. We deploy the agent stack into your tools, with your data, under your brand. Not templates. Not Notion docs. Working systems that fire on day one.', deliverable: 'Five to eight agents in production', featured: true, more: { inside: ['Build sprints shipped weekly. Every agent tested inside your actual stack before it goes live.', 'Slack channel with your build team. Async updates, daily standups only if you want them.', 'First agent is always a documented-savings win: a killed sub or a fully replaced workflow inside week one of the build.', 'Audit logs on by default. Every agent action reviewable.'], whoDoes: 'Senior AI engineer plus integrations lead', youLeaveWith: 'Five to eight agents running in production against your existing tools. No new dashboards to learn. No data migrations.' } }, { n: '03', week: 'Weeks 5 to 12', t: 'The Cut', d: 'Five to twelve weeks. With agents running, we make the operational call: which seats convert to oversight, which subs die, which workflows retire. Documented savings each step. No surprise firings.', deliverable: 'Per-line savings ledger, weekly', more: { inside: ['Role-by-role transition plan. Always built with the team, never around them.', 'Subscription kill list signed off by you, before anything cancels.', 'Per-line savings ledger updated weekly. We send it Friday.', 'Quarterly board-ready P&L impact memo. Your CFO signs off.'], whoDoes: 'Senior strategist plus the original audit analyst', youLeaveWith: 'A documented, finance-approved savings trail. Every dollar saved shows up on a real line in your books.' } }, { n: '04', week: 'Ongoing', t: 'The Compound', d: 'Once the floor is hit, the engagement converts to a retainer that finds and cuts the next $100K. Most clients run a $300K cumulative savings curve by month eighteen.', deliverable: 'Quarterly P&L delta report', more: { inside: ['Monthly savings audit. New agents shipped against newly-discovered leaks.', 'Quarterly stack review. Tools retire on a documented cycle, not a guess.', 'Direct access to a senior strategist. Not a ticket queue, not a chatbot, not a CSM.', 'Annual P&L delta presented to your CFO or board, in writing.'], whoDoes: 'Senior strategist quarterly, agents nightly', youLeaveWith: 'A compounding savings curve. Every quarter the gap between your costs and your competitors widens.' } }, ]; const [open, setOpen] = React.useState(1); const handleKey = (e, i) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setOpen(open === i ? -1 : i); } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') { e.preventDefault(); setOpen(Math.min(items.length - 1, i + 1)); } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') { e.preventDefault(); setOpen(Math.max(0, i - 1)); } }; return (
The engagement

Not advice on a Notion doc. The team that finds the money and removes it.

Four phases across twelve months. First savings line documented inside thirty days. Click any phase to see exactly what happens inside.

{items.map((it, i) => { const isOpen = open === i; return (
setOpen(isOpen ? -1 : i)} onKeyDown={(e) => handleKey(e, i)} className={`hk-of-step${it.featured ? ' hk-of-step--feat' : ''}${isOpen ? ' is-open' : ''}`}>
Phase {it.n}
{it.week}

{it.t}

{it.d}

You walk away with
{it.deliverable}
What happens inside
    {it.more.inside.map((line, j) =>
  • {line}
    • )}
Who runs the work

{it.more.whoDoes}

What you actually keep

{it.more.youLeaveWith}

); })}
); }; // ===== AGENTS data ===== const AGENTS = [ { id: 'inbox', name: 'Inbox Triage', tagline: 'Reads, routes, replies — before you open Gmail', tint: '#10B981', icon: 'IN', problem: 'Founders and senior operators bleed two to four hours a day to inbox triage. Every reply, every chase, every scheduling thread compounds.', solution: 'An agent trained on your past replies, your tone, your decision rules. It triages every thread, drafts replies in your voice, books the meetings that need booking, and surfaces only what actually needs you.', result: '$32K/yr of senior-time recovered. Inbox-zero by 9am, every morning. Drafts ready for one-tap approval.', integrations: ['Gmail', 'Slack', 'Calendar', 'HubSpot'], metrics: [{ label: 'Inbox time', before: '3 hr/day', after: '20 min' }, { label: 'Annual savings', before: 'none', after: '$32K' }, { label: 'Avg reply time', before: '8 hr', after: '12 min' }], ui: 'inbox' }, { id: 'software', name: 'Software Audit', tagline: 'Kills the SaaS subs you forgot you bought', tint: '#34D399', icon: 'SW', problem: 'The average mid-market stack carries eleven zombie SaaS subscriptions. Annual renewals roll silently. Nobody owns the audit.', solution: 'An agent that catalogs every recurring charge across your business credit cards, scores each by last-used-date and team usage, and drafts a kill list with renegotiation prompts for the tools worth keeping.', result: '$28K/yr in killed subs and renegotiated contracts. Documented audit trail your CFO can verify.', integrations: ['Stripe', 'Brex', 'Ramp', 'QuickBooks'], metrics: [{ label: 'Subs killed', before: '0', after: '11' }, { label: 'Annual savings', before: 'none', after: '$28K' }, { label: 'Audit time', before: '12 hr/qtr', after: '0 hr' }], ui: 'software' }, { id: 'finance', name: 'Finance Triage', tagline: 'Flags every leak before month-end', tint: '#6EE7B7', icon: 'FN', problem: 'AP/AR drags the team. Invoice chasing falls between roles. Recurring charges sneak through the books unaudited. Month-end takes a week.', solution: 'An agent that reconciles transactions nightly, chases overdue invoices on your schedule, flags anomalies, and prepares a month-end pack your accountant signs off in fifteen minutes.', result: '$42K/yr saved on bookkeeping coordination plus 4-day month-end close. Books always one hour out of date, never one month.', integrations: ['QuickBooks', 'Stripe', 'Plaid', 'Slack'], metrics: [{ label: 'Close time', before: '8 days', after: '2 days' }, { label: 'Annual savings', before: 'none', after: '$42K' }, { label: 'Error rate', before: '2.4%', after: '0.3%' }], ui: 'ledger' }, { id: 'sales', name: 'Sales Ops', tagline: 'Quote, follow-up, report — on autopilot', tint: '#A7F3D0', icon: 'SO', problem: 'A coordinator costs $60K/yr to build quotes, run follow-up sequences, keep deal stages clean, and produce the weekly pipeline report.', solution: 'An agent that watches your CRM, generates quotes against your pricebook, sends follow-up sequences in the right tone, keeps deal hygiene clean, and ships the Monday pipeline report before standup.', result: '$48K/yr in coordinator overhead removed. Faster quotes, cleaner pipeline, better forecasting.', integrations: ['HubSpot', 'Salesforce', 'Close', 'Slack'], metrics: [{ label: 'Quote turnaround', before: '2 days', after: '6 min' }, { label: 'Annual savings', before: 'none', after: '$48K' }, { label: 'Pipeline hygiene', before: '64%', after: '98%' }], ui: 'sales' }, { id: 'support', name: 'Support Agent', tagline: 'Resolves 70% of tickets before a human reads them', tint: '#D1FAE5', icon: 'SP', problem: 'Tier-1 support absorbs entire FTEs. Most tickets are the same five questions repeated. Response time slips. Customers churn.', solution: 'An agent with your knowledge base, your policy doc, and your refund authority. First-touch on every ticket, resolves the simple ones, escalates with a clean summary on the rest.', result: '$58K/yr in tier-1 headcount avoided. Sub-90-second first reply, every ticket, every timezone.', integrations: ['Intercom', 'Zendesk', 'Front', 'HelpScout'], metrics: [{ label: 'First reply', before: '4 hr', after: '90 sec' }, { label: 'Annual savings', before: 'none', after: '$58K' }, { label: 'Auto-resolve %', before: '0%', after: '72%' }], ui: 'support' }, { id: 'ads', name: 'Ad Forensics', tagline: 'Finds the waste, kills it, compounds the winners', tint: '#059669', icon: 'AD', problem: 'Ad spend leaks compound silently. Untracked campaigns. Ghost audiences. Manual reporting. Most operators have no idea where the wasted spend lives until QBR.', solution: 'An agent that pulls every campaign nightly, scores against your blended target, drafts a kill list, and reallocates budget to the lines that actually pay back inside your window.', result: '$84K/yr recovered in cut ad waste. Weekly digest in your Slack. Quarterly board memo on demand.', integrations: ['Meta Ads', 'Google Ads', 'TikTok', 'Slack'], metrics: [{ label: 'Wasted spend', before: '$14K/mo', after: '$2K/mo' }, { label: 'Annual savings', before: 'none', after: '$84K' }, { label: 'Reporting hours', before: '8 hr/wk', after: '0 hr' }], ui: 'ads' }, ]; // ----- end of file part 1 (continued below) ----- // ===== Mock UI helpers ===== const mockPanel = { background: '#05100B', border: '1px solid var(--hk-ink-700)', borderRadius: 14, overflow: 'hidden', fontFamily: 'var(--hk-font-body)' }; const chromeBar = { display: 'flex', alignItems: 'center', gap: 6, padding: '10px 14px', borderBottom: '1px solid var(--hk-ink-800)', background: 'rgba(255,255,255,0.02)' }; const chromeDots = ['#FF5F57', '#FFBD2E', '#28CA41']; const MockChrome = ({ title }) => (
{chromeDots.map(c => )} {title}
); const MockInbox = () => { const threads = [ { from: 'Olivia / Finance', subj: 'Q2 vendor renewals — need your sign-off', tag: 'handled', tagFg: 'var(--hk-grn-300)', summary: 'Drafted approval. Kill list attached. Two renewals flagged.' }, { from: 'Kyle @ Stripe', subj: 'New annual contract proposal', tag: 'negotiated', tagFg: 'var(--hk-accent-cyan)', summary: 'Counter sent. 12% saved if they accept by Friday.' }, { from: 'Megan / HR', subj: 'New hire onboarding checklist', tag: 'auto-replied', tagFg: 'var(--hk-grn-300)', summary: 'Sent SOPs. Calendar block scheduled. Followed up.' }, { from: 'Outbound from David', subj: 'Lunch next Tue?', tag: 'booked', tagFg: 'var(--hk-accent-lime)', summary: 'Booked Tuesday 12:30. Confirmed via Calendar.' }, { from: 'CEO @ Helios', subj: 'Renewal discussion', tag: 'escalated', tagFg: 'var(--hk-accent-amber)', summary: 'Drafted reply. Flagged for your read — high-value account.' }, ]; return (
This morning / 47 threads triaged
42 auto-handled / 5 flagged for your read
Inbox zero
{threads.map((t, i) => (
{t.from} {t.tag}
{t.subj}
{t.summary}
))}
); }; const MockSoftware = () => { const rows = [ { name: 'Notion (team)', cost: '$840/mo', usage: '2 of 14 seats used', action: 'Downgrade', fg: 'var(--hk-accent-amber)' }, { name: 'Loom (business)', cost: '$520/mo', usage: 'Last login: 47 days', action: 'Kill', fg: '#E98B8B' }, { name: 'Calendly (team)', cost: '$310/mo', usage: 'Replaced by inbox agent', action: 'Kill', fg: '#E98B8B' }, { name: 'Zapier (corp)', cost: '$2,400/mo', usage: 'Migrating to native', action: 'Sunset', fg: 'var(--hk-accent-amber)' }, { name: 'Asana (premium)', cost: '$890/mo', usage: 'Overlapping with Linear', action: 'Kill', fg: '#E98B8B' }, { name: 'Superhuman (team)', cost: '$560/mo', usage: 'Keep for founders only', action: 'Downgrade', fg: 'var(--hk-accent-amber)' }, ]; return (
11 zombie subs identified
$4,720/mo recoverable / awaiting your sign-off
$28K/yr
{rows.map((r, i) => (
{r.name}
{r.usage}
{r.cost}
{r.action}
))}
); }; const MockLedger = () => { const rows = [ { d: 'May 21', v: 'Stripe payout', a: '+$18,420.00', cat: 'Revenue', ok: true }, { d: 'May 21', v: 'Meta Ads', a: '-$4,280.00', cat: 'Marketing', ok: true }, { d: 'May 20', v: 'AWS invoice', a: '-$612.00', cat: 'Infra', ok: true }, { d: 'May 20', v: 'Unknown / TXN_98', a: '-$1,400.00', cat: 'Flagged', ok: false }, { d: 'May 19', v: 'Payroll / Gusto', a: '-$28,100.00', cat: 'Payroll', ok: true }, { d: 'May 18', v: 'Refund / order #4412', a: '-$220.00', cat: 'Revenue', ok: true }, ]; return (
DateDescriptionAmountCategory
{rows.map((r, i) => (
{r.d} {r.v} {r.a} {r.cat} {!r.ok && }
))}
Agent note. $1,400 charge flagged. No matching invoice. Slacked ops to confirm.
); }; const MockSales = () => { const rows = [ { stage: 'Quote sent', name: 'Helios Group', v: '$48K', age: '2h', hot: true }, { stage: 'Follow-up #3', name: 'Arc Industries', v: '$22K', age: '1d' }, { stage: 'Demo booked', name: 'Stilt & Co', v: '$18K', age: '3h', hot: true }, { stage: 'Stale 14d', name: 'NorthRiver', v: '$36K', age: '14d', warn: true }, ]; return (
Pipeline / $124K open / weekly digest
shipped to your slack 8:14am Mon
Auto-reported
{rows.map((r, i) => (
{r.stage} {r.name} {r.v} {r.age} {r.hot && HOT} {r.warn && WARN} {!r.hot && !r.warn && }
))}
); }; const MockSupport = () => { const tickets = [ { who: 'Jordan K.', q: 'Where is my order?', ai: 'Order shipped 4/19. UPS 1Z442. ETA Wed.', status: 'resolved', fg: 'var(--hk-grn-300)' }, { who: 'Riya M.', q: 'Refund for #4892', ai: 'Refund issued ($140). Receipt sent.', status: 'resolved', fg: 'var(--hk-grn-300)' }, { who: 'CEO @ Pace', q: 'Enterprise pricing', ai: 'Drafted reply. Flagged — high-value.', status: 'escalated', fg: 'var(--hk-accent-amber)' }, { who: 'Tom V.', q: 'Cancel subscription', ai: 'Retention flow triggered. 1 reply due.', status: 'in flow', fg: 'var(--hk-accent-cyan)' }, ]; return (
Today / 142 tickets / 102 auto-resolved
72% auto-resolve / 87s avg first reply
Live
{tickets.map((t, i) => (
{t.who} — {t.q} {t.status}
{t.ai}
))}
); }; const MockAds = () => { const lines = [ { camp: 'Awareness — Q2 broad', spend: '$4,200', cpa: '$87', verdict: 'Kill', fg: '#E98B8B' }, { camp: 'Retargeting — site visitors', spend: '$2,800', cpa: '$24', verdict: 'Compound', fg: 'var(--hk-accent-lime)' }, { camp: 'Lookalike — top 1%', spend: '$3,600', cpa: '$31', verdict: 'Scale', fg: 'var(--hk-accent-lime)' }, { camp: 'Cold prospecting V2', spend: '$5,100', cpa: '$112', verdict: 'Kill', fg: '#E98B8B' }, ]; return (
4 campaigns reviewed / 2 kill / 2 scale
$9,300 to reallocate this week
$84K saved YTD
{lines.map((l, i) => (
{l.camp} {l.spend} CPA {l.cpa} {l.verdict}
))}
); }; const AGENT_UIS = { inbox: MockInbox, software: MockSoftware, ledger: MockLedger, sales: MockSales, support: MockSupport, ads: MockAds }; // ===== Agent avatar ===== const AgentAvatar = ({ agent, size = 56, radius = 16 }) => (
{agent.icon}
); // ===== AgentShowcase ===== const ToolPill = ({ label, center, tint }) => ( {label} ); const IntegrationFlow = ({ tools, tint }) => (
AI Agent
{tools.map(t => )}
); const AgentSurface = ({ agent, UI }) => (
{agent.name}
{agent.tagline}
The leak

{agent.problem}

What we deploy

{agent.solution}

Documented savings

{agent.result}

Native to
{agent.metrics.map((m, i) => (
{m.label}
{m.before} {m.after}
))}
{UI && }
); const AgentShowcase = () => { const [active, setActive] = React.useState(AGENTS[0].id); const [swapping, setSwapping] = React.useState(false); const agent = AGENTS.find(a => a.id === active) || AGENTS[0]; const UI = AGENT_UIS[agent.ui]; const handleSwap = (id) => { if (id === active) return; setSwapping(true); setTimeout(() => { setActive(id); setSwapping(false); }, 160); }; return (
{ if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight') return; e.preventDefault(); const idx = AGENTS.findIndex(a => a.id === active); const next = e.key === 'ArrowRight' ? (idx + 1) % AGENTS.length : (idx - 1 + AGENTS.length) % AGENTS.length; handleSwap(AGENTS[next].id); }} tabIndex={-1} style={{ padding: 'clamp(24px, 3vw, 48px) 20px clamp(64px, 7vw, 112px)', background: 'var(--hk-ink-1000)', position: 'relative', outline: 'none' }}>
The agents we deploy

Six agents we have shipped. Yours are built against your books.

Click any agent below to switch the preview. The UI on the right is what your team will actually see.

{AGENTS.map(a => { const isActive = active === a.id; return ( ); })}
); }; // ===== AgentMap ===== const AGENT_MAP = [ { id: 'vault', name: 'Vault', role: 'Orchestrates every other agent', model: 'Claude Opus 4.7', tint: '#F5B149', icon: 'VL', summary: 'The orchestrator. Routes work to every other agent, monitors documented savings, surfaces blockers, and delivers your weekly P&L digest.', responsibilities: ['Weekly savings digest', 'Cross-agent task routing', 'Documented-savings tracking', 'Budget oversight'], metrics: { time: '30 to 45 hrs / mo', setup: '5 to 7 days', cost: '$160/mo' }, availability: '24/7/365. Never sleeps, never drops a thread, never lets a savings line slip past month-end.' }, { id: 'inbox', name: 'Inbox Triage', role: 'Reads, routes, replies before you open Gmail', model: 'Claude Sonnet 4.6', tint: '#10B981', icon: 'IN', summary: 'Triages every email, books meetings inside your rules, drafts replies in your voice, and surfaces only what truly needs you.', responsibilities: ['Thread triage and routing', 'Calendar booking', 'Reply drafting in your tone', 'One-tap approval queue'], metrics: { time: '$32K / yr saved', setup: '3 to 5 days', cost: '$90/mo' }, availability: '24/7/365. Inbox-zero by 9am, every morning, every timezone.' }, { id: 'software', name: 'Software Audit', role: 'Kills zombie SaaS, renegotiates the rest', model: 'Claude Sonnet 4.6', tint: '#34D399', icon: 'SW', summary: 'Catalogs every recurring charge across your business cards, scores by usage, drafts a kill list, and produces renegotiation prompts for the tools worth keeping.', responsibilities: ['Recurring-charge audit', 'Usage scoring', 'Kill / downgrade list', 'Renegotiation drafting'], metrics: { time: '$28K / yr saved', setup: '4 to 6 days', cost: '$80/mo' }, availability: '24/7/365. Runs the audit nightly, flags renewals before they auto-roll.' }, { id: 'finance', name: 'Finance Triage', role: 'AP, AR, reconciliation, close prep', model: 'Claude Opus 4.7', tint: '#6EE7B7', icon: 'FN', summary: 'Reconciles transactions nightly. Chases overdue invoices on your schedule. Flags anomalies the day they hit. Prepares a month-end pack your accountant signs off in fifteen minutes.', responsibilities: ['Nightly reconciliation', 'Invoice chasing', 'Anomaly detection', 'Month-end close pack'], metrics: { time: '$42K / yr saved', setup: '5 to 7 days', cost: '$110/mo' }, availability: '24/7/365. Books one hour out of date, never one month.' }, { id: 'sales', name: 'Sales Ops', role: 'Quote, follow-up, pipeline, report', model: 'Claude Sonnet 4.6', tint: '#A7F3D0', icon: 'SO', summary: 'Watches your CRM, generates quotes against your pricebook, runs follow-up sequences in the right tone, keeps stages clean, ships the Monday pipeline report.', responsibilities: ['Quote generation', 'Follow-up sequences', 'CRM hygiene', 'Weekly pipeline digest'], metrics: { time: '$48K / yr saved', setup: '5 to 7 days', cost: '$120/mo' }, availability: '24/7/365. Reports ship Monday 8am. Stale deals never sit past day fourteen.' }, { id: 'support', name: 'Support Agent', role: 'Resolves 70% of tickets before escalation', model: 'Claude Sonnet 4.6', tint: '#D1FAE5', icon: 'SP', summary: 'First-touch on every ticket. Reads order history, applies policy, issues refunds within your authority limit. Escalates only what actually needs you, with a clean summary.', responsibilities: ['First-touch reply', 'Policy-driven resolution', 'Refund authority within limits', 'Clean escalation handoffs'], metrics: { time: '$58K / yr saved', setup: '5 to 7 days', cost: '$130/mo' }, availability: '24/7/365. Sub-90-second first reply, every ticket, every timezone.' }, { id: 'ads', name: 'Ad Forensics', role: 'Cuts ad waste, compounds the winners', model: 'Claude Opus 4.7', tint: '#059669', icon: 'AD', summary: 'Pulls every campaign nightly, scores against your blended target, drafts a kill list, reallocates budget to the lines that pay back inside your window.', responsibilities: ['Nightly spend audit', 'Waste detection', 'Kill list drafting', 'Budget reallocation'], metrics: { time: '$84K / yr saved', setup: '7 to 10 days', cost: '$180/mo' }, availability: '24/7/365. Slack digest every Monday. Quarterly board memo on demand.' }, { id: 'vendor', name: 'Vendor Watch', role: 'Tracks renewals, drafts renegotiations', model: 'Claude Sonnet 4.6', tint: '#047857', icon: 'VD', summary: 'Watches every vendor contract end-date, flags ninety days out, drafts renegotiation prompts citing usage data and market comparables.', responsibilities: ['Contract tracking', 'Renewal forecasting', 'Renegotiation prompts', 'Market comparables'], metrics: { time: '$22K / yr saved', setup: '4 to 6 days', cost: '$70/mo' }, availability: '24/7/365. Ninety-day renewal alert, every contract, before the auto-roll.' }, { id: 'reporting', name: 'Reporting Agent', role: 'Pulls data, drafts the recap, ships Monday', model: 'Claude Sonnet 4.6', tint: '#10B981', icon: 'RP', summary: 'Pulls performance data from your stack, drafts the weekly internal recap, builds the client report, ghostwrites the board update.', responsibilities: ['Weekly recap drafting', 'Performance pulls', 'Client report builds', 'Board update ghostwrites'], metrics: { time: '$36K / yr saved', setup: '5 to 7 days', cost: '$100/mo' }, availability: '24/7/365. Drafts ship Sunday night so Monday starts with the recap in your inbox.' }, ]; const AgentMap = () => { const [active, setActive] = React.useState(null); const vault = AGENT_MAP[0]; const team = AGENT_MAP.slice(1); const agent = active ? AGENT_MAP.find(a => a.id === active) : null; React.useEffect(() => { if (!agent) return; const mq = window.matchMedia('(max-width: 1100px)'); if (!mq.matches) return; const prev = document.body.style.overflow; document.body.style.overflow = 'hidden'; const onKey = (e) => { if (e.key === 'Escape') setActive(null); }; window.addEventListener('keydown', onKey); return () => { document.body.style.overflow = prev; window.removeEventListener('keydown', onKey); }; }, [agent]); return (
Your custom savings team

We deploy the full stack end to end.

Click any agent to see what it owns, how it plugs in, and how much it saves.

Your custom $100K savings stack

Built against your books, deployed in your tools. Click any agent to see what it does and how much it pulls back per year.

setActive(active === vault.id ? null : vault.id)} role="button" tabIndex={0}>
{vault.name}
{vault.role}
{team.map((a) => (
setActive(active === a.id ? null : a.id)} role="button" tabIndex={0}>
{a.name}
{a.model}
))}
{agent &&
setActive(null)} aria-hidden="true"/>} {agent && ( )}
); }; // ===== GuaranteeBlock ===== const GuaranteeBlock = () => (
The guarantee

If we do not save you $100,000 / year, you do not pay.

Baseline P&L signed in week one. Every savings line documented against that baseline. At month twelve we run the math against the signed number. If we miss the floor, your fees are refunded in full inside thirty days. No make-goods, no re-engagements, no fine print.

document.getElementById('apply')?.scrollIntoView({ behavior: 'smooth', block: 'start' })}> Lock in the guarantee
); // ===== FAQ ===== const FAQ = () => { const qs = [ { q: 'When does the first savings line land?', a: 'The audit takes seven days. The first documented savings line — usually a killed sub or a fully replaced workflow — lands inside the first thirty days of the build. The full $100K floor is structured to hit between month eight and month eleven, with buffer baked in.' }, { q: 'How is "$100K saved" actually measured?', a: 'In week one we sit with you (and your accountant if you want) and document a baseline P&L for the trailing twelve months: payroll, software, ads, ops costs, recurring vendors. That number is signed. Every savings line we deliver after that gets logged against that baseline. At month twelve, we run the math. Short of $100K, you get refunded.' }, { q: 'What if I do not want to fire anyone?', a: 'You do not have to. Savings can come from killed software, cheaper ad waste, faster AR, reduced overtime, renegotiated vendors, or repurposed roles (the coordinator who was doing inbox triage now runs the agent layer). Most clients hit the $100K floor without a single layoff.' }, { q: 'What does this cost?', a: 'Setup fee covers the audit and the build (two installments). Monthly retainer covers the agent operations layer. Total year-one cost runs $36K to $72K depending on stack complexity. If we miss the floor, you get all of it back. Worst case, you ran a free audit on your business.' }, { q: 'What if my data is sensitive?', a: 'It stays in your systems. We do not host your data and we do not train on it. Every agent action is logged in an audit trail you own. SOC 2-aligned controls are the default. If you need a BAA or stricter contractual terms, we sign them.' }, { q: 'What size business is this for?', a: 'Most clients run between $1M and $50M in annual revenue with a team of five to eighty people. Under $1M the leverage is usually not there yet. Over $50M the engagement looks different — talk to us.' }, ]; const [open, setOpen] = React.useState(0); return (
FAQ

Common questions,
straight answers.

Still stuck? Book a 15-minute call with our team. If we cannot save you the $100K, we will tell you on the call.

{qs.map((it, i) => (

{it.a}

))}
); }; // ===== ApplyFunnel ===== const APPLY_STEPS = [ { id: 'website', type: 'url', label: 'What is the business URL?', sub: 'So our team can read your stack before the audit call.', placeholder: 'https://yourcompany.com' }, { id: 'revenue', type: 'radio', label: 'What is your monthly revenue?', sub: 'Helps us scope the leak before we walk your books.', options: ['Under $100K', '$100K to $250K', '$250K to $500K', '$500K to $1M', '$1M to $3M', '$3M+'] }, { id: 'bottleneck', type: 'textarea', label: 'Where do you already see the leak?', sub: 'Two or three sentences. Be specific — this is what we attack first.', placeholder: 'e.g. We have eleven SaaS subscriptions nobody owns, our ad spend has no tracking, and the AR clerk is months behind...' }, { id: 'contact', type: 'contact', label: 'Where should we send the audit?', sub: 'Last step. We will text and email confirmation as soon as your audit is booked.' }, ]; const ApplyFunnel = ({ hidden }) => { const [step, setStep] = React.useState(0); const [data, setData] = React.useState({ website: '', revenue: '', bottleneck: '', name: '', email: '', phone: '' }); const [submitting, setSubmitting] = React.useState(false); const [submitted, setSubmitted] = React.useState(false); const [error, setError] = React.useState(null); const current = APPLY_STEPS[step]; const total = APPLY_STEPS.length; const isLast = step === total - 1; const progress = ((step + (submitted ? 1 : 0)) / total) * 100; const stepValid = () => { if (current.type === 'url') { const v = (data.website || '').trim(); // Accept "domain.tld", "www.domain.tld", "https://domain.tld", etc. return /^(https?:\/\/)?([a-z0-9-]+\.)+[a-z]{2,}(\/.*)?$/i.test(v); } if (current.type === 'radio') return !!data[current.id]; if (current.type === 'textarea') return data[current.id] && data[current.id].trim().length >= 8; if (current.type === 'contact') return data.name.trim().length >= 2 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.email) && data.phone.trim().length >= 7; return true; }; const next = (e) => { if (e) e.preventDefault(); if (!stepValid()) return; if (isLast) { handleSubmit(); return; } setStep(step + 1); }; const back = () => { if (step > 0) setStep(step - 1); }; const handleSubmit = async () => { setSubmitting(true); setError(null); const normalizedWebsite = /^https?:\/\//i.test(data.website) ? data.website : `https://${data.website}`; const payload = { ...data, website: normalizedWebsite, ...(hidden || {}), source: typeof window !== 'undefined' ? window.location.hostname : '', submitted_at: new Date().toISOString() }; try { if (APPLY_WEBHOOK_URL) { const res = await fetch(APPLY_WEBHOOK_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); if (!res.ok) throw new Error('Submit failed (' + res.status + ')'); } else { console.log('[100kSaved demo] submission (not stored):', payload); await new Promise(r => setTimeout(r, 500)); } setSubmitted(true); if (APPLY_REDIRECT_URL) { const params = new URLSearchParams({ name: data.name, email: data.email, phone: data.phone, website: normalizedWebsite }); setTimeout(() => { window.location.href = APPLY_REDIRECT_URL + '?' + params.toString(); }, 1200); } } catch (err) { setError(err.message || 'Something went wrong. Try again or email hello@100ksaved.com.'); } finally { setSubmitting(false); } }; React.useEffect(() => { const onKey = (e) => { if (e.key === 'Enter' && current.type !== 'textarea' && !submitted) { next(); } if (e.key === 'Enter' && current.type === 'textarea' && (e.metaKey || e.ctrlKey)) { next(); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [step, data, submitted]); const inputBase = { width: '100%', background: 'rgba(3,8,6,0.7)', border: '1px solid var(--hk-ink-700)', borderRadius: 14, padding: '18px 20px', color: 'var(--hk-fg-1)', fontSize: 18, fontFamily: 'var(--hk-font-body)', outline: 'none', transition: 'all 180ms' }; if (submitted) { return (
Demo site

This is a test website. Nothing was sent.

Your submission was not stored, no team is reviewing it, and no one will reach out. 100kSaved is a structural prototype — the offer copy, agents, and guarantee are illustrative, not an active service.

Built as a single-file React app to demonstrate a high-ticket-services landing pattern. No backend, no CRM, no email triggers.

); } return (
Question {step + 1} of {total} {step > 0 && ( )}

{current.label}

{current.sub}

{current.type === 'url' && ( setData({ ...data, website: e.target.value })} style={inputBase}/> )} {current.type === 'textarea' && (