htmlewislulu-html-ppt-skill/templates/full-decks/pitch-deck/index.html

149 lines
7.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Lumen · Pitch Deck</title>
<link rel="stylesheet" href="../../../assets/fonts.css">
<link rel="stylesheet" href="../../../assets/base.css">
<link rel="stylesheet" href="../../../assets/animations/animations.css">
<link rel="stylesheet" href="style.css">
</head>
<body class="tpl-pitch-deck">
<div class="deck">
<!-- 1. Cover -->
<section class="slide" data-title="Cover">
<div class="cover-bg"></div>
<div class="cover-blob"></div>
<div style="position:absolute;top:56px;left:112px"><span class="brand-dot"></span><span class="brand">Lumen</span></div>
<p class="kicker">Seed round · 2026</p>
<h1 class="h1 anim-fade-up" data-anim="fade-up">The operating system<br>for <span class="gradient-text">solo founders</span>.</h1>
<p class="lede mt-m">One workspace for billing, CRM, contracts and taxes — built for the 70M people running a business of one.</p>
<div class="deck-footer"><span>Maya Chen · CEO</span><span class="slide-number" data-current="1" data-total="10"></span></div>
</section>
<!-- 2. Problem -->
<section class="slide" data-title="Problem">
<span class="section-num">01</span>
<p class="num-tag">PROBLEM</p>
<h2 class="h2 mt-s">Solo founders duct-tape<br>7+ tools to stay alive.</h2>
<div class="grid g3 mt-l">
<div class="card"><h4>Fragmentation</h4><p class="dim">Stripe, QuickBooks, HubSpot, DocuSign, Notion, Gusto, a spreadsheet. Nothing talks.</p></div>
<div class="card"><h4>$480/mo wasted</h4><p class="dim">Average solo founder pays for 9 SaaS seats they only half-use.</p></div>
<div class="card"><h4>14 hrs / week lost</h4><p class="dim">Copy-pasting between tools instead of selling.</p></div>
</div>
</section>
<!-- 3. Solution -->
<section class="slide" data-title="Solution">
<span class="section-num">02</span>
<p class="num-tag">SOLUTION</p>
<h2 class="h2 mt-s">Lumen is <span class="gradient-text">one spine</span><br>for the business of one.</h2>
<p class="lede mt-m">Invoice a client → the payment lands → the tax is reserved → the contract is filed → your dashboard updates. In one app. Without plumbing.</p>
<div class="row mt-l">
<span class="pill pill-accent">Billing</span>
<span class="pill pill-accent">CRM</span>
<span class="pill pill-accent">Contracts</span>
<span class="pill pill-accent">Taxes</span>
<span class="pill pill-accent">Banking</span>
</div>
</section>
<!-- 4. Product -->
<section class="slide" data-title="Product">
<span class="section-num">03</span>
<p class="num-tag">PRODUCT</p>
<h2 class="h2 mt-s">Built around "jobs to be done".</h2>
<div class="grid g2 mt-l">
<div class="card card-hover"><h4>Get paid</h4><p class="dim">Invoices, subscriptions and Stripe/Wise payouts with a single click. ACH, card, wire, crypto.</p></div>
<div class="card card-hover"><h4>Stay legal</h4><p class="dim">E-sign contracts from templates. Auto-file 1099s and quarterly estimates.</p></div>
<div class="card card-hover"><h4>Sell smarter</h4><p class="dim">Lead inbox, pipeline, email sequences. No separate CRM.</p></div>
<div class="card card-hover"><h4>See the business</h4><p class="dim">Live P&amp;L, runway, top customers, churn. One dashboard, zero spreadsheets.</p></div>
</div>
</section>
<!-- 5. Market -->
<section class="slide" data-title="Market">
<span class="section-num">04</span>
<p class="num-tag">MARKET</p>
<h2 class="h2 mt-s">A very big small business.</h2>
<div class="grid g3 mt-l">
<div class="metric"><div class="n">73M</div><div class="l">solo businesses in the US + EU</div></div>
<div class="metric"><div class="n">$186B</div><div class="l">TAM · horizontal SaaS spend</div></div>
<div class="metric"><div class="n">9.4%</div><div class="l">CAGR through 2030</div></div>
</div>
<p class="lede mt-l">Creators, consultants, indie devs, coaches, freelancers — the fastest-growing segment of the workforce, and the most under-served by tooling.</p>
</section>
<!-- 6. Business model -->
<section class="slide" data-title="Business Model">
<span class="section-num">05</span>
<p class="num-tag">BUSINESS MODEL</p>
<h2 class="h2 mt-s">Flat SaaS + payment rake.</h2>
<div class="grid g3 mt-l">
<div class="card"><h4>Starter</h4><div class="metric mt-s"><div class="n" style="font-size:56px">$29</div><div class="l">/ month · core billing + CRM</div></div></div>
<div class="card card-accent"><h4>Pro</h4><div class="metric mt-s"><div class="n" style="font-size:56px">$79</div><div class="l">/ month · contracts, taxes, banking</div></div></div>
<div class="card"><h4>+ Payments</h4><div class="metric mt-s"><div class="n" style="font-size:56px">0.4%</div><div class="l">interchange rake on processed volume</div></div></div>
</div>
<p class="dim mt-l">Blended LTV $1,920 · CAC payback 5 months at current funnel.</p>
</section>
<!-- 7. Traction -->
<section class="slide" data-title="Traction">
<span class="section-num">06</span>
<p class="num-tag">TRACTION</p>
<h2 class="h2 mt-s">6 months, growing 38% MoM.</h2>
<div class="traction-bar mt-l">
<div class="bar" style="height:18%"><em>$6k</em><span>Oct</span></div>
<div class="bar" style="height:30%"><em>$11k</em><span>Nov</span></div>
<div class="bar" style="height:44%"><em>$17k</em><span>Dec</span></div>
<div class="bar" style="height:62%"><em>$26k</em><span>Jan</span></div>
<div class="bar" style="height:82%"><em>$38k</em><span>Feb</span></div>
<div class="bar" style="height:100%"><em>$54k</em><span>Mar</span></div>
</div>
<p class="dim mt-l" style="margin-top:48px">2,140 paying customers · NPS 72 · Net retention 118%</p>
</section>
<!-- 8. Team -->
<section class="slide" data-title="Team">
<span class="section-num">07</span>
<p class="num-tag">TEAM</p>
<h2 class="h2 mt-s">Shipped at scale before.</h2>
<div class="grid g3 mt-l">
<div class="card team-card"><div class="avatar">MC</div><h4>Maya Chen</h4><p class="dim">CEO · ex-Stripe billing lead. 8 yrs in payments.</p></div>
<div class="card team-card"><div class="avatar">RP</div><h4>Raj Patel</h4><p class="dim">CTO · ex-Linear. Built multiplayer sync at 10M users.</p></div>
<div class="card team-card"><div class="avatar">EK</div><h4>Elena Kim</h4><p class="dim">Head of Design · ex-Notion. Shipped the mobile relaunch.</p></div>
</div>
</section>
<!-- 9. Ask -->
<section class="slide" data-title="The Ask">
<p class="num-tag">THE ASK</p>
<div class="ask-box mt-m">
<h2 class="h2">Raising $4.5M seed.</h2>
<p class="lede" style="color:rgba(255,255,255,.9);max-width:60ch">18 months of runway to reach $3M ARR. 40% engineering, 35% growth, 15% compliance/banking licenses, 10% runway buffer.</p>
<div class="row mt-l" style="gap:40px">
<div><div style="font-size:44px;font-weight:900">$4.5M</div><div class="dim">SAFE · post-money cap $28M</div></div>
<div><div style="font-size:44px;font-weight:900">18 mo</div><div class="dim">runway to Series A</div></div>
<div><div style="font-size:44px;font-weight:900">$3M</div><div class="dim">ARR target by close</div></div>
</div>
</div>
</section>
<!-- 10. Thanks -->
<section class="slide center tc" data-title="Thanks">
<div class="cover-bg"></div>
<div>
<div class="mega">Thanks.</div>
<p class="mega-sub">maya@lumen.app · lumen.app/investors</p>
<div class="row mt-l" style="justify-content:center;gap:24px">
<span class="pill pill-accent">Let's talk</span>
<span class="pill">Deck v4.2 · Apr 2026</span>
</div>
</div>
</section>
</div>
<script src="../../../assets/runtime.js"></script>
</body></html>