feat(ui): v1 launch — consumer hero, onboarding flow, Obsidian app card

product/site/Dockerfile

@@ -5,6 +5,7 @@ COPY product/site/index.html /usr/share/nginx/html/index.html
 COPY product/site/styles.css /usr/share/nginx/html/styles.css
 COPY product/site/script.js /usr/share/nginx/html/script.js
 COPY product/site/squaremcp-logo.svg /usr/share/nginx/html/squaremcp-logo.svg
+COPY product/site/squaremcp-logo-256.bmp /usr/share/nginx/html/squaremcp-logo-256.bmp
 COPY product/site/squaremcp-hero-loop.mp4 /usr/share/nginx/html/squaremcp-hero-loop.mp4
 COPY product/site/squaremcp-tiktok-launch.mp4 /usr/share/nginx/html/squaremcp-tiktok-launch.mp4
 COPY product/site/squaremcp-broker-demo.mp4 /usr/share/nginx/html/squaremcp-broker-demo.mp4

product/site/index.html

@@ -24,6 +24,53 @@
         </div>
       </div>
     </nav>
+
+    <!-- Consumer section — v1 launch: mortgage brokers, coaches, small business owners -->
+    <section class="consumer-hero">
+      <div class="wrap consumer-hero-inner">
+        <div class="consumer-copy">
+          <div class="eyebrow">Now available for individuals</div>
+          <h2>Tell Claude what to post.<br>It handles your notes, email, and social.</h2>
+          <p class="lede">
+            Connect your Obsidian vault, email inbox, Facebook page, and Instagram account once.
+            Then just ask Claude or ChatGPT — draft a post, search your notes, send a follow-up email.
+            No switching apps.
+          </p>
+          <div class="consumer-features">
+            <span>&#x1F4D3; Obsidian vault</span>
+            <span>&#x2709;&#xFE0F; Email (Gmail / Yahoo)</span>
+            <span>&#x1F4D8; Facebook Pages</span>
+            <span>&#x1F4F7; Instagram</span>
+          </div>
+          <div class="actions">
+            <a class="button primary" href="https://app.squaremcp.com">Try it free</a>
+            <a class="button secondary" href="https://app.squaremcp.com">Create account</a>
+          </div>
+        </div>
+        <aside class="consumer-panel">
+          <div class="consumer-example">
+            <div class="chat-bubble user">Post a rate update to my Facebook page — rates dropped to 6.5% today, link to my Calendly.</div>
+            <div class="chat-bubble ai">Posted to Ferrari Lending. &#x2713; "Rates dropped to 6.5% this week — book a free 30-min call: calendly.com/alexferrari/30min"</div>
+            <div class="chat-bubble user">Search my Obsidian notes for anything about the Johnson file.</div>
+            <div class="chat-bubble ai">Found 3 notes: Johnson Pre-approval (May 2), Johnson Follow-up (May 15), Johnson Closing Checklist. Want me to open one?</div>
+          </div>
+        </aside>
+      </div>
+    </section>
+    <style>
+      .consumer-hero{background:linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%);border-bottom:1px solid #e2e8f0;padding:64px 0}
+      .consumer-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
+      .consumer-copy h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:#1a1a2e;line-height:1.2;margin-bottom:16px}
+      .consumer-copy .lede{font-size:1.05rem;color:#475569;line-height:1.65;margin-bottom:20px}
+      .consumer-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
+      .consumer-features span{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:0.875rem;color:#374151}
+      .consumer-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}
+      .chat-bubble{border-radius:12px;padding:12px 16px;font-size:0.875rem;line-height:1.5;margin-bottom:10px}
+      .chat-bubble.user{background:#ede9fe;color:#3730a3;margin-left:20px}
+      .chat-bubble.ai{background:#f0fdf4;color:#166534;margin-right:20px}
+      @media(max-width:768px){.consumer-hero-inner{grid-template-columns:1fr}.consumer-panel{display:none}}
+    </style>
+
     <header class="hero">
       <div class="wrap hero-grid">
         <div class="hero-copy">

product/site/server.mjs

@@ -15,6 +15,7 @@ const contentTypes = {
   ".js": "text/javascript; charset=utf-8",
   ".json": "application/json; charset=utf-8",
   ".mp4": "video/mp4",
+  ".bmp": "image/bmp",
 };
 
 function resolvePath(urlPath) {

product/site/squaremcp-k8s-ingress.yaml

@@ -15,7 +15,7 @@ spec:
     spec:
       containers:
         - name: squaremcp-site
-          image: localhost:32000/squaremcp-site@sha256:1330b918347b873b8dc18dc309349bc47c300463c7b6d5e43d4270bb17366269
+          image: localhost:32000/squaremcp-site@sha256:e07e2020651f058136048e73052b8680caede18bb17596383060c3648900276b
           imagePullPolicy: Always
           ports:
             - containerPort: 8080