Skip to content

Instantly share code, notes, and snippets.

@jalehman
Created February 26, 2026 06:16
Show Gist options
  • Select an option

  • Save jalehman/074c20bac649c5fe7b05499dd15d52e5 to your computer and use it in GitHub Desktop.

Select an option

Save jalehman/074c20bac649c5fe7b05499dd15d52e5 to your computer and use it in GitHub Desktop.
Fixed by Monday — Local Operations Automation #pagedrop
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fixed by Monday — Local Operations Automation, Chico CA</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--bg: #0a0c10;
--surface: #12141c;
--card: #181b26;
--border: #252938;
--text: #e8e8ec;
--muted: #8b8fa4;
--accent: #60a5fa;
--accent-glow: rgba(96,165,250,0.12);
--green: #4ade80;
--orange: #fb923c;
--red: #f87171;
--purple: #a78bfa;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:'Space Grotesk',system-ui,sans-serif;
background:var(--bg);color:var(--text);
line-height:1.65;font-size:16px;
}
.container{max-width:860px;margin:0 auto;padding:0 1.5rem}
/* ── NAV ── */
nav{
position:fixed;top:0;left:0;right:0;z-index:100;
background:rgba(10,12,16,0.85);backdrop-filter:blur(12px);
border-bottom:1px solid var(--border);padding:0.8rem 0;
}
nav .container{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:700;font-size:1.1rem;letter-spacing:-0.02em}
.logo span{color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;font-size:0.85rem;margin-left:1.5rem;transition:color .15s}
nav a:hover{color:var(--text)}
/* ── HERO ── */
.hero{
padding:8rem 0 5rem;text-align:center;
background:radial-gradient(ellipse at 50% 0%,rgba(96,165,250,0.06) 0%,transparent 60%);
}
.hero-badge{
display:inline-block;background:var(--accent-glow);border:1px solid rgba(96,165,250,0.2);
color:var(--accent);font-size:0.78rem;font-weight:500;
padding:0.3rem 0.9rem;border-radius:20px;margin-bottom:1.5rem;
}
h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1.15;letter-spacing:-0.03em;margin-bottom:1rem}
h1 em{font-style:normal;color:var(--accent)}
.hero-sub{font-size:1.1rem;color:var(--muted);max-width:580px;margin:0 auto 2.5rem}
.cta-btn{
display:inline-block;background:var(--accent);color:#0a0c10;
font-weight:600;font-size:1rem;padding:0.85rem 2rem;
border-radius:8px;text-decoration:none;transition:transform .15s,box-shadow .15s;
}
.cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(96,165,250,0.3)}
/* ── SECTIONS ── */
section{padding:5rem 0}
.section-label{
text-transform:uppercase;font-size:0.75rem;font-weight:600;
letter-spacing:0.08em;color:var(--accent);margin-bottom:0.6rem;
}
h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.2;letter-spacing:-0.02em;margin-bottom:1.5rem}
h2 em{font-style:normal;color:var(--accent)}
/* ── PAIN GRID ── */
.pain-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:1.2rem;margin-top:2rem;
}
.pain-card{
background:var(--card);border:1px solid var(--border);
border-radius:10px;padding:1.4rem;
transition:border-color .2s;
}
.pain-card:hover{border-color:rgba(96,165,250,0.3)}
.pain-icon{font-size:1.4rem;margin-bottom:0.6rem;display:block}
.pain-card h3{font-size:0.95rem;font-weight:600;margin-bottom:0.4rem}
.pain-card p{font-size:0.85rem;color:var(--muted);line-height:1.5}
/* ── PROCESS ── */
.process-steps{margin-top:2.5rem}
.step{
display:flex;gap:1.5rem;margin-bottom:2.5rem;
align-items:flex-start;
}
.step-num{
flex-shrink:0;width:40px;height:40px;
background:var(--accent-glow);border:1px solid rgba(96,165,250,0.25);
border-radius:10px;display:flex;align-items:center;justify-content:center;
font-weight:700;color:var(--accent);font-size:0.95rem;
}
.step h3{font-size:1.05rem;font-weight:600;margin-bottom:0.35rem}
.step p{font-size:0.9rem;color:var(--muted)}
.step .note{font-size:0.82rem;color:var(--accent);margin-top:0.35rem;font-style:italic}
/* ── EXAMPLES ── */
.examples-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:1rem;margin-top:2rem;
}
.example{
background:var(--card);border:1px solid var(--border);
border-radius:10px;padding:1.3rem;
}
.example-icon{font-size:1.3rem;margin-bottom:0.5rem;display:block}
.example h3{font-size:0.9rem;font-weight:600;margin-bottom:0.3rem}
.example p{font-size:0.82rem;color:var(--muted)}
/* ── PRICING ── */
.pricing-philosophy{
background:var(--surface);border:1px solid var(--border);
border-radius:12px;padding:2rem;margin-bottom:2rem;
}
.pricing-philosophy p{color:var(--muted);font-size:0.95rem}
.pricing-philosophy strong{color:var(--text)}
.pricing-tiers{
display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:1rem;
}
.tier{
background:var(--card);border:1px solid var(--border);
border-radius:10px;padding:1.3rem;text-align:center;
}
.tier-name{font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:0.4rem}
.tier-price{font-size:1.3rem;font-weight:700;color:var(--accent);margin-bottom:0.3rem}
.tier-desc{font-size:0.8rem;color:var(--muted)}
/* ── ABOUT ── */
.about-content{display:flex;gap:2.5rem;align-items:flex-start;flex-wrap:wrap}
.about-text{flex:1;min-width:280px}
.about-text p{color:var(--muted);font-size:0.92rem;margin-bottom:1rem}
.about-badges{
display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.5rem;
}
.about-badge{
background:var(--card);border:1px solid var(--border);
padding:0.5rem 0.9rem;border-radius:8px;font-size:0.8rem;
display:flex;align-items:center;gap:0.4rem;
}
/* ── CTA ── */
.final-cta{
text-align:center;padding:5rem 0 6rem;
background:radial-gradient(ellipse at 50% 100%,rgba(96,165,250,0.06) 0%,transparent 60%);
}
.final-cta h2{margin-bottom:0.8rem}
.final-cta .subtitle{color:var(--muted);font-size:1rem;margin-bottom:2rem}
/* ── FOOTER ── */
footer{
border-top:1px solid var(--border);padding:2rem 0;
text-align:center;color:var(--muted);font-size:0.78rem;
}
/* ── MOBILE ── */
@media(max-width:640px){
.hero{padding:6rem 0 3rem}
section{padding:3rem 0}
.step{flex-direction:column;gap:0.8rem}
.about-content{flex-direction:column}
}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-badge,.hero h1,.hero-sub,.cta-btn{animation:fadeUp 0.6s ease both}
.hero h1{animation-delay:0.1s}
.hero-sub{animation-delay:0.2s}
.cta-btn{animation-delay:0.3s}
</style>
</head>
<body>
<nav>
<div class="container">
<div class="logo">fixed by <span>monday</span></div>
<div>
<a href="#problems">Problems</a>
<a href="#process">Process</a>
<a href="#pricing">Pricing</a>
<a href="#contact">Contact</a>
</div>
</div>
</nav>
<section class="hero">
<div class="container">
<div class="hero-badge">Based in Chico, CA — serving local businesses</div>
<h1>Your business runs on<br>duct tape and habit.<br><em>Let's fix that.</em></h1>
<p class="hero-sub">I'm a software engineer who embeds with local businesses to find where time and money leak out — then builds the automation that stops it. No generic software. No AI buzzwords. Just things that work.</p>
<a href="mailto:josh@fixedbymonday.com?subject=Let's talk" class="cta-btn">Let's talk →</a>
</div>
</section>
<section id="problems">
<div class="container">
<div class="section-label">The Reality</div>
<h2>You know where the problems are.<br>You just don't have time to <em>fix them.</em></h2>
<p style="color:var(--muted);max-width:600px">Every business has that thing — the one process everyone works around because "that's how we've always done it." It's costing you more than you think.</p>
<div class="pain-grid">
<div class="pain-card"><span class="pain-icon">📞</span><h3>Missed calls, missed jobs</h3><p>Every call that goes to voicemail after hours is a customer who called your competitor next.</p></div>
<div class="pain-card"><span class="pain-icon">⏱️</span><h3>Quotes take days</h3><p>Your competitor quotes in 2 hours. You quote in 2 days. Not because the work is different — the process is.</p></div>
<div class="pain-card"><span class="pain-icon">📋</span><h3>Scheduling is chaos</h3><p>Jobs on whiteboards, texts between crews, double-bookings. It works until it doesn't.</p></div>
<div class="pain-card"><span class="pain-icon">🔄</span><h3>Follow-ups fall through</h3><p>A customer says "call me next week" and nobody does. That's a $3,000 job that evaporated.</p></div>
<div class="pain-card"><span class="pain-icon">📊</span><h3>No visibility</h3><p>How many leads came in last month? What's your close rate? How many hours did invoicing take? Nobody knows.</p></div>
<div class="pain-card"><span class="pain-icon">💸</span><h3>Manual everything</h3><p>Data entry, invoice chasing, appointment reminders — all done by hand, by people whose time costs real money.</p></div>
</div>
</div>
</section>
<section id="process" style="background:var(--surface)">
<div class="container">
<div class="section-label">How It Works</div>
<h2>I start with <em>one question.</em></h2>
<p style="color:var(--muted);max-width:560px">No pitch deck. No demo. Just a real conversation about what's actually going on in your business.</p>
<div class="process-steps">
<div class="step">
<div class="step-num">1</div>
<div>
<h3>Coffee & Conversation</h3>
<p>We sit down for 30 minutes. I ask you one thing: "What's the most annoying part of your day?" You'll have an answer in 4 seconds. That answer is where the money is.</p>
<div class="note">Free. No commitment. Worst case you got a free coffee.</div>
</div>
</div>
<div class="step">
<div class="step-num">2</div>
<div>
<h3>Operations Deep-Dive</h3>
<p>I spend 2–3 days embedded in your business. I shadow your front office, watch how jobs get dispatched, see what falls through the cracks. I deliver a written report with 3–5 specific automation opportunities ranked by ROI.</p>
<div class="note">This alone is worth more than most businesses pay a consultant for a "discovery workshop."</div>
</div>
</div>
<div class="step">
<div class="step-num">3</div>
<div>
<h3>Build the Highest-Impact Fix</h3>
<p>We pick the one thing that saves you the most time or money and I build it. Not a template. Not an off-the-shelf tool. Custom software designed around how your business actually works.</p>
</div>
</div>
<div class="step">
<div class="step-num">4</div>
<div>
<h3>Watch It Work. Then Decide.</h3>
<p>You see the results before you commit to anything long-term. If it saves you what I said it would, we talk about what to fix next. If it doesn't, you owe me nothing beyond the build.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="section-label">What I Build</div>
<h2>Whatever your business <em>actually needs.</em></h2>
<p style="color:var(--muted);max-width:560px;margin-bottom:0.5rem">I don't have a product to sell you. I have the ability to build whatever solves your specific problem. Here's what that usually looks like:</p>
<div class="examples-grid">
<div class="example"><span class="example-icon">📞</span><h3>Smart Call Handling</h3><p>AI that answers after-hours calls, books appointments, and texts you a summary — so no lead slips away.</p></div>
<div class="example"><span class="example-icon">⚡</span><h3>Instant Quoting</h3><p>Turn a 2-day estimate process into a 2-hour one. Automated calculations, professional PDFs, sent before dinner.</p></div>
<div class="example"><span class="example-icon">📅</span><h3>Dispatch & Scheduling</h3><p>Replace the whiteboard. Crews see their jobs on their phones. You see the whole week at a glance.</p></div>
<div class="example"><span class="example-icon">🔔</span><h3>Follow-Up Systems</h3><p>Automatic reminders for estimates that haven't closed, customers who haven't rebooked, reviews that haven't been asked for.</p></div>
<div class="example"><span class="example-icon">📄</span><h3>Invoicing & Payments</h3><p>Generate invoices from completed jobs automatically. Send payment links. Chase late payments without chasing.</p></div>
<div class="example"><span class="example-icon">📊</span><h3>Business Dashboard</h3><p>Finally know your numbers. Leads, close rates, revenue by service, crew utilization — all in one place.</p></div>
<div class="example"><span class="example-icon">🤖</span><h3>Custom Workflows</h3><p>That weird thing your business does that no software handles? I can build for that. If you can describe it, I can automate it.</p></div>
<div class="example"><span class="example-icon">🔗</span><h3>Connect Your Tools</h3><p>Already use QuickBooks, Google Calendar, or ServiceTitan? I build on top of what you have, not instead of it.</p></div>
</div>
</div>
</section>
<section id="pricing" style="background:var(--surface)">
<div class="container">
<div class="section-label">Pricing</div>
<h2>Simple. Transparent. <em>Based on value.</em></h2>
<div class="pricing-philosophy">
<p><strong>I don't charge hourly.</strong> If I find an automation that saves you $8,000 a month, paying me $3,000 to build it isn't a cost — it's a return. That's how I think about pricing.</p>
<p style="margin-top:0.8rem">Every engagement starts with the discovery conversation. If we find something worth building, I'll quote a fixed price based on the value it creates for you, not the hours it takes me.</p>
</div>
<div class="pricing-tiers">
<div class="tier"><div class="tier-name">Discovery</div><div class="tier-price">Free</div><div class="tier-desc">30 min conversation — find the opportunities</div></div>
<div class="tier"><div class="tier-name">Deep-Dive</div><div class="tier-price">$500–$1K</div><div class="tier-desc">2–3 day embedded ops audit with written report</div></div>
<div class="tier"><div class="tier-name">Build</div><div class="tier-price">Per project</div><div class="tier-desc">Custom automation, designed around your business</div></div>
<div class="tier"><div class="tier-name">Maintain</div><div class="tier-price">Monthly</div><div class="tier-desc">Ongoing support, updates, and improvements</div></div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="section-label">About</div>
<h2>Built by a developer <em>who lives here.</em></h2>
<div class="about-content">
<div class="about-text">
<p>I'm Josh Lehman, a software engineer based in Chico. I run <a href="https://martian.engineering" style="color:var(--accent)">Martian Engineering</a> — a software development practice focused on building real tools for real problems.</p>
<p>I'm not a consultant who flies in from San Francisco with a slide deck. I live here. I shop at the same stores you do. When I build something for your business, I'm around to make sure it keeps working.</p>
<p>I got into this because I kept seeing local businesses lose money to problems that software solved years ago — they just never had someone who could build it for them without the enterprise price tag or the generic SaaS runaround.</p>
<div class="about-badges">
<div class="about-badge">🏠 Based in Chico, CA</div>
<div class="about-badge">💻 Professional software developer</div>
<div class="about-badge">🔧 Custom-built, not off-the-shelf</div>
<div class="about-badge">🤝 In-person discovery, not Zoom pitches</div>
<div class="about-badge">📱 Available when things break</div>
</div>
</div>
</div>
</div>
</section>
<section class="final-cta" id="contact">
<div class="container">
<h2>Got 30 minutes and a headache<br>you wish would <em>go away?</em></h2>
<p class="subtitle">Tell me what's bugging you. Coffee's on me. No pitch, no pressure — just a conversation about your business and whether there's something worth fixing.</p>
<a href="mailto:josh@fixedbymonday.com?subject=Let's talk about my business" class="cta-btn">josh@fixedbymonday.com →</a>
</div>
</section>
<footer>
<div class="container">
<p>© 2026 Fixed by Monday · Martian Engineering · Chico, CA</p>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment