fix: powder banner shows powder, not bath (L7)

The cream second-fold banner reads "Ein Pulver, hundert Anwendungen" but
showed the Bad 500 g (bath) product and its CTA/link pointed there too.
Repoint the whole banner to powder — the 3.490 g bulk bucket (distinct
from the 250 g first-fold hero): image, add-to-cart product, learn-more
link, and alt text. No new asset needed.

Docs: STYLE-CHANGES.md §23 + simple guide. dist/ rebuilt.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

STYLE-CHANGES-simple.md

@@ -32,6 +32,9 @@
 - **Intro artwork.** The brand intro uses the official Hebe + waterfall artwork.
 - **250 g pack image.** The large pack image was recoloured to the correct brand
   green so it no longer clashes with its background.
+- **"One powder, a hundred uses" banner.** This banner used to show the *bath*
+  product, which didn't match its message. It now shows **powder** (the bulk
+  bucket), and its buttons add/link to that powder product.
 - **Logo & search.** Prices in the search dropdown are now white so they're
   readable on the green bar.
 

STYLE-CHANGES.md

@@ -569,6 +569,26 @@ advantages rather than membership perks.
 
 ---
 
+## 23. Second-fold banner image — powder, not bath (L7)
+
+**File:** `src/pages/HomePage.vue`
+
+The cream second-fold banner reads *"Ein Pulver, hundert Anwendungen im
+Haushalt"* / *"One powder, a hundred uses around the home"* but showed the **Bad
+500 g (bath)** product — and its add-to-cart + "learn more" link pointed there
+too, contradicting the powder message. Repointed the whole banner to **powder**:
+
+- `imgBanner` → `/products/kaiser-natron-pulver-3.490-g-eimer.webp` (the bulk
+  bucket — visually reinforces "a hundred uses"; deliberately *not* the 250 g
+  Großpackung, which is already the first-fold hero).
+- `bannerProductId` → `kaiser-natron-pulver-3490-g-eimer`, so the CTA adds the
+  powder and "learn more" links to `/shop/kaiser-natron-pulver-3490-g-eimer`.
+- `image-alt` → "Kaiser-Natron® Pulver 3.490 g Eimer".
+
+No new asset needed — the bucket image already shipped in `public/products/`.
+
+---
+
 ## Quick reference — the two new colours
 
 ```

dist/index.html

@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#ffffff" />
     <title>Kaiser Natron</title>
     <!-- Zeitung is self-hosted (see @font-face in src/assets/styles.css); no external font CDN. -->
-    <script type="module" crossorigin src="/assets/index-oUv4zpZU.js"></script>
+    <script type="module" crossorigin src="/assets/index-r_9VKCyr.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/preload-helper-ca-nBW7U.js">
     <link rel="modulepreload" crossorigin href="/assets/runtime-core.esm-bundler-DTXUv7Wx.js">
     <link rel="modulepreload" crossorigin href="/assets/runtime-dom.esm-bundler-Bg1uJ-W7.js">

src/pages/HomePage.vue

@@ -57,14 +57,18 @@ const imgPulver250 =
 
 const heroProductId = 'kaiser-natron-pulver-250-g-grosspackung'
 
-// Second-fold banner — cream tone, image-left split, alternate cutout.
-const imgBanner = '/products/kaiser-natron-bad-500-g.webp'
-const bannerProductId = 'kaiser-natron-bad-500-g'
+// Second-fold banner — cream tone, image-left split. The headline is
+// "Ein Pulver, hundert Anwendungen" (one powder, a hundred uses), so the
+// banner shows POWDER — the 3.490 g bulk bucket, distinct from the 250 g
+// Großpackung used in the first-fold hero (L7: was the Bad 500 g image,
+// which contradicted the powder message).
+const imgBanner = '/products/kaiser-natron-pulver-3.490-g-eimer.webp'
+const bannerProductId = 'kaiser-natron-pulver-3490-g-eimer'
 
 // Brand-hero → product-hero teaser: one SKU per use-case (Cook /
 // Clean / Care). Avoids duplicating the Pulver 250 g (primary hero)
-// and Bad 500 g (cream banner) so the row reads as new surface area
-// rather than a repeat of what's already on screen.
+// and the Pulver Eimer (cream banner) so the row reads as new surface
+// area rather than a repeat of what's already on screen.
 const teaserIds = [
   'kaiser-natron-tabletten-100-g-dose',     // cook
   'kaiser-natron-allzweck-spray-500-ml',    // clean
@@ -398,7 +402,7 @@ onBeforeUnmount(() => {
     :eyebrow="t('home.banner.eyebrow')"
     :subheadline="t('home.banner.sub')"
     :image="imgBanner"
-    image-alt="Kaiser-Natron Pulver 250 g Großpackung"
+    image-alt="Kaiser-Natron® Pulver 3.490 g Eimer"
     :cta-label="t('ds.buttons.addToCart')"
     :secondary-label="t('ds.buttons.learnMore')"
     :secondary-href="`/shop/${bannerProductId}`"