home: teaser cards switch to cream tone + yellow CTAs; first bundle image v2

· Homepage 3-product teaser now uses tone="cream" (white image area
  + cream card body) instead of the brand-green media wash, and the
  add-to-cart buttons render as the yellow accent variant for visual
  emphasis on the brand-green section above.
· First bundle's hero image swapped to /bundles/background/haushalt-bundle-2.webp
  per fresh asset.

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

dist/assets/bundles-L2pJKO5Y.js

@@ -0,0 +1 @@
+var e=[{id:`haushalt`,nameKey:`bundle.haushalt.name`,usageKey:`bundle.haushalt.usage`,descriptionKey:`bundle.haushalt.description`,imageAltKey:`bundle.haushalt.imageAlt`,itemKeys:[`bundle.haushalt.items.0`,`bundle.haushalt.items.1`,`bundle.haushalt.items.2`],badgeKey:`bundle.haushalt.badge`,badgeVariant:`accent`,price:24.9,memberPrice:21.17,image:`/bundles/background/haushalt-bundle-2.webp`,anchorProductId:`kaiser-natron-pulver-250-g-grosspackung`,href:`/bundles/haushalt`},{id:`waesche`,nameKey:`bundle.waesche.name`,usageKey:`bundle.waesche.usage`,descriptionKey:`bundle.waesche.description`,imageAltKey:`bundle.waesche.imageAlt`,itemKeys:[`bundle.waesche.items.0`,`bundle.waesche.items.1`,`bundle.waesche.items.2`],badgeKey:``,badgeVariant:`accent`,price:22.9,memberPrice:19.47,image:`/bundles/background/waesche-pflege-bundle.webp`,anchorProductId:`holste-wasch-soda-500-g-beutel`,href:`/bundles/waesche`},{id:`wohlfuehl`,nameKey:`bundle.wohlfuehl.name`,usageKey:`bundle.wohlfuehl.usage`,descriptionKey:`bundle.wohlfuehl.description`,imageAltKey:`bundle.wohlfuehl.imageAlt`,itemKeys:[`bundle.wohlfuehl.items.0`,`bundle.wohlfuehl.items.1`,`bundle.wohlfuehl.items.2`],badgeKey:``,badgeVariant:`accent`,price:29.9,memberPrice:25.42,image:`/bundles/background/wohlfuehl-bundle.webp`,anchorProductId:`kaiser-natron-bad-500-g`,href:`/bundles/wohlfuehl`}];function t(t){return e.find(e=>e.id===t)||null}export{t as n,e as t};

dist/assets/bundles-wEipZLdj.js

@@ -1 +0,0 @@
-var e=[{id:`haushalt`,nameKey:`bundle.haushalt.name`,usageKey:`bundle.haushalt.usage`,descriptionKey:`bundle.haushalt.description`,imageAltKey:`bundle.haushalt.imageAlt`,itemKeys:[`bundle.haushalt.items.0`,`bundle.haushalt.items.1`,`bundle.haushalt.items.2`],badgeKey:`bundle.haushalt.badge`,badgeVariant:`accent`,price:24.9,memberPrice:21.17,image:`/bundles/background/haushalt-bundle.webp`,anchorProductId:`kaiser-natron-pulver-250-g-grosspackung`,href:`/bundles/haushalt`},{id:`waesche`,nameKey:`bundle.waesche.name`,usageKey:`bundle.waesche.usage`,descriptionKey:`bundle.waesche.description`,imageAltKey:`bundle.waesche.imageAlt`,itemKeys:[`bundle.waesche.items.0`,`bundle.waesche.items.1`,`bundle.waesche.items.2`],badgeKey:``,badgeVariant:`accent`,price:22.9,memberPrice:19.47,image:`/bundles/background/waesche-pflege-bundle.webp`,anchorProductId:`holste-wasch-soda-500-g-beutel`,href:`/bundles/waesche`},{id:`wohlfuehl`,nameKey:`bundle.wohlfuehl.name`,usageKey:`bundle.wohlfuehl.usage`,descriptionKey:`bundle.wohlfuehl.description`,imageAltKey:`bundle.wohlfuehl.imageAlt`,itemKeys:[`bundle.wohlfuehl.items.0`,`bundle.wohlfuehl.items.1`,`bundle.wohlfuehl.items.2`],badgeKey:``,badgeVariant:`accent`,price:29.9,memberPrice:25.42,image:`/bundles/background/wohlfuehl-bundle.webp`,anchorProductId:`kaiser-natron-bad-500-g`,href:`/bundles/wohlfuehl`}];function t(t){return e.find(e=>e.id===t)||null}export{t as n,e as t};

dist/index.html

@@ -12,7 +12,7 @@
       href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,200;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,200;1,9..144,400;1,9..144,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-BOGx-hlG.js"></script>
+    <script type="module" crossorigin src="/assets/index-CN2jXc7i.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-CXLmyuFK.js">

src/api/bundles.js

@@ -30,7 +30,7 @@ export const bundles = [
     badgeVariant: 'accent',
     price: 24.9,
     memberPrice: 21.17,
-    image: '/bundles/background/haushalt-bundle.webp',
+    image: '/bundles/background/haushalt-bundle-2.webp',
     anchorProductId: 'kaiser-natron-pulver-250-g-grosspackung',
     href: '/bundles/haushalt',
   },

src/design-system/components/ProductTeaser.vue

@@ -67,7 +67,8 @@ const tones = {
           :badge="p.badge || ''"
           :badge-variant="p.badgeVariant || 'accent'"
           :href="p.href || (p.id ? `/shop/${p.id}` : '')"
-          tone="brand"
+          tone="cream"
+          cta-variant="accent"
           @add="$emit('add', p.id)"
         />
       </div>