// AG Associates landing — three themes selectable via Tweaks const { useState, useEffect, useRef, useMemo } = React; // ────────────────────────────────────────────────────────────────────────── // NAV // ────────────────────────────────────────────────────────────────────────── function Nav({theme}){ const [menuOpen, setMenuOpen] = useState(false); const linkStyle = {color:'var(--ink)', textDecoration:'none', fontSize:13, opacity:.75}; const isBrut = theme==='brutalist'; return (

Banking Panel · Thane, MH

Workforce Workflow Manifesto Flywheel Live Dashboard →

{menuOpen && (

setMenuOpen(false)} style={{ position:'fixed', inset:0, zIndex:-1, background:'transparent' }}/> )}

); } function Logo({theme}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; return (

{isEd ? AG Associates : 'AG Associates'}

); } // ────────────────────────────────────────────────────────────────────────── // HERO — three different layouts per theme // ────────────────────────────────────────────────────────────────────────── function Hero({theme, headline}){ if (theme==='editorial') return ; if (theme==='brutalist') return ; return ; } function HeroBlueprint({headline}){ return (

{/* corner ticks */}

Live · 3 agents idle · Thane chamber

Replace clerks with compute.

Banking-panel home loan counsel operated by six AI agents. Bank sends file, SARFAESI-compliant mortgage deed exits — registered and CERSAI-filed by end of day. Zero associates, zero missed compliances.

Walk the workflow → Meet the agents

{/* Right: live agent panel mockup */}

{/* stats */}

{[ ['4 hrs', 'File → CERSAI'], ['0', 'Human associates'], ['6', 'Autonomous agents'], ['100%', 'Local inference'], ].map(([v,l])=>(

{v}

{l}

))}

); } function CornerTicks(){ const t = {position:'absolute', width:24, height:24, borderColor:'var(--accent)', opacity:.4}; return <>

; } function AgentPanelMock(){ const [active, setActive] = useState(2); useEffect(()=>{ const id = setInterval(()=>setActive(a=>(a+1)%6),1800); return ()=>clearInterval(id); },[]); return (

workforce.live

agents.json

{AGENTS.map((a,i)=>(

{a.glyph}

{a.name}

{a.role}

{i===active ? '● running' : '○ idle'}

))}

); } // ── EDITORIAL hero ──────────────────────────────────────────────────── function HeroEditorial({headline}){ return (

{/* LEFT — masthead */}

VOL. I · NO. 26 · THANE · APRIL MMXXVI

The banking panel without a chamber of associates.

An essay, in six agents, on what becomes of a banking-panel practice when the title search is instant, the mortgage deed drafts itself, and the CERSAI filing needs no clerk.

Read the dossier → 13 MIN

{/* RIGHT — opening paragraph as drop cap article */}

A t the offices of Maharashtra's bank home loan panels one might still find rooms where title deeds accumulate and junior associates compile reports. Adv. Aditya Gade keeps no such rooms. The loan file arrives from the bank; an agent named Aisha receives it. Four hours later, a SARFAESI-compliant mortgage deed is registered and the CERSAI charge filed — and not one human associate has touched the papers.

— On a quiet Tuesday in Thane, the firm cleared twenty-three home loan files before lunch.

{/* byline */}

Adv. Aditya Gade Architect & Counsel

{/* stats — editorial style: rule + figures */}

{[['IV','hours, file to CERSAI'],['VI','autonomous agents'],['0','human staff'],['100%','local inference']].map(([v,l])=>(

{v}

{l}

))}

); } // ── BRUTALIST hero ──────────────────────────────────────────────────── function HeroBrutalist({headline}){ return (

{/* meta strip */}

Index ▸ AG/26.04.001 {new Date().toLocaleDateString('en-GB',{year:'numeric',month:'short',day:'2-digit'}).toUpperCase()} UPTIME 99.94% ● ONLINE

{/* huge type */}

A_LAW FIRM
OF ONE.

// brief

ONE ADVOCATE. SIX AGENTS. ZERO ASSOCIATES.
BANK SENDS FILE. REGISTERED MORTGAGE DEED EXITS. SAME DAY.

// runtime

04:00

SAME-DAY

// staff

HUMANS

▸ Trace the workflow ▸ Inspect the workforce

); } // ────────────────────────────────────────────────────────────────────────── // MANIFESTO // ────────────────────────────────────────────────────────────────────────── function Manifesto({theme}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; return (

§ Manifesto

{isEd ? <>Linear scaling breaks.
Exponential scaling thrives. : isBrut ? <>Linear scaling breaks.
Exponential scaling thrives. : <>Linear scaling breaks.
Exponential scaling thrives.}

The traditional banking-panel practice hires junior associates to chase title chains and draft mortgage deeds. Each new empanelled bank requires another head, another error surface, another compliance gap. We chose the other path: six agents with perfect recall of SARFAESI, RBI circulars, and Maharashtra stamp duty schedules — and zero fatigue.

{/* comparison table */}

Dimension ✕ Traditional ✓ Agentic

{COMPARE.map(([d,t,a],i)=>(

{d} {t} {a}

))}

); } // ────────────────────────────────────────────────────────────────────────── // AGENT ROSTER // ────────────────────────────────────────────────────────────────────────── function Roster({theme}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; return (

§ The Workforce

{isEd ? <>Six agents.
One firm. : 'Six agents. One firm.'}

Each agent owns a deterministic seat — no overlapping responsibilities, no human ambiguity, no shift change.

{AGENTS.map((a,i)=> )}

); } function AgentCard({agent, theme, idx}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; const colors = ['var(--accent-2)','var(--accent-3)','var(--accent)','#22c55e','#fb923c','var(--accent-2)']; const c = colors[idx]; if (isBrut) { return (

// AGENT_{agent.glyph} ● ACTIVE

{agent.name}

{agent.role}

{agent.desc}

{agent.spec}

); } if (isEd) { return (

№ {agent.glyph}

{agent.name}

{agent.role}

{agent.desc}

{agent.spec}

); } // BLUEPRINT return (

{ e.currentTarget.style.borderColor=c; e.currentTarget.style.transform='translateY(-2px)'; e.currentTarget.style.background=`${c}10`}} onMouseLeave={e=>{ e.currentTarget.style.borderColor='var(--line)'; e.currentTarget.style.transform='none'; e.currentTarget.style.background='rgba(255,255,255,.025)'}}>

{agent.glyph}

● IDLE

{agent.name}

{agent.role}

{agent.desc}

{agent.spec}

); } // ────────────────────────────────────────────────────────────────────────── // WORKFLOW // ────────────────────────────────────────────────────────────────────────── function Workflow({theme}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; return (

§ End-to-End

{isEd ? <>Same business day,
file to registration. : isBrut ? 'SAME DAY. FILE TO CERSAI.' : <>Same business day. File to CERSAI.}

{isBrut ? : }

); } function WorkflowDefault({theme}){ const isEd = theme==='editorial'; return (

{/* connector */}

{STEPS.map((s,i)=>(

{s.t}

{s.label}

{s.note}

))}

); } function WorkflowBrutalist(){ return (

{STEPS.map((s,i)=>(

{s.t} {s.label} {s.note} {i===STEPS.length-1 ? '✓ FILED' : `STEP ${String(i+1).padStart(2,'0')}/06`}

))}

); } // ────────────────────────────────────────────────────────────────────────── // FLYWHEEL + closing // ────────────────────────────────────────────────────────────────────────── function Flywheel({theme}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; return (

{!isBrut && !isEd && (

)}

§ Synthesis

{isEd ? <>The flywheel compounds. : isBrut ? 'THE FLYWHEEL COMPOUNDS.' : <>The flywheel compounds.}

Three forces interlock. Each filing makes the next one cheaper, faster, more accurate.

{FLYWHEEL.map((f,i)=>(

0{i+1} / 03

{f.k}

{f.v}

))}

{/* pull quote */}

“Agentic AI is not a chatbot. It is a perfectly loyal, hyper-efficient state machine — and with every transaction, the database grows smarter, until the marginal cost approaches zero.”

— Adv. Aditya Gade, AG Associates

); } // ────────────────────────────────────────────────────────────────────────── // FOOTER // ────────────────────────────────────────────────────────────────────────── function Footer({theme}){ const isBrut = theme==='brutalist'; const isEd = theme==='editorial'; return ( ); } // ────────────────────────────────────────────────────────────────────────── // Tweaks // ────────────────────────────────────────────────────────────────────────── function AGTweaks({t, setTweak}){ return ( setTweak('theme', v)} /> setTweak('showWorkflow', v)} /> setTweak('showFlywheel', v)} />

Three full landing-page treatments share the same content. Switch Variation to compare visual systems.

); } // ────────────────────────────────────────────────────────────────────────── // App // ────────────────────────────────────────────────────────────────────────── function App(){ const [t, setTweak] = useTweaks(window.__AG_DEFAULTS); // Sync theme to body for CSS vars + scope useEffect(()=>{ document.body.dataset.theme = t.theme; }, [t.theme]); return (

); } ReactDOM.createRoot(document.getElementById('root')).render();

Replace clerks with compute.

The banking panel without a chamber of associates.

A_LAW FIRM OF ONE.

{isEd ? <>Linear scaling breaks.Exponential scaling thrives. : isBrut ? <>Linear scaling breaks.Exponential scaling thrives. : <>Linear scaling breaks.Exponential scaling thrives.}

{isEd ? <>Six agents.One firm. : 'Six agents. One firm.'}

{agent.name}

{agent.name}

{agent.name}

{isEd ? <>Same business day,file to registration. : isBrut ? 'SAME DAY. FILE TO CERSAI.' : <>Same business day. File to CERSAI.}

{s.label}

{isEd ? <>The flywheel compounds. : isBrut ? 'THE FLYWHEEL COMPOUNDS.' : <>The flywheel compounds.}

{f.k}

A_LAW FIRM
OF ONE.

{isEd ? <>Linear scaling breaks.
Exponential scaling thrives. : isBrut ? <>Linear scaling breaks.
Exponential scaling thrives. : <>Linear scaling breaks.
Exponential scaling thrives.}

{isEd ? <>Six agents.
One firm. : 'Six agents. One firm.'}

{isEd ? <>Same business day,
file to registration. : isBrut ? 'SAME DAY. FILE TO CERSAI.' : <>Same business day. File to CERSAI.}