feat(website): hero 360 turntable, one-shot demo, industries section

apps/website/design/.gitignore

@@ -0,0 +1,2 @@
+# Unoptimized source renders — optimized webp live in public/hero/angles
+reference/

apps/website/e2e/homepage.spec.ts

@@ -32,17 +32,33 @@ test.describe('Homepage @smoke', () => {
     ).toBeVisible()
   })
 
+  test('ModelReleaseSection is visible', async ({ page }) => {
+    await expect(page.getByText('New Model Release')).toBeVisible()
+    const cta = page.getByRole('link', { name: 'View Model Features' })
+    await expect(cta).toBeVisible()
+    await expect(cta).toHaveAttribute('href', '/minimax-h3')
+  })
+
+  test('FeaturedWorkflowsSection carousel is visible', async ({ page }) => {
+    const carousel = page.locator('[aria-roledescription="carousel"]')
+    await expect(carousel).toBeVisible()
+    await expect(
+      carousel.getByRole('link', { name: 'FLUX 3 Video: Text to Video' })
+    ).toBeVisible()
+  })
+
   test('ProductShowcase section is visible', async ({ page }) => {
     await expect(page.getByText('HOW', { exact: true }).first()).toBeVisible()
     await expect(
       page.getByText(/Connect models, processing steps, and outputs/)
     ).toBeVisible()
   })
 
-  test('UseCaseSection is visible', async ({ page }) => {
+  test('IndustriesSection is visible', async ({ page }) => {
     await expect(
-      page.getByText('Industries that create with ComfyUI')
+      page.getByRole('button', { name: 'VFX & Animation' })
     ).toBeVisible()
+    await expect(page.getByText(/Powered by 60,000\+ nodes/)).toBeVisible()
   })
 
   test('GetStartedSection with heading is visible', async ({ page }) => {
@@ -112,11 +128,6 @@ test.describe('Homepage @smoke', () => {
     expect(ctaBox).not.toBeNull()
     expect(ctaBox!.y - (subBox!.y + subBox!.height)).toBeGreaterThanOrEqual(24)
   })
-
-  test('BuildWhatSection is visible', async ({ page }) => {
-    // "DOESN'T EXIST" is the actual badge text rendered in the Build What section
-    await expect(page.getByText("DOESN'T EXIST")).toBeVisible()
-  })
 })
 
 test.describe('Product showcase accordion @interaction', () => {
@@ -151,6 +162,22 @@ test.describe('Product showcase accordion @interaction', () => {
     await expect(firstFeature).not.toHaveClass(/bg-primary-comfy-yellow/)
     await expect(secondFeature).toHaveClass(/bg-primary-comfy-yellow/)
   })
+
+  test('third feature shows the mask scene on mobile @mobile', async ({
+    page
+  }) => {
+    const thirdFeature = page
+      .getByRole('button', { name: /Community Workflows/i })
+      .first()
+
+    await thirdFeature.scrollIntoViewIfNeeded()
+    await thirdFeature.click()
+
+    // The CSS-hidden desktop copy is also in the DOM; target the mobile one.
+    const maskScene = page.locator('.vms-stage:visible')
+    await expect(maskScene).toBeVisible()
+    await expect(maskScene.locator('video').first()).toBeAttached()
+  })
 })
 
 test.describe('Video player @interaction', () => {

apps/website/package.json

@@ -34,6 +34,7 @@
     "cva": "catalog:",
     "gsap": "catalog:",
     "lenis": "catalog:",
+    "lottie-web": "catalog:",
     "posthog-js": "catalog:",
     "reka-ui": "catalog:",
     "three": "catalog:",