Update bauhaus echo and blog

TODO.md

@@ -1,8 +1,12 @@
 # Such Software - TODO
 
-## Before Production
+## 🔥 Priority: Website Updates (March 2026)
 
-- [x] **Turnstile keys** - Set `NEXT_PUBLIC_TURNSTILE_SITE_KEY` and `TURNSTILE_SECRET_KEY` in production environment
+- [ ] **Publish Bauhaus Echo Launch blog post** (currently draft)
+- [ ] **Update Bauhaus Echo product page** — latest screenshots, itch.io link, embedded trailer
+- [ ] **Write dev journey / post-mortem blog post** for Bauhaus Echo
+- [ ] **Verify all store links** — App Store, Google Play, itch.io, web demo
+- [ ] **Add itch.io link** to Bauhaus Echo product page and footer where relevant
 
 ## Nice to Have
 

apps/web/src/app/blog/bauhaus-echo-launch/page.tsx

@@ -5,7 +5,7 @@ import type { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Bauhaus Echo is Live | Such Software Blog",
-  description: "Our first mobile game is available on Android and iOS. A visual memory puzzle inspired by Bauhaus design.",
+  description: "Our first mobile game is available on App Store, Google Play, itch.io, and the web. A visual memory puzzle inspired by Bauhaus design.",
   alternates: { canonical: "/blog/bauhaus-echo-launch" },
 };
 
@@ -20,15 +20,20 @@ export default function BauhausEchoLaunchPost() {
 
         <div className="glass-card mt-6">
           <header className="mb-8 pb-6 border-b border-border">
-            <time className="text-sm text-muted-foreground">February 6, 2026</time>
+            <time className="text-sm text-muted-foreground">March 4, 2026</time>
             <h1 className="text-3xl md:text-4xl font-bold mt-2">Bauhaus Echo is Live</h1>
-            <p className="text-muted-foreground mt-3">A visual memory puzzle inspired by Bauhaus design</p>
+            <p className="text-muted-foreground mt-3">A visual memory puzzle inspired by Bauhaus design — now on every platform</p>
           </header>
 
           <div className="prose dark:prose-invert max-w-none">
             <p>
-              Bauhaus Echo is now available on Google Play and the App Store. It is a visual memory game 
+              Bauhaus Echo is now available on the{" "}
-              where you memorize tile arrangements, watch them shuffle, and reconstruct the original pattern.
+              <a href="https://apps.apple.com/us/app/bauhaus-echo/id6759010657" target="_blank" rel="noopener noreferrer">App Store</a>,{" "}
+              <a href="https://play.google.com/store/apps/details?id=com.suchsoftware.bauhausecho" target="_blank" rel="noopener noreferrer">Google Play</a>,{" "}
+              <a href="https://suchsoftware.itch.io/bauhaus-echo" target="_blank" rel="noopener noreferrer">itch.io</a>, and{" "}
+              <a href="https://bauhaus.such.software" target="_blank" rel="noopener noreferrer">the web</a>.
+              It is a visual memory game where you memorize tile arrangements, watch them shuffle, and
+              reconstruct the original pattern.
             </p>
 
             <h2>The Concept</h2>
@@ -46,25 +51,43 @@ export default function BauhausEchoLaunchPost() {
               <li><strong>Memory</strong> — Traditional card-matching pairs.</li>
             </ul>
 
-            <h2>Tech Stack</h2>
             <p>
-              Built with libGDX, a cross-platform Java game framework. The same codebase runs on Android, 
+              Each mode supports 2×2 through 5×5 grids and three difficulty levels. Global leaderboards
-              iOS (via RoboVM), desktop, and web (via GWT). The tile assets are packed into a TextureAtlas 
+              let you compete against other players across all platforms.
-              for efficient rendering.
             </p>
 
-            <h2>Download</h2>
+            <h2>500 Bauhaus Tiles</h2>
             <p>
-              Get it on{" "}
+              The tile collection features 500 hand-curated geometric designs drawn from the Bauhaus
-              <a href="https://play.google.com/store/apps/details?id=com.suchsoftware.bauhausecho" target="_blank" rel="noopener noreferrer">
+              aesthetic — bold shapes, primary colors, clean lines. Each tile has beveled 3D edges and
-                Google Play
+              the game board is styled like a wood-and-felt craft table.
-              </a>{" "}
-              or the{" "}
-              <a href="https://apps.apple.com/app/bauhaus-echo" target="_blank" rel="noopener noreferrer">
-                App Store
-              </a>
-              . Free with ads, or pay once to remove them.
             </p>
+
+            <h2>Tech Stack</h2>
+            <p>
+              Built with{" "}
+              <a href="https://libgdx.com/" target="_blank" rel="noopener noreferrer">libGDX</a>,
+              a cross-platform Java game framework. One codebase runs on Android, iOS (via RoboVM),
+              desktop (LWJGL3), and web (via GWT). The tile assets are packed into a TextureAtlas
+              for efficient GPU rendering.
+            </p>
+
+            <h2>Get It</h2>
+            <ul>
+              <li>
+                <strong>Mobile (free with ads)</strong> —{" "}
+                <a href="https://apps.apple.com/us/app/bauhaus-echo/id6759010657" target="_blank" rel="noopener noreferrer">App Store</a>{" | "}
+                <a href="https://play.google.com/store/apps/details?id=com.suchsoftware.bauhausecho" target="_blank" rel="noopener noreferrer">Google Play</a>
+              </li>
+              <li>
+                <strong>Desktop ($2, no ads)</strong> —{" "}
+                <a href="https://suchsoftware.itch.io/bauhaus-echo" target="_blank" rel="noopener noreferrer">itch.io</a>
+              </li>
+              <li>
+                <strong>Web (free)</strong> —{" "}
+                <a href="https://bauhaus.such.software" target="_blank" rel="noopener noreferrer">bauhaus.such.software</a>
+              </li>
+            </ul>
           </div>
         </div>
       </article>

apps/web/src/app/blog/page.tsx

@@ -29,9 +29,9 @@ const posts = [
   {
     slug: "bauhaus-echo-launch",
     title: "Bauhaus Echo is Live",
-    date: "2026-02-06",
+    date: "2026-03-04",
-    excerpt: "Our first mobile game is available on Android and iOS. A visual memory puzzle inspired by Bauhaus design.",
+    excerpt: "Our first mobile game is available on App Store, Google Play, itch.io, and the web. A visual memory puzzle inspired by Bauhaus design.",
-    draft: true,
+    draft: false,
   },
 ];
 

apps/web/src/app/products/bauhaus-echo/page.tsx

@@ -42,14 +42,21 @@ export default function BauhausEchoPage() {
           <a href="https://bauhaus.such.software" target="_blank" rel="noopener noreferrer">
             <Button size="lg">Play on Web</Button>
           </a>
+          <a href="https://apps.apple.com/us/app/bauhaus-echo/id6759010657" target="_blank" rel="noopener noreferrer">
+            <Button variant="outline" size="lg">
+              Download on App Store
+            </Button>
+          </a>
           <a href="https://play.google.com/store/apps/details?id=com.suchsoftware.bauhausecho" target="_blank" rel="noopener noreferrer">
             <Button variant="outline" size="lg">
               Get it on Google Play
             </Button>
           </a>
-          <Button variant="outline" size="lg" disabled className="cursor-not-allowed">
+          <a href="https://suchsoftware.itch.io/bauhaus-echo" target="_blank" rel="noopener noreferrer">
-            App Store — Coming Soon
+            <Button variant="outline" size="lg">
-          </Button>
+              Buy on itch.io — $2
+            </Button>
+          </a>
         </div>
 
         <h2 className="text-2xl font-bold mb-6">How It Works</h2>