diff --git a/public/template-thumbnails/background-swap.png b/public/template-thumbnails/background-swap.png
index 9ec9196e..98cdaa04 100644
Binary files a/public/template-thumbnails/background-swap.png and b/public/template-thumbnails/background-swap.png differ
diff --git a/public/template-thumbnails/color-variations.png b/public/template-thumbnails/color-variations.png
index b1089f4e..cc2c9140 100644
Binary files a/public/template-thumbnails/color-variations.png and b/public/template-thumbnails/color-variations.png differ
diff --git a/public/template-thumbnails/model-product.png b/public/template-thumbnails/model-product.png
index 363c24df..c033381e 100644
Binary files a/public/template-thumbnails/model-product.png and b/public/template-thumbnails/model-product.png differ
diff --git a/public/template-thumbnails/primary/background-swap.jpg b/public/template-thumbnails/primary/background-swap.jpg
new file mode 100644
index 00000000..04137718
Binary files /dev/null and b/public/template-thumbnails/primary/background-swap.jpg differ
diff --git a/public/template-thumbnails/primary/color-variations.jpg b/public/template-thumbnails/primary/color-variations.jpg
new file mode 100644
index 00000000..d42ec27b
Binary files /dev/null and b/public/template-thumbnails/primary/color-variations.jpg differ
diff --git a/public/template-thumbnails/primary/model-product.jpg b/public/template-thumbnails/primary/model-product.jpg
new file mode 100644
index 00000000..72cefed2
Binary files /dev/null and b/public/template-thumbnails/primary/model-product.jpg differ
diff --git a/public/template-thumbnails/primary/product-shot.jpg b/public/template-thumbnails/primary/product-shot.jpg
new file mode 100644
index 00000000..34f0a59e
Binary files /dev/null and b/public/template-thumbnails/primary/product-shot.jpg differ
diff --git a/public/template-thumbnails/primary/scene-composite.jpg b/public/template-thumbnails/primary/scene-composite.jpg
new file mode 100644
index 00000000..323502b4
Binary files /dev/null and b/public/template-thumbnails/primary/scene-composite.jpg differ
diff --git a/public/template-thumbnails/primary/style-transfer.png b/public/template-thumbnails/primary/style-transfer.png
new file mode 100644
index 00000000..1651f2c7
Binary files /dev/null and b/public/template-thumbnails/primary/style-transfer.png differ
diff --git a/public/template-thumbnails/product-shot.png b/public/template-thumbnails/product-shot.png
index e4f5766f..f23215a3 100644
Binary files a/public/template-thumbnails/product-shot.png and b/public/template-thumbnails/product-shot.png differ
diff --git a/public/template-thumbnails/scene-composite.png b/public/template-thumbnails/scene-composite.png
index cc66ec1b..7f061278 100644
Binary files a/public/template-thumbnails/scene-composite.png and b/public/template-thumbnails/scene-composite.png differ
diff --git a/public/template-thumbnails/style-transfer.png b/public/template-thumbnails/style-transfer.png
index a1d24082..7c0d5ef2 100644
Binary files a/public/template-thumbnails/style-transfer.png and b/public/template-thumbnails/style-transfer.png differ
diff --git a/src/components/quickstart/TemplateExplorerView.tsx b/src/components/quickstart/TemplateExplorerView.tsx
index 5c8158e0..b2a01125 100644
--- a/src/components/quickstart/TemplateExplorerView.tsx
+++ b/src/components/quickstart/TemplateExplorerView.tsx
@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useCallback, useMemo, useRef } from "react";
 import { WorkflowFile } from "@/store/workflowStore";
-import { getAllPresets, PRESET_TEMPLATES, getTemplateContent } from "@/lib/quickstart/templates";
+import { getAllPresets, PRESET_TEMPLATES } from "@/lib/quickstart/templates";
 import { QuickstartBackButton } from "./QuickstartBackButton";
 import { TemplateCard } from "./TemplateCard";
 import { CommunityWorkflowMeta, TemplateCategory, TemplateMetadata } from "@/types/quickstart";
@@ -69,20 +69,17 @@ export function TemplateExplorerView({
     return metadata;
   }, []);
 
-  // Get primary thumbnail from template content (first image)
-  const primaryThumbnails = useMemo(() => {
-    const images: Record<string, string | undefined> = {};
-    PRESET_TEMPLATES.forEach((template) => {
-      const content = getTemplateContent(template.id, "full");
-      if (content?.images) {
-        const imageUrls = Object.values(content.images).map((img) => img.url);
-        images[template.id] = imageUrls[0];
-      }
-    });
-    return images;
-  }, []);
+  // Primary thumbnails (resized content images - 288px for 2x retina)
+  const primaryThumbnails: Record<string, string> = {
+    "product-shot": "/template-thumbnails/primary/product-shot.jpg",
+    "model-product": "/template-thumbnails/primary/model-product.jpg",
+    "color-variations": "/template-thumbnails/primary/color-variations.jpg",
+    "background-swap": "/template-thumbnails/primary/background-swap.jpg",
+    "style-transfer": "/template-thumbnails/primary/style-transfer.png",
+    "scene-composite": "/template-thumbnails/primary/scene-composite.jpg",
+  };
 
-  // Hover thumbnails (workflow screenshots)
+  // Hover thumbnails (workflow screenshots - 288px)
   const hoverThumbnails: Record<string, string> = {
     "product-shot": "/template-thumbnails/product-shot.png",
     "model-product": "/template-thumbnails/model-product.png",