Merge branch 'main' into feat/website-prefetch

fix: update enterprise hero SVG to match updated design (#11608 )
## Changes Update the enterprise hero SVG in `HeroSection.vue` to match the updated design export. ### Key changes - **viewBox**: `600 -50 1000 1100` → `0 0 1600 1046` with `clip-path` wrapper and background rects for proper clipping - **Block pieces**: stroke/stroke-width moved from parent `<g>` to each individual `<path>`, with duplicated paths for layered rendering - **Block cluster**: wrapped in `.block-cluster` group with its own CSS transform-origin - **Ripple delay classes**: renamed `ripple-delay-*` → `delay-*` - **Fade overlay**: added `pointer-events: none` to prevent blocking interactions Co-authored-by: Amp <amp@ampcode.com>
2026-05-23 14:16:00 +00:00 · 2026-04-24 11:46:49 -07:00 · 2026-04-24 10:35:24 -07:00 · 2026-04-24 10:28:32 -07:00 · 2026-04-24 10:28:03 -07:00 · 2026-04-24 16:02:36 +00:00
10 changed files with 420 additions and 161 deletions
--- a/apps/website/src/components/about/StorySection.vue
+++ b/apps/website/src/components/about/StorySection.vue
@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import type { Locale } from '../../i18n/translations'
+
+import { t } from '../../i18n/translations'
+
+const { locale = 'en' } = defineProps<{ locale?: Locale }>()
+
+const investors = [
+  { name: 'CRAFT', icon: '/icons/investors/craft.svg' },
+  { name: 'PACE CAPITAL', icon: '/icons/investors/pace-capital.svg' },
+  { name: 'chemistry_', icon: '/icons/investors/chemistry.svg' },
+  { name: 'ABSTRACT', icon: '/icons/investors/abstract.svg' },
+  { name: 'TRUARROW PARTNERS', icon: '/icons/investors/truarrow-partners.svg' },
+  { name: 'ESSENCE', icon: '/icons/investors/essence.svg' }
+]
+</script>
+
+<template>
+  <section class="px-6 py-24 lg:px-20 lg:py-32">
+    <div class="mx-auto text-center">
+      <span
+        class="text-primary-comfy-yellow text-xs font-semibold tracking-widest uppercase"
+      >
+        {{ t('about.story.label', locale) }}
+      </span>
+      <h2
+        class="text-primary-comfy-canvas mt-6 text-3xl font-light lg:text-5xl"
+      >
+        {{ t('about.story.headingBefore', locale)
+        }}<span class="text-primary-comfy-yellow">{{
+          t('about.story.headingHighlight', locale)
+        }}</span
+        >{{ t('about.story.headingAfter', locale) }}
+      </h2>
+      <p class="text-primary-warm-white mt-8 text-base/relaxed lg:text-lg">
+        {{ t('about.story.body', locale) }}
+      </p>
+    </div>
+
+    <!-- Investor card -->
+    <div
+      class="mx-auto mt-16 max-w-5xl rounded-4xl border border-white/10 bg-black/30 p-8 lg:p-12"
+    >
+      <div class="inline-flex items-center">
+        <!-- OUR badge (shorter) -->
+        <div class="relative z-10 flex h-9 items-center">
+          <img src="/icons/node-left.svg" alt="" class="h-full w-auto" />
+          <span
+            class="bg-primary-comfy-yellow text-primary-comfy-ink flex h-full items-center px-2 text-sm font-bold tracking-wider"
+          >
+            OUR
+          </span>
+        </div>
+        <!-- Union connector (overlaps both badges to eliminate seams) -->
+        <img
+          src="/icons/node-union-2size-reverse.svg"
+          alt=""
+          class="relative z-20 -mx-px h-12 w-auto"
+        />
+        <!-- INVESTORS badge (taller) -->
+        <div class="relative z-10 flex h-12 items-center">
+          <span
+            class="bg-primary-comfy-yellow text-primary-comfy-ink flex h-full items-center px-3 text-lg font-bold tracking-wider"
+          >
+            INVESTORS
+          </span>
+          <img src="/icons/node-right.svg" alt="" class="h-full w-auto" />
+        </div>
+      </div>
+      <p
+        class="text-primary-warm-white mt-6 max-w-3xl text-sm/relaxed lg:text-base"
+      >
+        {{ t('about.story.investorsBody', locale) }}
+      </p>
+      <div class="mt-10 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:gap-6">
+        <div
+          v-for="investor in investors"
+          :key="investor.name"
+          class="flex h-16 items-center justify-center rounded-xl border border-white/10 bg-white/5 px-4"
+        >
+          <img
+            :src="investor.icon"
+            :alt="investor.name"
+            class="max-h-8 w-auto"
+          />
+        </div>
+      </div>
+    </div>
+
+    <!-- Quote card -->
+    <div
+      class="bg-primary-comfy-yellow mx-auto mt-12 max-w-5xl rounded-4xl p-10 lg:p-16"
+    >
+      <p class="text-primary-comfy-ink text-xl/relaxed font-medium lg:text-3xl">
+        {{ t('about.quote.text', locale) }}
+      </p>
+      <p
+        class="text-primary-comfy-ink/70 mt-8 text-sm font-semibold lg:text-base"
+      >
+        {{ t('about.quote.attribution', locale) }}
+      </p>
+    </div>
+  </section>
+</template>
--- a/apps/website/src/components/product/api/AutomationSection.vue
+++ b/apps/website/src/components/product/api/AutomationSection.vue
@@ -10,7 +10,7 @@ const features = [
  {
    title: t('api.automation.feature1.title', locale),
    description: t('api.automation.feature1.description', locale),
-    image: 'https://media.comfy.org/website/gallery/desert.webp',
+    image: 'https://media.comfy.org/website/api/infrastructure-nodes.webp',
    description2: t('api.automation.feature1.description2', locale)
  },
  {
@@ -22,7 +22,7 @@ const features = [
  {
    title: t('api.automation.feature3.title', locale),
    description: t('api.automation.feature3.description', locale),
-    image: 'https://media.comfy.org/website/pricing/free.webp'
+    image: 'https://media.comfy.org/website/api/precision-tools.webp'
  }
 ]
 </script>
--- a/apps/website/src/components/product/api/HeroSection.vue
+++ b/apps/website/src/components/product/api/HeroSection.vue
@@ -223,7 +223,7 @@ onUnmounted(() => {

      <div class="mt-8 flex flex-col gap-4 lg:flex-row">
        <BrandButton
-          :href="externalLinks.platform"
+          :href="externalLinks.apiKeys"
          size="lg"
          class="text-center lg:min-w-60 lg:p-4"
        >
--- a/apps/website/src/components/product/api/StepsSection.vue
+++ b/apps/website/src/components/product/api/StepsSection.vue
@@ -61,7 +61,7 @@ const steps = [
        class="mt-12 flex flex-col items-center gap-4 lg:flex-row lg:justify-center"
      >
        <BrandButton
-          :href="externalLinks.cloud"
+          :href="externalLinks.apiKeys"
          variant="solid"
          size="lg"
          class="w-full text-center lg:w-auto lg:min-w-48"
@@ -69,7 +69,7 @@ const steps = [
          {{ t('api.hero.getApiKeys', locale) }}
        </BrandButton>
        <BrandButton
-          :href="externalLinks.docs"
+          :href="externalLinks.docsApi"
          variant="outline"
          size="lg"
          class="w-full text-center lg:w-auto lg:min-w-48"
--- a/apps/website/src/components/product/enterprise/HeroSection.vue
+++ b/apps/website/src/components/product/enterprise/HeroSection.vue
@@ -44,162 +44,303 @@ onMounted(() => {
      <svg
        ref="svgRef"
        class="block size-full"
-        viewBox="600 -50 1000 1100"
+        viewBox="0 0 1600 1046"
        fill="none"
        aria-hidden="true"
      >
-        <!-- Ripple rings -->
-        <path
-          class="ripple-path"
-          d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
-          stroke="#4D3762"
-          stroke-width="2"
-        />
-        <path
-          class="ripple-path ripple-delay-1"
-          d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
-          stroke="#4D3762"
-          stroke-width="2"
-        />
-        <path
-          class="ripple-path ripple-delay-2"
-          d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
-          stroke="#4D3762"
-          stroke-width="2"
-        />
-        <path
-          class="ripple-path ripple-delay-3"
-          d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
-          stroke="#4D3762"
-          stroke-width="2"
-        />
+        <g clip-path="url(#enterpriseHeroClip)">
+          <rect width="1600" height="1046" fill="#211927" />
+          <rect
+            width="800"
+            height="800"
+            transform="translate(712 112)"
+            fill="#211927"
+          />

-        <!-- Exploding block cluster -->
-        <g stroke="#4D3762" stroke-width="2">
+          <!-- Ripple rings -->
          <path
-            class="block-piece"
-            d="M1018.44 635.715L1018.45 581.73C1018.46 574.554 1013.42 565.829 1007.21 562.242L960.479 535.262C956.544 532.99 949.469 533.096 945.535 535.368L898.79 562.373C892.576 565.963 887.537 574.691 887.535 581.867L887.52 635.852C887.519 640.395 890.967 646.574 894.902 648.845L941.632 675.825C947.845 679.412 957.918 679.409 964.132 675.819L1010.88 648.815C1014.82 646.538 1018.44 640.267 1018.44 635.715Z"
-            fill="#37303F"
+            class="ripple-path"
+            d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
+            stroke="#4D3762"
+            stroke-width="2"
          />
          <path
-            class="block-piece"
-            d="M1098.58 681.434L1098.6 627.449C1098.6 620.273 1093.57 611.548 1087.35 607.961L1040.62 580.981C1036.69 578.709 1029.61 578.814 1025.68 581.087L978.934 608.092C972.72 611.682 967.681 620.409 967.679 627.586L967.665 681.57C967.664 686.114 971.111 692.292 975.046 694.564L1021.78 721.544C1027.99 725.131 1038.06 725.128 1044.28 721.538L1091.02 694.534C1094.96 692.256 1098.58 685.986 1098.58 681.434Z"
-            fill="#251D2B"
+            class="ripple-path delay-1"
+            d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
+            stroke="#4D3762"
+            stroke-width="2"
          />
          <path
-            class="block-piece"
-            d="M1205.98 635.714L1205.97 581.73C1205.97 574.553 1211 565.828 1217.21 562.241L1263.94 535.261C1267.88 532.989 1274.95 533.095 1278.89 535.367L1325.63 562.372C1331.85 565.962 1336.89 574.69 1336.89 581.866L1336.9 635.851C1336.9 640.394 1333.46 646.573 1329.52 648.844L1282.79 675.824C1276.58 679.411 1266.5 679.408 1260.29 675.818L1213.54 648.814C1209.6 646.537 1205.98 640.266 1205.98 635.714Z"
-            fill="#37303F"
+            class="ripple-path delay-2"
+            d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
+            stroke="#4D3762"
+            stroke-width="2"
          />
          <path
-            class="block-piece"
-            d="M1125.83 681.434L1125.81 627.45C1125.81 620.273 1130.84 611.548 1137.06 607.961L1183.79 580.981C1187.72 578.71 1194.8 578.815 1198.73 581.087L1245.48 608.092C1251.69 611.682 1256.73 620.41 1256.73 627.586L1256.75 681.571C1256.75 686.114 1253.3 692.293 1249.36 694.565L1202.63 721.545C1196.42 725.131 1186.35 725.128 1180.13 721.539L1133.39 694.534C1129.45 692.257 1125.83 685.987 1125.83 681.434Z"
-            fill="#251D2B"
+            class="ripple-path delay-3"
+            d="M862.278 684.584L1064.22 801.244C1091.06 816.752 1134.58 816.764 1161.41 801.27L1363.29 684.716C1380.29 674.902 1395.18 648.204 1395.17 628.577L1395.11 395.363C1395.1 364.36 1373.34 326.656 1346.49 311.148L1144.55 194.488C1127.56 184.67 1097 184.223 1080 194.037L878.12 310.591C851.283 326.085 829.535 363.778 829.543 394.78L829.604 627.993C829.61 647.659 845.248 674.747 862.278 684.584Z"
+            stroke="#4D3762"
+            stroke-width="2"
          />
-          <path
-            class="block-piece"
-            d="M1045.67 726.53L1045.66 672.545C1045.65 665.369 1050.69 656.644 1056.9 653.057L1103.63 626.077C1107.57 623.805 1114.64 623.911 1118.57 626.183L1165.32 653.188C1171.53 656.778 1176.57 665.506 1176.57 672.682L1176.59 726.667C1176.59 731.21 1173.14 737.388 1169.21 739.66L1122.48 766.64C1116.26 770.227 1106.19 770.224 1099.98 766.634L1053.23 739.63C1049.29 737.353 1045.67 731.082 1045.67 726.53Z"
-            fill="#37303F"
-          />
-          <path
-            class="block-piece"
-            d="M1175.17 536.369L1175.18 482.384C1175.19 475.208 1170.15 466.483 1163.94 462.896L1117.21 435.916C1113.27 433.644 1106.2 433.749 1102.27 436.022L1055.52 463.027C1049.31 466.617 1044.27 475.344 1044.27 482.521L1044.25 536.506C1044.25 541.049 1047.7 547.227 1051.63 549.499L1098.36 576.479C1104.58 580.066 1114.65 580.063 1120.86 576.473L1167.61 549.469C1171.55 547.191 1175.17 540.921 1175.17 536.369Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1052.83 458.666L1099.57 485.671C1105.79 489.261 1115.86 489.263 1122.07 485.677L1168.8 458.697C1172.74 456.425 1176.19 450.245 1176.18 445.702L1176.17 391.717C1176.17 384.54 1171.13 375.812 1164.92 372.223L1118.17 345.218C1114.24 342.945 1107.16 342.842 1103.23 345.114L1056.5 372.094C1050.28 375.68 1045.25 384.405 1045.25 391.582L1045.27 445.566C1045.27 450.119 1048.89 456.389 1052.83 458.666Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1247.76 420.64L1201.02 393.635C1194.81 390.045 1184.73 390.043 1178.52 393.629L1131.79 420.609C1127.85 422.881 1124.41 429.061 1124.41 433.604L1124.42 487.589C1124.43 494.766 1129.46 503.493 1135.68 507.083L1182.42 534.088C1186.36 536.361 1193.43 536.464 1197.37 534.192L1244.1 507.212C1250.31 503.626 1255.34 494.901 1255.34 487.724L1255.33 433.74C1255.33 429.187 1251.71 422.917 1247.76 420.64Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M975.833 420.641L1022.58 393.636C1028.79 390.047 1038.87 390.044 1045.08 393.63L1091.81 420.61C1095.74 422.882 1099.19 429.062 1099.19 433.606L1099.17 487.59C1099.17 494.767 1094.13 503.495 1087.92 507.085L1041.17 534.089C1037.24 536.362 1030.17 536.465 1026.23 534.194L979.501 507.214C973.288 503.627 968.254 494.902 968.256 487.725L968.27 433.741C968.271 429.188 971.891 422.918 975.833 420.641Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1018.03 536.368L1018.04 482.384C1018.04 475.207 1013.01 466.482 1006.8 462.895L960.065 435.915C956.13 433.644 949.055 433.749 945.121 436.021L898.376 463.026C892.162 466.616 887.123 475.344 887.121 482.52L887.106 536.505C887.105 541.048 890.553 547.227 894.488 549.499L941.218 576.479C947.431 580.065 957.504 580.062 963.718 576.473L1010.46 549.468C1014.4 547.191 1018.02 540.921 1018.03 536.368Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1098.18 582.085L1098.19 528.1C1098.19 520.924 1093.16 512.199 1086.95 508.612L1040.22 481.632C1036.28 479.36 1029.21 479.465 1025.27 481.738L978.528 508.743C972.314 512.333 967.275 521.061 967.273 528.237L967.259 582.222C967.257 586.765 970.705 592.943 974.64 595.215L1021.37 622.195C1027.58 625.782 1037.66 625.779 1043.87 622.189L1090.62 595.185C1094.56 592.907 1098.18 586.637 1098.18 582.085Z"
-            fill="#F2FF59"
-          />
-          <path
-            class="block-piece"
-            d="M1125.42 582.085L1125.4 528.101C1125.4 520.924 1130.43 512.199 1136.65 508.613L1183.38 481.633C1187.31 479.361 1194.39 479.466 1198.32 481.739L1245.07 508.743C1251.28 512.333 1256.32 521.061 1256.32 528.238L1256.34 582.222C1256.34 586.766 1252.89 592.944 1248.95 595.216L1202.22 622.196C1196.01 625.782 1185.94 625.78 1179.72 622.19L1132.98 595.185C1129.04 592.908 1125.42 586.638 1125.42 582.085Z"
-            fill="#F2FF59"
-          />
-          <path
-            class="block-piece"
-            d="M1205.57 536.367L1205.56 482.383C1205.56 475.206 1210.59 466.481 1216.8 462.894L1263.53 435.914C1267.47 433.643 1274.54 433.748 1278.48 436.02L1325.22 463.025C1331.44 466.615 1336.48 475.343 1336.48 482.519L1336.49 536.504C1336.49 541.047 1333.04 547.226 1329.11 549.497L1282.38 576.477C1276.17 580.064 1266.09 580.061 1259.88 576.471L1213.13 549.467C1209.19 547.19 1205.57 540.919 1205.57 536.367Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1045.26 627.181L1045.25 573.197C1045.24 566.02 1050.28 557.295 1056.49 553.709L1103.22 526.729C1107.16 524.457 1114.23 524.562 1118.16 526.835L1164.91 553.839C1171.12 557.429 1176.16 566.157 1176.16 573.333L1176.18 627.318C1176.18 631.862 1172.73 638.04 1168.8 640.312L1122.07 667.292C1115.85 670.878 1105.78 670.876 1099.57 667.286L1052.82 640.281C1048.88 638.004 1045.26 631.734 1045.26 627.181Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1175.17 445.81L1175.18 391.826C1175.18 384.649 1170.15 375.924 1163.94 372.337L1117.21 345.357C1113.27 343.086 1106.2 343.191 1102.26 345.464L1055.52 372.468C1049.3 376.058 1044.26 384.786 1044.26 391.962L1044.25 445.947C1044.25 450.49 1047.69 456.669 1051.63 458.941L1098.36 485.921C1104.57 489.507 1114.64 489.505 1120.86 485.915L1167.6 458.91C1171.55 456.633 1175.17 450.363 1175.17 445.81Z"
-            fill="#F2FF59"
-          />
-          <path
-            class="block-piece"
-            d="M1098.17 491.528L1098.18 437.544C1098.19 430.367 1093.15 421.642 1086.94 418.056L1040.21 391.076C1036.27 388.804 1029.2 388.909 1025.27 391.182L978.52 418.186C972.306 421.776 967.267 430.504 967.265 437.681L967.251 491.665C967.25 496.209 970.697 502.387 974.632 504.659L1021.36 531.639C1027.58 535.225 1037.65 535.223 1043.86 531.633L1090.61 504.628C1094.55 502.351 1098.17 496.081 1098.17 491.528Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1247.76 330.081L1201.02 303.077C1194.81 299.487 1184.73 299.484 1178.52 303.071L1131.79 330.051C1127.85 332.322 1124.41 338.502 1124.41 343.046L1124.42 397.031C1124.43 404.207 1129.46 412.935 1135.67 416.525L1182.42 443.529C1186.35 445.802 1193.43 445.906 1197.36 443.634L1244.09 416.654C1250.31 413.067 1255.34 404.342 1255.34 397.166L1255.32 343.181C1255.32 338.629 1251.7 332.358 1247.76 330.081Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M975.826 330.082L1022.57 303.078C1028.78 299.488 1038.86 299.485 1045.07 303.072L1091.8 330.052C1095.74 332.323 1099.18 338.503 1099.18 343.047L1099.17 397.032C1099.16 404.208 1094.13 412.936 1087.91 416.526L1041.17 443.53C1037.23 445.803 1030.16 445.907 1026.22 443.635L979.493 416.655C973.281 413.068 968.246 404.343 968.248 397.167L968.262 343.182C968.263 338.63 971.884 332.359 975.826 330.082Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1018.02 445.809L1018.04 391.825C1018.04 384.649 1013 375.923 1006.79 372.337L960.061 345.357C956.126 343.085 949.051 343.19 945.117 345.463L898.372 372.468C892.158 376.057 887.119 384.785 887.117 391.962L887.103 445.946C887.101 450.49 890.549 456.668 894.484 458.94L941.215 485.92C947.427 489.507 957.5 489.504 963.714 485.914L1010.46 458.909C1014.4 456.632 1018.02 450.362 1018.02 445.809Z"
-            fill="#37303F"
-          />
-          <path
-            class="block-piece"
-            d="M1205.57 445.809L1205.55 391.824C1205.55 384.648 1210.59 375.923 1216.8 372.336L1263.53 345.356C1267.46 343.084 1274.54 343.189 1278.47 345.462L1325.22 372.467C1331.43 376.057 1336.47 384.784 1336.47 391.961L1336.49 445.946C1336.49 450.489 1333.04 456.667 1329.11 458.939L1282.38 485.919C1276.16 489.506 1266.09 489.503 1259.88 485.913L1213.13 458.909C1209.19 456.631 1205.57 450.361 1205.57 445.809Z"
-            fill="#37303F"
-          />
-          <path
-            class="block-piece"
-            d="M1125.41 491.529L1125.4 437.544C1125.4 430.368 1130.43 421.643 1136.64 418.056L1183.37 391.076C1187.31 388.804 1194.38 388.91 1198.32 391.182L1245.06 418.187C1251.28 421.777 1256.32 430.505 1256.32 437.681L1256.33 491.666C1256.33 496.209 1252.88 502.387 1248.95 504.659L1202.22 531.639C1196.01 535.226 1185.93 535.223 1179.72 531.633L1132.97 504.629C1129.03 502.352 1125.41 496.081 1125.41 491.529Z"
-            fill="#251D2B"
-          />
-          <path
-            class="block-piece"
-            d="M1045.26 536.625L1045.24 482.64C1045.24 475.464 1050.27 466.738 1056.49 463.152L1103.22 436.172C1107.15 433.9 1114.23 434.005 1118.16 436.278L1164.91 463.283C1171.12 466.873 1176.16 475.6 1176.16 482.777L1176.17 536.761C1176.18 541.305 1172.73 547.483 1168.79 549.755L1122.06 576.735C1115.85 580.322 1105.78 580.319 1099.56 576.729L1052.82 549.725C1048.88 547.447 1045.26 541.177 1045.26 536.625Z"
-            fill="#37303F"
-          />
-          <path
-            class="block-piece"
-            d="M1052.82 368.108L1099.57 395.112C1105.78 398.702 1115.85 398.705 1122.07 395.118L1168.8 368.138C1172.73 365.866 1176.18 359.686 1176.18 355.143L1176.16 301.158C1176.16 293.982 1171.12 285.254 1164.91 281.664L1118.16 254.659C1114.23 252.387 1107.15 252.283 1103.22 254.555L1056.49 281.535C1050.28 285.122 1045.24 293.847 1045.24 301.023L1045.26 355.008C1045.26 359.56 1048.88 365.83 1052.82 368.108Z"
-            fill="#37303F"
+
+          <!-- Exploding block cluster -->
+          <g class="block-cluster">
+            <path
+              class="block-piece"
+              d="M1018.44 635.715L1018.45 581.73C1018.46 574.554 1013.42 565.829 1007.21 562.242L960.479 535.262C956.544 532.99 949.469 533.096 945.535 535.368L898.79 562.373C892.576 565.963 887.537 574.691 887.535 581.867L887.52 635.852C887.519 640.395 890.967 646.574 894.902 648.845L941.632 675.825C947.845 679.412 957.918 679.409 964.132 675.819L1010.88 648.815C1014.82 646.538 1018.44 640.267 1018.44 635.715Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1098.58 681.434L1098.6 627.449C1098.6 620.273 1093.57 611.548 1087.35 607.961L1040.62 580.981C1036.69 578.709 1029.61 578.814 1025.68 581.087L978.934 608.092C972.72 611.682 967.681 620.409 967.679 627.586L967.665 681.57C967.664 686.114 971.111 692.292 975.046 694.564L1021.78 721.544C1027.99 725.131 1038.06 725.128 1044.28 721.538L1091.02 694.534C1094.96 692.256 1098.58 685.986 1098.58 681.434Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1205.98 635.714L1205.97 581.73C1205.97 574.553 1211 565.828 1217.21 562.241L1263.94 535.261C1267.88 532.989 1274.95 533.095 1278.89 535.367L1325.63 562.372C1331.85 565.962 1336.89 574.69 1336.89 581.866L1336.9 635.851C1336.9 640.394 1333.46 646.573 1329.52 648.844L1282.79 675.824C1276.58 679.411 1266.5 679.408 1260.29 675.818L1213.54 648.814C1209.6 646.537 1205.98 640.266 1205.98 635.714Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1125.83 681.434L1125.81 627.45C1125.81 620.273 1130.84 611.548 1137.06 607.961L1183.79 580.981C1187.72 578.71 1194.8 578.815 1198.73 581.087L1245.48 608.092C1251.69 611.682 1256.73 620.41 1256.73 627.586L1256.75 681.571C1256.75 686.114 1253.3 692.293 1249.36 694.565L1202.63 721.545C1196.42 725.131 1186.35 725.128 1180.13 721.539L1133.39 694.534C1129.45 692.257 1125.83 685.987 1125.83 681.434Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1045.67 726.53L1045.66 672.545C1045.65 665.369 1050.69 656.644 1056.9 653.057L1103.63 626.077C1107.57 623.805 1114.64 623.911 1118.57 626.183L1165.32 653.188C1171.53 656.778 1176.57 665.506 1176.57 672.682L1176.59 726.667C1176.59 731.21 1173.14 737.388 1169.21 739.66L1122.48 766.64C1116.26 770.227 1106.19 770.224 1099.98 766.634L1053.23 739.63C1049.29 737.353 1045.67 731.082 1045.67 726.53Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1175.17 536.369L1175.18 482.384C1175.19 475.208 1170.15 466.483 1163.94 462.896L1117.21 435.916C1113.27 433.644 1106.2 433.749 1102.27 436.022L1055.52 463.027C1049.31 466.617 1044.27 475.344 1044.27 482.521L1044.25 536.506C1044.25 541.049 1047.7 547.227 1051.63 549.499L1098.36 576.479C1104.58 580.066 1114.65 580.063 1120.86 576.473L1167.61 549.469C1171.55 547.191 1175.17 540.921 1175.17 536.369Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1052.83 458.666L1099.57 485.671C1105.79 489.261 1115.86 489.263 1122.07 485.677L1168.8 458.697C1172.74 456.425 1176.19 450.245 1176.18 445.702L1176.17 391.717C1176.17 384.54 1171.13 375.812 1164.92 372.223L1118.17 345.218C1114.24 342.945 1107.16 342.842 1103.23 345.114L1056.5 372.094C1050.28 375.68 1045.25 384.405 1045.25 391.582L1045.27 445.566C1045.27 450.119 1048.89 456.389 1052.83 458.666Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1247.76 420.64L1201.02 393.635C1194.81 390.045 1184.73 390.043 1178.52 393.629L1131.79 420.609C1127.85 422.881 1124.41 429.061 1124.41 433.604L1124.42 487.589C1124.43 494.766 1129.46 503.493 1135.68 507.083L1182.42 534.088C1186.36 536.361 1193.43 536.464 1197.37 534.192L1244.1 507.212C1250.31 503.626 1255.34 494.901 1255.34 487.724L1255.33 433.74C1255.33 429.187 1251.71 422.917 1247.76 420.64Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M975.833 420.641L1022.58 393.636C1028.79 390.047 1038.87 390.044 1045.08 393.63L1091.81 420.61C1095.74 422.882 1099.19 429.062 1099.19 433.606L1099.17 487.59C1099.17 494.767 1094.13 503.495 1087.92 507.085L1041.17 534.089C1037.24 536.362 1030.17 536.465 1026.23 534.194L979.501 507.214C973.288 503.627 968.254 494.902 968.256 487.725L968.27 433.741C968.271 429.188 971.891 422.918 975.833 420.641Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1018.03 536.368L1018.04 482.384C1018.04 475.207 1013.01 466.482 1006.8 462.895L960.065 435.915C956.13 433.644 949.055 433.749 945.121 436.021L898.376 463.026C892.162 466.616 887.123 475.344 887.121 482.52L887.106 536.505C887.105 541.048 890.553 547.227 894.488 549.499L941.218 576.479C947.431 580.065 957.504 580.062 963.718 576.473L1010.46 549.468C1014.4 547.191 1018.02 540.921 1018.03 536.368Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1018.03 536.368L1018.04 482.384C1018.04 475.207 1013.01 466.482 1006.8 462.895L960.065 435.915C956.13 433.644 949.055 433.749 945.121 436.021L898.376 463.026C892.162 466.616 887.123 475.344 887.121 482.52L887.106 536.505C887.105 541.048 890.553 547.227 894.488 549.499L941.218 576.479C947.431 580.065 957.504 580.062 963.718 576.473L1010.46 549.468C1014.4 547.191 1018.02 540.921 1018.03 536.368Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1175.17 536.369L1175.18 482.384C1175.19 475.208 1170.15 466.483 1163.94 462.896L1117.21 435.916C1113.27 433.644 1106.2 433.749 1102.27 436.022L1055.52 463.027C1049.31 466.617 1044.27 475.344 1044.27 482.521L1044.25 536.506C1044.25 541.049 1047.7 547.227 1051.63 549.499L1098.36 576.479C1104.58 580.066 1114.65 580.063 1120.86 576.473L1167.61 549.469C1171.55 547.191 1175.17 540.921 1175.17 536.369Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1175.17 536.369L1175.18 482.384C1175.19 475.208 1170.15 466.483 1163.94 462.896L1117.21 435.916C1113.27 433.644 1106.2 433.749 1102.27 436.022L1055.52 463.027C1049.31 466.617 1044.27 475.344 1044.27 482.521L1044.25 536.506C1044.25 541.049 1047.7 547.227 1051.63 549.499L1098.36 576.479C1104.58 580.066 1114.65 580.063 1120.86 576.473L1167.61 549.469C1171.55 547.191 1175.17 540.921 1175.17 536.369Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1098.18 582.085L1098.19 528.1C1098.19 520.924 1093.16 512.199 1086.95 508.612L1040.22 481.632C1036.28 479.36 1029.21 479.465 1025.27 481.738L978.528 508.743C972.314 512.333 967.275 521.061 967.273 528.237L967.259 582.222C967.257 586.765 970.705 592.943 974.64 595.215L1021.37 622.195C1027.58 625.782 1037.66 625.779 1043.87 622.189L1090.62 595.185C1094.56 592.907 1098.18 586.637 1098.18 582.085Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1098.18 582.085L1098.19 528.1C1098.19 520.924 1093.16 512.199 1086.95 508.612L1040.22 481.632C1036.28 479.36 1029.21 479.465 1025.27 481.738L978.528 508.743C972.314 512.333 967.275 521.061 967.273 528.237L967.259 582.222C967.257 586.765 970.705 592.943 974.64 595.215L1021.37 622.195C1027.58 625.782 1037.66 625.779 1043.87 622.189L1090.62 595.185C1094.56 592.907 1098.18 586.637 1098.18 582.085Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1205.57 536.367L1205.56 482.383C1205.56 475.206 1210.59 466.481 1216.8 462.894L1263.53 435.914C1267.47 433.643 1274.54 433.748 1278.48 436.02L1325.22 463.025C1331.44 466.615 1336.48 475.343 1336.48 482.519L1336.49 536.504C1336.49 541.047 1333.04 547.226 1329.11 549.497L1282.38 576.477C1276.17 580.064 1266.09 580.061 1259.88 576.471L1213.13 549.467C1209.19 547.19 1205.57 540.919 1205.57 536.367Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1205.57 536.367L1205.56 482.383C1205.56 475.206 1210.59 466.481 1216.8 462.894L1263.53 435.914C1267.47 433.643 1274.54 433.748 1278.48 436.02L1325.22 463.025C1331.44 466.615 1336.48 475.343 1336.48 482.519L1336.49 536.504C1336.49 541.047 1333.04 547.226 1329.11 549.497L1282.38 576.477C1276.17 580.064 1266.09 580.061 1259.88 576.471L1213.13 549.467C1209.19 547.19 1205.57 540.919 1205.57 536.367Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1125.42 582.085L1125.4 528.101C1125.4 520.924 1130.43 512.199 1136.65 508.613L1183.38 481.633C1187.31 479.361 1194.39 479.466 1198.32 481.739L1245.07 508.743C1251.28 512.333 1256.32 521.061 1256.32 528.238L1256.34 582.222C1256.34 586.766 1252.89 592.944 1248.95 595.216L1202.22 622.196C1196.01 625.782 1185.94 625.78 1179.72 622.19L1132.98 595.185C1129.04 592.908 1125.42 586.638 1125.42 582.085Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1125.42 582.085L1125.4 528.101C1125.4 520.924 1130.43 512.199 1136.65 508.613L1183.38 481.633C1187.31 479.361 1194.39 479.466 1198.32 481.739L1245.07 508.743C1251.28 512.333 1256.32 521.061 1256.32 528.238L1256.34 582.222C1256.34 586.766 1252.89 592.944 1248.95 595.216L1202.22 622.196C1196.01 625.782 1185.94 625.78 1179.72 622.19L1132.98 595.185C1129.04 592.908 1125.42 586.638 1125.42 582.085Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1045.26 627.181L1045.25 573.197C1045.24 566.02 1050.28 557.295 1056.49 553.709L1103.22 526.729C1107.16 524.457 1114.23 524.562 1118.16 526.835L1164.91 553.839C1171.12 557.429 1176.16 566.157 1176.16 573.333L1176.18 627.318C1176.18 631.862 1172.73 638.04 1168.8 640.312L1122.07 667.292C1115.85 670.878 1105.78 670.876 1099.57 667.286L1052.82 640.281C1048.88 638.004 1045.26 631.734 1045.26 627.181Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1045.26 627.181L1045.25 573.197C1045.24 566.02 1050.28 557.295 1056.49 553.709L1103.22 526.729C1107.16 524.457 1114.23 524.562 1118.16 526.835L1164.91 553.839C1171.12 557.429 1176.16 566.157 1176.16 573.333L1176.18 627.318C1176.18 631.862 1172.73 638.04 1168.8 640.312L1122.07 667.292C1115.85 670.878 1105.78 670.876 1099.57 667.286L1052.82 640.281C1048.88 638.004 1045.26 631.734 1045.26 627.181Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1175.17 536.372L1175.19 482.387C1175.19 475.211 1170.16 466.485 1163.94 462.899L1117.21 435.919C1113.28 433.647 1106.2 433.752 1102.27 436.025L1055.52 463.03C1049.31 466.62 1044.27 475.347 1044.27 482.524L1044.25 536.508C1044.25 541.052 1047.7 547.23 1051.64 549.502L1098.37 576.482C1104.58 580.069 1114.65 580.066 1120.87 576.476L1167.61 549.472C1171.55 547.194 1175.17 540.924 1175.17 536.372Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1098.18 582.085L1098.2 528.1C1098.2 520.924 1093.16 512.198 1086.95 508.612L1040.22 481.632C1036.29 479.36 1029.21 479.465 1025.28 481.738L978.532 508.743C972.318 512.333 967.279 521.06 967.277 528.237L967.263 582.221C967.261 586.765 970.709 592.943 974.644 595.215L1021.37 622.195C1027.59 625.782 1037.66 625.779 1043.87 622.189L1090.62 595.185C1094.56 592.907 1098.18 586.637 1098.18 582.085Z"
+              fill="#F2FF59"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1125.42 582.085L1125.41 528.1C1125.4 520.924 1130.44 512.198 1136.65 508.612L1183.38 481.632C1187.32 479.36 1194.39 479.465 1198.32 481.738L1245.07 508.743C1251.28 512.333 1256.32 521.06 1256.32 528.237L1256.34 582.221C1256.34 586.765 1252.89 592.943 1248.96 595.215L1202.23 622.195C1196.01 625.782 1185.94 625.779 1179.73 622.189L1132.98 595.184C1129.04 592.907 1125.42 586.637 1125.42 582.085Z"
+              fill="#F2FF59"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1045.26 627.173L1045.25 573.188C1045.25 566.012 1050.28 557.286 1056.49 553.7L1103.22 526.72C1107.16 524.448 1114.23 524.553 1118.17 526.826L1164.91 553.831C1171.13 557.42 1176.17 566.148 1176.17 573.325L1176.18 627.309C1176.18 631.853 1172.74 638.031 1168.8 640.303L1122.07 667.283C1115.86 670.87 1105.79 670.867 1099.57 667.277L1052.83 640.272C1048.88 637.995 1045.26 631.725 1045.26 627.173Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1175.17 445.81L1175.18 391.826C1175.18 384.649 1170.15 375.924 1163.94 372.337L1117.21 345.357C1113.27 343.086 1106.2 343.191 1102.26 345.464L1055.52 372.468C1049.3 376.058 1044.26 384.786 1044.26 391.962L1044.25 445.947C1044.25 450.49 1047.69 456.669 1051.63 458.941L1098.36 485.921C1104.57 489.507 1114.64 489.505 1120.86 485.915L1167.6 458.91C1171.55 456.633 1175.17 450.363 1175.17 445.81Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1052.82 368.108L1099.57 395.112C1105.78 398.702 1115.85 398.705 1122.07 395.118L1168.8 368.138C1172.73 365.866 1176.18 359.686 1176.18 355.143L1176.16 301.158C1176.16 293.982 1171.12 285.254 1164.91 281.664L1118.16 254.659C1114.23 252.387 1107.15 252.283 1103.22 254.555L1056.49 281.535C1050.28 285.122 1045.24 293.847 1045.24 301.023L1045.26 355.008C1045.26 359.56 1048.88 365.83 1052.82 368.108Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1247.76 330.081L1201.02 303.077C1194.81 299.487 1184.73 299.484 1178.52 303.071L1131.79 330.051C1127.85 332.322 1124.41 338.502 1124.41 343.046L1124.42 397.031C1124.43 404.207 1129.46 412.935 1135.67 416.525L1182.42 443.529C1186.35 445.802 1193.43 445.906 1197.36 443.634L1244.09 416.654C1250.31 413.067 1255.34 404.342 1255.34 397.166L1255.32 343.181C1255.32 338.629 1251.7 332.358 1247.76 330.081Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M975.826 330.082L1022.57 303.078C1028.78 299.488 1038.86 299.485 1045.07 303.072L1091.8 330.052C1095.74 332.323 1099.18 338.503 1099.18 343.047L1099.17 397.032C1099.16 404.208 1094.13 412.936 1087.91 416.526L1041.17 443.53C1037.23 445.803 1030.16 445.907 1026.22 443.635L979.493 416.655C973.281 413.068 968.246 404.343 968.248 397.167L968.262 343.182C968.263 338.630 971.884 332.359 975.826 330.082Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1018.02 445.809L1018.04 391.825C1018.04 384.649 1013 375.923 1006.79 372.337L960.061 345.357C956.126 343.085 949.051 343.19 945.117 345.463L898.372 372.468C892.158 376.057 887.119 384.785 887.117 391.962L887.103 445.946C887.101 450.49 890.549 456.668 894.484 458.94L941.215 485.92C947.427 489.507 957.5 489.504 963.714 485.914L1010.46 458.909C1014.4 456.632 1018.02 450.362 1018.02 445.809Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1175.17 445.81L1175.18 391.826C1175.18 384.649 1170.15 375.924 1163.94 372.337L1117.21 345.357C1113.27 343.086 1106.2 343.191 1102.26 345.464L1055.52 372.468C1049.3 376.058 1044.26 384.786 1044.26 391.962L1044.25 445.947C1044.25 450.49 1047.69 456.669 1051.63 458.941L1098.36 485.921C1104.57 489.507 1114.64 489.505 1120.86 485.915L1167.6 458.91C1171.55 456.633 1175.17 450.363 1175.17 445.81Z"
+              fill="#F2FF59"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1098.17 491.528L1098.18 437.544C1098.19 430.367 1093.15 421.642 1086.94 418.056L1040.21 391.076C1036.27 388.804 1029.2 388.909 1025.27 391.182L978.52 418.186C972.306 421.776 967.267 430.504 967.265 437.681L967.251 491.665C967.25 496.209 970.697 502.387 974.632 504.659L1021.36 531.639C1027.58 535.225 1037.65 535.223 1043.86 531.633L1090.61 504.628C1094.55 502.351 1098.17 496.081 1098.17 491.528Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1205.57 445.809L1205.55 391.824C1205.55 384.648 1210.59 375.923 1216.8 372.336L1263.53 345.356C1267.46 343.084 1274.54 343.189 1278.47 345.462L1325.22 372.467C1331.43 376.057 1336.47 384.784 1336.47 391.961L1336.49 445.946C1336.49 450.489 1333.04 456.667 1329.11 458.939L1282.38 485.919C1276.16 489.506 1266.09 489.503 1259.88 485.913L1213.13 458.909C1209.19 456.631 1205.57 450.361 1205.57 445.809Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1125.41 491.529L1125.4 437.544C1125.4 430.368 1130.43 421.643 1136.64 418.056L1183.37 391.076C1187.31 388.804 1194.38 388.910 1198.32 391.182L1245.06 418.187C1251.28 421.777 1256.32 430.505 1256.32 437.681L1256.33 491.666C1256.33 496.209 1252.88 502.387 1248.95 504.659L1202.22 531.639C1196.01 535.226 1185.93 535.223 1179.72 531.633L1132.97 504.629C1129.03 502.352 1125.41 496.081 1125.41 491.529Z"
+              fill="#251D2B"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+            <path
+              class="block-piece"
+              d="M1045.26 536.625L1045.24 482.64C1045.24 475.464 1050.27 466.738 1056.49 463.152L1103.22 436.172C1107.15 433.9 1114.23 434.005 1118.16 436.278L1164.91 463.283C1171.12 466.873 1176.16 475.6 1176.16 482.777L1176.17 536.761C1176.18 541.305 1172.73 547.483 1168.79 549.755L1122.06 576.735C1115.85 580.322 1105.78 580.319 1099.56 576.729L1052.82 549.725C1048.88 547.447 1045.26 541.177 1045.26 536.625Z"
+              fill="#37303F"
+              stroke="#4D3762"
+              stroke-width="2"
+            />
+          </g>
+
+          <!-- Left-edge fade -->
+          <rect
+            width="422.621"
+            height="1125.11"
+            transform="matrix(-1 0 0 1 909.219 9.26587)"
+            fill="url(#enterpriseHeroFade)"
+            style="pointer-events: none"
          />
        </g>
-
-        <!-- Left-edge fade -->
-        <rect
-          width="422.621"
-          height="1125.11"
-          transform="matrix(-1 0 0 1 909.219 9.26587)"
-          fill="url(#enterpriseHeroFade)"
-        />
        <defs>
          <linearGradient
            id="enterpriseHeroFade"
@@ -212,6 +353,9 @@ onMounted(() => {
            <stop stop-color="#211927" stop-opacity="0" />
            <stop offset="1" stop-color="#211927" />
          </linearGradient>
+          <clipPath id="enterpriseHeroClip">
+            <rect width="1600" height="1046" fill="white" />
+          </clipPath>
        </defs>
      </svg>
    </div>
@@ -255,13 +399,13 @@ onMounted(() => {
  animation: ripple-effect 4s linear infinite;
 }

-.ripple-delay-1 {
+.delay-1 {
  animation-delay: -1s;
 }
-.ripple-delay-2 {
+.delay-2 {
  animation-delay: -2s;
 }
-.ripple-delay-3 {
+.delay-3 {
  animation-delay: -3s;
 }

@@ -281,6 +425,11 @@ onMounted(() => {
  }
 }

+.block-cluster {
+  transform-origin: center;
+  transform-box: fill-box;
+}
+
 .block-piece {
  transform-origin: center;
  transform-box: fill-box;
--- a/apps/website/src/components/product/local/HeroSection.vue
+++ b/apps/website/src/components/product/local/HeroSection.vue
@@ -164,11 +164,11 @@ onUnmounted(() => {

 <template>
  <section
-    class="max-w-9xl relative mx-auto flex flex-col items-center overflow-hidden lg:flex-row lg:items-center lg:overflow-x-visible lg:overflow-y-clip lg:pb-[min(8vw,10rem)]"
+    class="max-w-9xl relative mx-auto flex flex-col items-center overflow-visible lg:flex-row lg:items-center lg:pb-[min(8vw,10rem)]"
  >
    <!-- Illustration (stacks above on mobile, left on lg) -->
    <div
-      class="aspect-square w-4/5 max-w-md scale-150 self-center md:max-w-2xl lg:pointer-events-none lg:z-1 lg:-mr-12 lg:translate-x-[10%] lg:translate-y-[80px] lg:self-center xl:size-[clamp(32rem,max(40vh,32vw),36rem)] xl:min-h-[min(32vw,24rem)] xl:min-w-[min(24vw,20rem)]"
+      class="aspect-550/800 w-4/5 max-w-md scale-150 self-center overflow-visible md:max-w-2xl lg:pointer-events-none lg:z-1 lg:-mr-12 lg:translate-x-[10%] lg:translate-y-20 lg:self-center xl:size-[clamp(32rem,max(40vh,32vw),36rem)] xl:min-h-[min(32vw,24rem)] xl:min-w-[min(24vw,20rem)]"
    >
      <svg
        ref="svgRef"
@@ -187,7 +187,7 @@ onUnmounted(() => {
          rx="65.5036"
          transform="matrix(-0.866025 -0.5 0 -1 620.969 1058.01)"
          fill="#211927"
-          stroke="#7E7C78"
+          stroke="#4D3762"
          stroke-width="3"
          visibility="hidden"
        />
@@ -200,7 +200,7 @@ onUnmounted(() => {
          rx="59.4123"
          transform="matrix(-0.866025 -0.5 0 -1 675.746 878.068)"
          fill="#211927"
-          stroke="#7E7C78"
+          stroke="#4D3762"
          stroke-width="3"
        />
        <rect
@@ -212,7 +212,7 @@ onUnmounted(() => {
          rx="59.4123"
          transform="matrix(-0.866025 -0.5 0 -1 675.746 878.068)"
          fill="#211927"
-          stroke="#7E7C78"
+          stroke="#4D3762"
          stroke-width="3"
        />
        <rect
@@ -224,12 +224,12 @@ onUnmounted(() => {
          rx="59.4123"
          transform="matrix(-0.866025 -0.5 0 -1 675.746 878.068)"
          fill="#211927"
-          stroke="#7E7C78"
+          stroke="#4D3762"
          stroke-width="3"
        />

        <!-- Hex nodes -->
-        <g stroke="#7E7C78" stroke-width="6">
+        <g stroke="#4D3762" stroke-width="3">
          <path
            data-hex="5"
            d="M722.595 427.826L722.579 491.728C722.576 500.223 728.536 510.551 735.889 514.796L791.205 546.733C795.862 549.422 804.238 549.298 808.894 546.607L864.227 514.642C871.583 510.392 877.548 500.061 877.55 491.566L877.567 427.664C877.568 422.286 873.487 414.972 868.829 412.283L813.514 380.347C806.16 376.101 794.236 376.104 786.88 380.354L731.548 412.319C726.882 415.015 722.597 422.437 722.595 427.826Z"
@@ -283,11 +283,12 @@ onUnmounted(() => {
          y="150"
          width="250"
          height="900"
-          fill="url(#localHeroFade)"
+          fill="url(#localHeroFadeLeft)"
        />
+
        <defs>
          <linearGradient
-            id="localHeroFade"
+            id="localHeroFadeLeft"
            x1="550"
            y1="600"
            x2="300"
--- a/apps/website/src/config/routes.ts
+++ b/apps/website/src/config/routes.ts
@@ -27,6 +27,7 @@ export function getRoutes(locale: Locale = 'en'): Routes {
 }

 export const externalLinks = {
+  apiKeys: 'https://platform.comfy.org/profile/api-keys',
  blog: 'https://blog.comfy.org/',
  cloud: 'https://cloud.comfy.org',
  discord: 'https://discord.com/invite/comfyorg',
--- a/apps/website/src/i18n/translations.ts
+++ b/apps/website/src/i18n/translations.ts
@@ -1195,9 +1195,9 @@ const translations = {
    'zh-CN': '单个任务时限'
  },
  'pricing.included.feature2.description': {
-    en: 'Each workflow run has a maximum duration of 60 minutes. On the Pro plan, the time limit is increased to 1 hour. Jobs exceeding that limit are automatically cancelled to ensure fair usage and system stability.',
+    en: 'On our Standard and Creator plans, each workflow has a maximum run time of 30 minutes. On the Pro plan, the limit is increased to 1 hour. Jobs exceeding that limit are automatically cancelled to ensure fair usage and system stability.',
    'zh-CN':
-      '每个工作流运行最长为 60 分钟。Pro 计划的时限可延长至 1 小时。超时任务将自动取消，以确保公平使用和系统稳定。'
+      'Standard 和 Creator 计划下，每个工作流最长运行时间为 30 分钟。Pro 计划的时限可延长至 1 小时。超时任务将自动取消，以确保公平使用和系统稳定。'
  },
  'pricing.included.feature3.title': {
    en: 'Usage',
--- a/apps/website/src/pages/about.astro
+++ b/apps/website/src/pages/about.astro
@@ -1,6 +1,7 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro'
 import HeroSection from '../components/about/HeroSection.vue'
+import StorySection from '../components/about/StorySection.vue'
 import OurValuesSection from '../components/about/OurValuesSection.vue'
 import ValuesSection from '../components/about/ValuesSection.vue'
 import CareersSection from '../components/about/CareersSection.vue'
@@ -8,6 +9,7 @@ import CareersSection from '../components/about/CareersSection.vue'

 <BaseLayout title="About Us — Comfy">
  <HeroSection client:load />
+  <StorySection />
  <OurValuesSection />
  <ValuesSection client:visible />
  <CareersSection />
--- a/apps/website/src/pages/zh-CN/about.astro
+++ b/apps/website/src/pages/zh-CN/about.astro
@@ -1,6 +1,7 @@
 ---
 import BaseLayout from '../../layouts/BaseLayout.astro'
 import HeroSection from '../../components/about/HeroSection.vue'
+import StorySection from '../../components/about/StorySection.vue'
 import OurValuesSection from '../../components/about/OurValuesSection.vue'
 import ValuesSection from '../../components/about/ValuesSection.vue'
 import CareersSection from '../../components/about/CareersSection.vue'
@@ -8,6 +9,7 @@ import CareersSection from '../../components/about/CareersSection.vue'

 <BaseLayout title="关于我们 — Comfy" description="了解 ComfyUI 背后的团队和使命——开源的生成式 AI 平台。">
  <HeroSection locale="zh-CN" client:load />
+  <StorySection locale="zh-CN" />
  <OurValuesSection locale="zh-CN" />
  <ValuesSection locale="zh-CN" client:visible />
  <CareersSection locale="zh-CN" />
Author	SHA1	Message	Date
Alexander Brown	b212563a9b	Merge branch 'main' into feat/website-prefetch	2026-04-24 11:46:49 -07:00
Alexander Brown	bb23b9352c	fix: update enterprise hero SVG to match updated design (#11608 ) ## Changes Update the enterprise hero SVG in `HeroSection.vue` to match the updated design export. ### Key changes - viewBox: `600 -50 1000 1100` → `0 0 1600 1046` with `clip-path` wrapper and background rects for proper clipping - Block pieces: stroke/stroke-width moved from parent `<g>` to each individual `<path>`, with duplicated paths for layered rendering - Block cluster: wrapped in `.block-cluster` group with its own CSS transform-origin - Ripple delay classes: renamed `ripple-delay-` → `delay-` - Fade overlay: added `pointer-events: none` to prevent blocking interactions Co-authored-by: Amp <amp@ampcode.com>	2026-04-24 10:35:24 -07:00
Alexander Brown	25f0b41f63	Remember what was forgotten (#11603 ) ## Summary Every page has a story to tell. ## Changes - What: Something was missing. Now it isn't. ## Review Focus Look closely at what was lost. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11603-Remember-what-was-forgotten-34c6d73d36508184b3cef39d0be4a3bd) by [Unito](https://www.unito.io)	2026-04-24 10:28:32 -07:00
Alexander Brown	e7673fcca7	update: API page links to keys and docs (#11606 ) ## Summary Update API page CTA buttons to link directly to the API keys page and API docs instead of generic platform/cloud/docs links. ## Changes - What: Point "Get API Keys" buttons in HeroSection and StepsSection to `platform.comfy.org/profile/api-keys`; point "Read the Docs" button to `docsApi` route; add `apiKeys` entry to `externalLinks` config. ## Review Focus Straightforward link target updates — verify the new URLs are correct. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11606-update-API-page-links-to-keys-and-docs-34c6d73d365081268bb5dd55c33646c8) by [Unito](https://www.unito.io)	2026-04-24 10:28:03 -07:00
Yourz	7038cab926	update: replace placeholder images in API automation section (#11602 ) ## Changes - Replace placeholder images in API automation section with final assets - Feature 1: `desert.webp` → `precision-tools.webp` - Feature 3: `free.webp` → `infrastructure-nodes.webp` <img width="1000" height="552" alt="Kapture 2026-04-25 at 00 54 23" src="https://github.com/user-attachments/assets/dd503d2f-56c3-4346-adfa-27b3b92a04a8" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11602-update-replace-placeholder-images-in-API-automation-section-34c6d73d365081319ca4db9b60099835) by [Unito](https://www.unito.io) Co-authored-by: Amp <amp@ampcode.com>	2026-04-24 16:02:36 +00:00
Yourz	1f888de0f6	update: content in Price page (#11600 ) ## Summary <!-- One sentence describing what changed and why. --> Update wrong content in Price page of new website ## Changes - What: <!-- Core functionality added/modified --> - update both English and Chinese content of translate key `pricing.included.feature2.description` ## Review Focus <!-- Critical design decisions or edge cases that need attention --> <!-- If this PR fixes an issue, uncomment and update the line below --> <!-- Fixes #ISSUE_NUMBER --> ## Screenshots (if applicable) <!-- Add screenshots or video recording to help explain your changes --> <img width="1046" height="147" alt="image" src="https://github.com/user-attachments/assets/0f2dc66c-d384-4fb4-85cb-2d9f68469dbc" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11600-update-content-in-Price-page-34c6d73d365081bb9ae1e09842c77249) by [Unito](https://www.unito.io)	2026-04-24 15:59:18 +00:00
Yourz	b7a8056ab0	update: local hero illustration stroke colors and fix overflow clipping (#11601 ) ## Changes - Update SVG stroke color from `#7E7C78` to `#4D3762` to match design spec - Reduce hex node stroke width from 6 to 3 - Fix illustration bottom edge being hard-clipped by removing `lg:overflow-y-clip` from section - Adjust container aspect ratio to match SVG viewBox proportions <img width="1000" height="1287" alt="Kapture 2026-04-25 at 00 41 16" src="https://github.com/user-attachments/assets/a3a14fba-74b3-4051-ac12-c175c4b3bd61" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-11601-update-local-hero-illustration-stroke-colors-and-fix-overflow-clipping-34c6d73d3650811e9f0bdc1a3274800e) by [Unito](https://www.unito.io) Co-authored-by: Amp <amp@ampcode.com>	2026-04-24 15:57:11 +00:00
Alexander Brown	824910787a	Merge branch 'main' into feat/website-prefetch	2026-04-23 23:32:31 -07:00
DrJKL	e3431d25ec	feat: enable prefetch for website Amp-Thread-ID: https://ampcode.com/threads/T-019dbdb1-a449-770b-acb2-58c0cc47ad32 Co-authored-by: Amp <amp@ampcode.com>	2026-04-23 21:42:47 -07:00