<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home — Obsidian River</title>
    <meta name="description" content="30 years of web development experience. One person. Zero runaround. Managed hosting and site builds for small businesses who are tired of the agency hamster wheel." />
    <link rel="stylesheet" href="/css/site.css" />
    <link rel="alternate" type="text/markdown" href="/index.md" title="Markdown version" />
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3KWSJZE19E"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-3KWSJZE19E');
    </script>
</head>
<body>
    <nav class="site-nav" aria-label="Main navigation">
        <div class="container">
            <a class="site-nav__brand" href="/">Obsidian River</a>
            <button class="site-nav__toggle" aria-label="Toggle menu" onclick="document.querySelector('.site-nav__links').classList.toggle('open')">&#9776;</button>
            <ul class="site-nav__links">
                <li><a href="/">Home</a></li>
                <li><a href="/pricing">Pricing</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/contact">Contact</a></li>
                <li><a href="/audit" class="site-nav__cta">Free Audit</a></li>
            </ul>
        </div>
    </nav>

    <main>
<section class="hero">
    <div class="container">
        <h1>I've been building websites since<br />before Google was a thing.</h1>
        <p>30 years. One person. Zero runaround. I build it right the first time because I've already made every mistake there is to make.</p>
        <a href="/audit" class="btn btn-primary btn-lg">Get a Free Website Audit</a>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="split">
            <div class="split__text">
                <h2>Most agencies build first and ask questions later. I do the opposite.</h2>
                <p>Here's how most web projects go: you describe what you want, someone builds what they <em>think</em> you said, you spend three months chasing revisions, and you launch six months late with something that kinda works.</p>
                <p>I don't do that.</p>
                <p>Before I write a single line of code, I figure out what you actually need — not what sounds impressive on a proposal. That means fewer surprises, faster launches, and a site that works for your business from day one.</p>
            </div>
        </div>
    </div>
</section>

<section class="section section--alt">
    <div class="container text-center">
        <h2>How it works</h2>
        <p class="section-subtitle">Three steps. No mysteries.</p>
        <div class="steps">
            <div>
                <div class="step-number">1</div>
                <h3>We talk</h3>
                <p>I ask the questions that save you money. What does your business actually need from your website? Not what's trendy — what works.</p>
            </div>
            <div>
                <div class="step-number">2</div>
                <h3>I build it</h3>
                <p>Fast. Clean. Done right. 30 years of pattern recognition means I see problems before they happen and build around them.</p>
            </div>
            <div>
                <div class="step-number">3</div>
                <h3>You forget about it</h3>
                <p>Your site runs. Updates happen. Backups are automatic. If something breaks, I fix it — usually before you notice.</p>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <h2 class="text-center">Things I won't do</h2>
        <p class="section-subtitle text-center">This is just as important as what I will do.</p>
        <div class="grid grid-2">
            <div class="anti-card">
                <h3>Sell you things you don't need</h3>
                <p>If a $250 site does the job, I'll tell you that. I'm not going to pitch you a $10,000 "digital experience" when you need a phone number and a map.</p>
            </div>
            <div class="anti-card">
                <h3>Disappear after launch</h3>
                <p>I've been in this business for three decades. I'm not going anywhere. Your site isn't a project to me — it's an ongoing relationship.</p>
            </div>
            <div class="anti-card">
                <h3>Talk in jargon</h3>
                <p>You'll never hear me say "synergize your digital footprint." I'll tell you what's happening, why it matters, and what it costs. In English.</p>
            </div>
            <div class="anti-card">
                <h3>Build something and hope it works</h3>
                <p>I've launched too many projects to wing it. Every decision is informed by 30 years of knowing what goes wrong and how to prevent it.</p>
            </div>
        </div>
    </div>
</section>

<section class="section section--alt">
    <div class="container">
        <h2 class="text-center">What clients actually say</h2>
        <p class="section-subtitle text-center">Not marketing copy. Real feedback.</p>
        <div class="grid grid-3">
            <div class="testimonial">
                "I used to dread dealing with my website. Now I don't even think about it — it just works."
                <cite>— Small Business Owner</cite>
            </div>
            <div class="testimonial">
                "He told me I didn't need half of what the last agency quoted me. Then he built the other half in a week."
                <cite>— E-commerce Store Owner</cite>
            </div>
            <div class="testimonial">
                "Finally, someone who explains things without making me feel stupid. And it actually gets done when he says it will."
                <cite>— Service Company Founder</cite>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="container text-center">
        <h2>Services</h2>
        <p class="section-subtitle">Everything your website needs. Nothing it doesn't.</p>
        <div class="grid grid-3">
            <div class="card">
                <h3>WordPress Care</h3>
                <p>I run your WordPress site so you don't have to. Hosting, security, updates, monitoring, and content edits — $99/mo flat, no contract. <a href="/wordpress-care">See what's included &rarr;</a></p>
            </div>
            <div class="card">
                <h3>Static Site Hosting</h3>
                <p>Hosting that doesn't suck for static and small business sites. Backups, security, updates, and someone who answers when you call. From $49/mo. <a href="/pricing">See plans &rarr;</a></p>
            </div>
            <div class="card">
                <h3>Site Builds</h3>
                <p>Professional websites built by someone who's done this a few thousand times. From $250 one-time. <a href="/pricing">See pricing &rarr;</a></p>
            </div>
        </div>
        <div class="mt-4">
            <a href="/audit" class="btn btn-outline">Get a Free Audit First</a>
        </div>
    </div>
</section>

<section class="cta-banner">
    <div class="container text-center">
        <h2>Think your website might be holding you back?</h2>
        <p>I'll audit it for free and tell you exactly what's wrong — no pitch, no commitment, just a straight answer from someone who's seen it all.</p>
        <a href="/audit" class="btn btn-primary btn-lg">Get Your Free Audit</a>
    </div>
</section>
    </main>

    <footer class="site-footer">
        <div class="container">
            <span>&copy; 2026 Obsidian River</span>
            <span><a href="/privacy">Privacy Policy</a></span>
        </div>
    </footer>

    <script src="/js/site.js"></script>
    <script src="https://unpkg.com/@mcp-b/webmcp-polyfill@2.3.2/dist/index.iife.js"></script>
    <script src="/js/webmcp.js"></script>
</body>
</html>
