{/* Metric label */}

0{i + 1}

{r.k}

{/* Bank column */}

{r.bank}

{/* Delt column */}

{r.delt}

{r.win}

{/* Animated strength bar */}

); } // ═══════════════════════════════════════════════════════════════ // STEPS — editorial numbered list, hairline dividers // ═══════════════════════════════════════════════════════════════ function V1StepsSection() { const steps = DeltContent.steps; return (

How it works

Four steps.
One business day.

No sales advisor, no discovery call, no underwriter asking for "just one more statement." We read your deposits, price the deal, send an offer.

{/* Steps list — wide rows with numeric column, content, and timing column */}

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

Step {s.n}

{s.t}

{s.d}

Elapsed

{s.time}

))}

); } // ═══════════════════════════════════════════════════════════════ // CALCULATOR — Atlassian-styled wrapper around the shared DeltCalculator // ═══════════════════════════════════════════════════════════════ function V1CalcSection({ calcState, setCalcState, onApply, onNavHow, onNavProcessing }) { return (

Live calculator

Price the deal
before you apply.

Same underwriting logic that runs on every Delt application. Numbers update as you type.

{/* Rich analyzer — progressive reveal, Delt Boost toggle, custom amount */}

); } // ═══════════════════════════════════════════════════════════════ // REVIEWS — mono eyebrow per card, editorial // ═══════════════════════════════════════════════════════════════ function V1ReviewsSection() { const items = DeltContent.testimonials; return (

Operators

Verified on the renewal call.

Every quote is from a borrower who has closed at least once. Business names are real, on request.

{items.map((t, i) => (

{t.b.split(' ')[0]}

"{t.q}"

{t.n}

{t.b}

{t.f}

{t.r}

))}

); } // ═══════════════════════════════════════════════════════════════ // FAQ — hairline accordion // ═══════════════════════════════════════════════════════════════ function V1FAQSection() { const [open, setOpen] = React.useState(0); return (

Questions

What operators actually ask.

{DeltContent.faq.map((f, i) => { const isOpen = open === i; return (

{isOpen && (

{f.a}

)}

); })}

); } // ═══════════════════════════════════════════════════════════════ // CTA — final push, navy band // ═══════════════════════════════════════════════════════════════ // ═══════════════════════════════════════════════════════════════ // CTA — closing spread, editorial: oversized "60s", animated timeline // ═══════════════════════════════════════════════════════════════ function V1CTASection({ onApply, onTalk }) { const [secRef, inView] = useV1InView(0.2, '0px 0px -40px 0px'); const [hoverPrimary, setHoverPrimary] = React.useState(false); const [hoverGhost, setHoverGhost] = React.useState(false); const steps = [ { n: '01', t: 'NOW', d: 'Soft pull · 3 questions' }, { n: '02', t: '60s', d: 'A real funding range' }, { n: '03', t: 'SAME DAY', d: 'Single-page offer' }, { n: '04', t: '+24h', d: 'Money wired' }, ]; return (

{/* Ambient indigo bloom — subtle, decorative */}

{/* Corner marker — volume / dateline */}

Vol. VII · Closing

{/* Eyebrow */}

Final word

{/* Headline row: big copy left, oversized "60s" card right */}

Ready when your business is.

Three questions, a soft pull, and a real funding range. No obligation. No impact to your credit.

{/* Oversized "60s" focal card */}

{/* Tiny corner marker */}

median

From click → a real range

{/* CTA row — editorial buttons */}

{onTalk && ( )} Soft-pull · No obligation

{/* Separator eyebrow for timeline */}

The arc — click to wire

{/* Timeline: horizontal progress rail + 4 dotted steps */}

{/* Base rail */}

{/* Filled rail (left → right draw) */}

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

{/* Node dot with halo */}

Step {s.n}

{s.t}

{s.d}

))}

); } // ═══════════════════════════════════════════════════════════════ // USE CASES — tabbed left rail + dashboard visualization right panel // ═══════════════════════════════════════════════════════════════ const USE_CASES = [ { k: 'equipment', label: 'Equipment & Technology', icon: 'wrench', blurb: 'Upgrade machinery, purchase new equipment, or invest in technology that improves efficiency.', metric: { funding: '$45K', approval: '24 hrs', roi: '+38%' }, stat: { label: 'Avg. equipment investment', value: '$45K' }, insight: 'Businesses that invest in equipment upgrades see an average 38% productivity increase within the first 6 months of deployment.', breakdown: [ { name: 'Machinery', pct: 35 }, { name: 'Software', pct: 25 }, { name: 'Hardware', pct: 20 }, { name: 'Maintenance', pct: 12 }, { name: 'Training', pct: 8 }, ], }, { k: 'vendor', label: 'Vendor Payments', icon: 'receipt', blurb: 'Pay suppliers on time, negotiate early-pay discounts, and keep your supply chain running smoothly.', metric: { funding: '$62K', approval: '24 hrs', roi: '+12%' }, stat: { label: 'Avg. early-pay discount captured', value: '2.1%' }, insight: 'Operators who take 2/10 net 30 discounts with Delt capital effectively earn 36% APY on their float.', breakdown: [ { name: 'Raw materials', pct: 42 }, { name: 'Logistics', pct: 22 }, { name: 'Utilities', pct: 15 }, { name: 'Service vendors', pct: 13 }, { name: 'SaaS tools', pct: 8 }, ], }, { k: 'payroll', label: 'Payroll & Hiring', icon: 'users', blurb: 'Meet payroll during slow weeks, onboard new hires, and cover recruiting costs without stress.', metric: { funding: '$38K', approval: '24 hrs', roi: '+22%' }, stat: { label: 'Avg. per-hire ramp cost', value: '$8.4K' }, insight: 'Teams that fund hiring through Delt close roles 2.3 weeks faster than those waiting on retained cash flow.', breakdown: [ { name: 'Salaries', pct: 54 }, { name: 'Benefits', pct: 18 }, { name: 'Recruiting', pct: 12 }, { name: 'Onboarding', pct: 10 }, { name: 'Contractors', pct: 6 }, ], }, { k: 'expansion', label: 'Business Expansion', icon: 'building', blurb: 'Open a new location, expand capacity, or enter a new market with capital that moves at your pace.', metric: { funding: '$120K', approval: '48 hrs', roi: '+54%' }, stat: { label: 'Avg. new-location payback', value: '11 mo' }, insight: 'Multi-unit operators funded through Delt hit break-even on new locations 4 months faster than industry average.', breakdown: [ { name: 'Build-out', pct: 38 }, { name: 'Lease & CAM', pct: 22 }, { name: 'Opening inv.', pct: 18 }, { name: 'Marketing', pct: 14 }, { name: 'Permits', pct: 8 }, ], }, { k: 'inventory', label: 'Inventory & Stock', icon: 'box', blurb: 'Stock up for peak season, negotiate bulk pricing, and keep shelves full when demand spikes.', metric: { funding: '$85K', approval: '24 hrs', roi: '+28%' }, stat: { label: 'Avg. bulk-buy savings', value: '14%' }, insight: 'Retailers who pre-stock with Delt capture 2.8× more peak-season revenue than those ordering reactively.', breakdown: [ { name: 'Core SKUs', pct: 48 }, { name: 'Seasonal', pct: 22 }, { name: 'New products', pct: 14 }, { name: 'Packaging', pct: 10 }, { name: 'Safety stock', pct: 6 }, ], }, { k: 'marketing', label: 'Marketing Campaigns', icon: 'megaphone', blurb: 'Fund ad spend, creative production, and launches that have a clear revenue payback.', metric: { funding: '$28K', approval: '24 hrs', roi: '+3.2× ROAS' }, stat: { label: 'Median campaign ROAS', value: '3.2×' }, insight: 'Brands that scale winning campaigns with Delt grow 47% faster than those constrained by retained earnings.', breakdown: [ { name: 'Paid social', pct: 38 }, { name: 'Search', pct: 24 }, { name: 'Creative', pct: 16 }, { name: 'Influencer', pct: 12 }, { name: 'Email / SMS', pct: 10 }, ], }, ]; // Indigo ramp for budget bars const UC_COLORS = ['#3730A3', '#4945FF', '#6366F1', '#818CF8', '#1F845A']; // Inline icon set for the left rail function UCIcon({ name, size = 16, color = 'currentColor' }) { const c = { stroke: color, strokeWidth: 1.6, fill: 'none', strokeLinecap: 'round', strokeLinejoin: 'round' }; const paths = { wrench: , receipt: <>, users: <>, building: <>, box: <>, megaphone:<>, }; return ( ); } // Flips ready→true one frame after mount so siblings can key off a // state change for their enter transition. Use with key={active} on a // parent to replay animations every category switch. function useUCReady() { const [r, setR] = React.useState(false); React.useEffect(() => { const raf = requestAnimationFrame(() => setR(true)); return () => cancelAnimationFrame(raf); }, []); return r; } // Horizontal progressive bar. Width grows from 0 → pct/max on ready flip. function UCBar({ label, pct, max, color, delay = 0, ready }) { return (

{label} {pct}%

); } // Inner pane that remounts on every category change so its animations replay. function V1UseCasePane({ uc, active }) { const ready = useUCReady(); const max = Math.max(...uc.breakdown.map(d => d.pct)); const stats = [ { label: 'Avg. funding', value: uc.metric.funding }, { label: 'Approval time', value: uc.metric.approval }, { label: 'ROI increase', value: uc.metric.roi, arrow: true }, ]; const enterFade = (delay) => ({ opacity: ready ? 1 : 0, transform: ready ? 'translate3d(0,0,0)' : 'translate3d(0, 8px, 0)', transition: `opacity 650ms cubic-bezier(0.22, 1, 0.36, 1) ${delay}ms, transform 650ms cubic-bezier(0.22, 1, 0.36, 1) ${delay}ms`, }); return (

{/* Chapter marker */}

Ch. {String(active + 1).padStart(2, '0')} — Where it goes

{/* Oversized chapter title with line-mask reveal */}

{uc.label}.

{/* Blurb */}

{uc.blurb}

{/* Stats — editorial triple with thin rules, no cards */}

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

0 ? 28 : 0, borderLeft: i > 0 ? `1px solid ${V1.line}` : 'none', ...enterFade(420 + i * 90), }}>

{s.label}

{s.arrow && ( )}

))}

{/* Budget allocation — horizontal progressive bars */}

Budget allocation % of funding

{uc.breakdown.map((b, i) => ( ))}

{/* Insight — editorial pull-quote with serif italic */}

"{uc.insight}"
— {uc.stat.label}: {uc.stat.value}

); } function V1UseCasesSection() { const [active, setActive] = React.useState(0); const [hovered, setHovered] = React.useState(null); const uc = USE_CASES[active]; return (

{/* Heading */}

Use cases

Deploy your capital
strategically.

Whether you're scaling, investing, or seizing an opportunity, your capital can fuel growth across your business.

{/* Mobile-simplified bullet list */}

Use it for what moves the needle.

{u.label} {u.blurb}

{/* Editorial two-column frame — no card shell (desktop) */}

{/* ─── LEFT: chapter menu ─── */}

Select a path

{String(active + 1).padStart(2, '0')} / {String(USE_CASES.length).padStart(2, '0')}

{/* ─── RIGHT: content pane, remounts on switch ─── */}

); } Object.assign(window, { V1Eyebrow, V1CompareSection, V1StepsSection, V1CalcSection, V1ReviewsSection, V1FAQSection, V1CTASection, V1UseCasesSection, V1, });

Why Delt beatsthe bank.

Four steps.One business day.

Price the dealbefore you apply.