From df02f9c15841835a2d056adaf8020a0419feede2 Mon Sep 17 00:00:00 2001
From: Paul Bakaus <paul.bakaus@gmail.com>
Date: Thu, 8 Jan 2026 13:12:12 -0800
Subject: [PATCH] Reorder case study tabs: Landing Page, Form UX, Dashboard

Put stronger examples first.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 public/index.html | 54 +++++++++++++++++++++++------------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4de2a2615..7c75735d2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -243,37 +243,14 @@
       <div class="transformations-tabbed" data-reveal>
         <!-- Tab buttons -->
         <div class="transformation-tabs" role="tablist">
-          <button class="transformation-tab active" role="tab" aria-selected="true" data-tab="0">Dashboard</button>
-          <button class="transformation-tab" role="tab" aria-selected="false" data-tab="1">Landing Page</button>
-          <button class="transformation-tab" role="tab" aria-selected="false" data-tab="2">Form UX</button>
+          <button class="transformation-tab active" role="tab" aria-selected="true" data-tab="0">Landing Page</button>
+          <button class="transformation-tab" role="tab" aria-selected="false" data-tab="1">Form UX</button>
+          <button class="transformation-tab" role="tab" aria-selected="false" data-tab="2">Dashboard</button>
         </div>
 
         <!-- Tab panels -->
         <div class="transformation-panels">
           <article class="transformation-panel active" role="tabpanel" data-panel="0">
-            <div class="transformation-images">
-              <figure class="transformation-before">
-                <img src="assets/dashboard.before.webp" alt="Dashboard before transformation" loading="lazy">
-                <figcaption>Before</figcaption>
-              </figure>
-              <span class="transformation-arrow">→</span>
-              <figure class="transformation-after">
-                <img src="assets/dashboard.after.webp" alt="Dashboard after transformation" loading="lazy">
-                <figcaption>After</figcaption>
-              </figure>
-            </div>
-            <div class="transformation-info">
-              <h3 class="transformation-title">Dashboard Redesign</h3>
-              <p class="transformation-desc">Generic analytics dashboard transformed into a distinctive, scannable interface.</p>
-              <div class="transformation-commands">
-                <span class="transformation-command">/audit</span>
-                <span class="transformation-command">/normalize</span>
-                <span class="transformation-command">/bolder</span>
-              </div>
-            </div>
-          </article>
-
-          <article class="transformation-panel" role="tabpanel" data-panel="1">
             <div class="transformation-images">
               <figure class="transformation-before">
                 <img src="assets/landing.before.webp" alt="Landing page before transformation" loading="lazy">
@@ -296,7 +273,7 @@
             </div>
           </article>
 
-          <article class="transformation-panel" role="tabpanel" data-panel="2">
+          <article class="transformation-panel" role="tabpanel" data-panel="1">
             <div class="transformation-images">
               <figure class="transformation-before">
                 <img src="assets/form.before.webp" alt="Form before transformation" loading="lazy">
@@ -318,6 +295,29 @@
               </div>
             </div>
           </article>
+
+          <article class="transformation-panel" role="tabpanel" data-panel="2">
+            <div class="transformation-images">
+              <figure class="transformation-before">
+                <img src="assets/dashboard.before.webp" alt="Dashboard before transformation" loading="lazy">
+                <figcaption>Before</figcaption>
+              </figure>
+              <span class="transformation-arrow">→</span>
+              <figure class="transformation-after">
+                <img src="assets/dashboard.after.webp" alt="Dashboard after transformation" loading="lazy">
+                <figcaption>After</figcaption>
+              </figure>
+            </div>
+            <div class="transformation-info">
+              <h3 class="transformation-title">Dashboard Redesign</h3>
+              <p class="transformation-desc">Generic analytics dashboard transformed into a distinctive, scannable interface.</p>
+              <div class="transformation-commands">
+                <span class="transformation-command">/audit</span>
+                <span class="transformation-command">/normalize</span>
+                <span class="transformation-command">/bolder</span>
+              </div>
+            </div>
+          </article>
         </div>
       </div>