From 5feefc7783befce2b3e1bc1e8e7bd337bb16e8e2 Mon Sep 17 00:00:00 2001
From: bymyself <cbyrne@comfy.org>
Date: Tue, 5 May 2026 05:35:34 +0000
Subject: [PATCH] feat(models): fallback CTAs when no hub model page exists

When hubSlug is absent: show Download (HF link, solid) + Run on Cloud
instead of a generic workflows link. Variant logic: the first available
button is solid, subsequent are outline.
---
 .../components/models/ModelHeroSection.vue    | 19 ++++++++++++++++---
 apps/website/src/i18n/translations.ts         |  4 ++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/components/models/ModelHeroSection.vue b/apps/website/src/components/models/ModelHeroSection.vue
index 1aadb553bd..4ef460d190 100644
--- a/apps/website/src/components/models/ModelHeroSection.vue
+++ b/apps/website/src/components/models/ModelHeroSection.vue
@@ -23,7 +23,7 @@ const {
 
 const workflowsUrl = hubSlug
   ? `https://www.comfy.org/workflows/model/${hubSlug}`
-  : 'https://www.comfy.org/workflows'
+  : null
 
 const dirDisplayMap: Record<string, string> = {
   diffusion_models: 'Diffusion Model',
@@ -76,6 +76,7 @@ const isPartnerNode = directory === 'partner_nodes'
 
       <div class="flex flex-col gap-3 sm:flex-row">
         <BrandButton
+          v-if="workflowsUrl"
           :href="workflowsUrl"
           variant="solid"
           size="lg"
@@ -85,17 +86,29 @@ const isPartnerNode = directory === 'partner_nodes'
         </BrandButton>
 
         <BrandButton
-          v-if="!isPartnerNode"
+          v-if="!isPartnerNode && huggingFaceUrl"
           :href="huggingFaceUrl"
           target="_blank"
           rel="noopener noreferrer"
-          variant="outline"
+          :variant="workflowsUrl ? 'outline' : 'solid'"
           size="lg"
           class="w-full uppercase sm:w-auto sm:min-w-48"
         >
           {{ t('models.hero.secondaryCta') }}
         </BrandButton>
 
+        <BrandButton
+          v-if="!workflowsUrl"
+          href="https://www.comfy.org/cloud"
+          target="_blank"
+          rel="noopener noreferrer"
+          :variant="huggingFaceUrl && !isPartnerNode ? 'outline' : 'solid'"
+          size="lg"
+          class="w-full uppercase sm:w-auto sm:min-w-48"
+        >
+          {{ t('models.hero.cloudCta') }}
+        </BrandButton>
+
         <BrandButton
           v-if="docsUrl"
           :href="docsUrl"
diff --git a/apps/website/src/i18n/translations.ts b/apps/website/src/i18n/translations.ts
index 7290876201..7eb57e3223 100644
--- a/apps/website/src/i18n/translations.ts
+++ b/apps/website/src/i18n/translations.ts
@@ -3607,6 +3607,10 @@ const translations = {
     en: 'DOWNLOAD MODEL',
     'zh-CN': '下载模型'
   },
+  'models.hero.cloudCta': {
+    en: 'RUN ON CLOUD',
+    'zh-CN': '云端运行'
+  },
   'models.hero.tutorialCta': {
     en: 'VIEW TUTORIAL',
     'zh-CN': '查看教程'