kaiser-natron/dist/assets/HomePage-BC7_lA69.js

import{B as e,C as t,G as n,S as r,ct as ee,j as i,lt as a,m as o,o as s,p as c,r as l,s as u,u as d,x as f}from"./runtime-core.esm-bundler-BD0e4RlP.js";import{t as p}from"./_plugin-vue_export-helper-BOai-rQB.js";import{t as m}from"./i18n-DrTQks20.js";import{n as h}from"./products-GEWPSJSp.js";import{a as g,i as _,o as v,r as y,t as b}from"./api-S-LVXOcC.js";import{t as te}from"./Navbar-DTKm8Xku.js";import{t as x}from"./Hero-B6Qkpe_4.js";import{t as ne}from"./Bundles-ak0UwRx6.js";import{t as re}from"./Revitalization-Dbf9J8TA.js";import{t as S}from"./About--uXlb06p.js";import{t as C}from"./CartDrawer-B4LbpROl.js";var w={class:`md:flex-1 md:flex md:items-center`},T={class:`italic font-light text-accent-soft`},E={class:`italic font-light text-brand-soft`},D=`/products/ai/kaiser-natron-pulver-250-g-grosspackung.png`,O=`kaiser-natron-pulver-250-g-grosspackung`,k=`/products/ai/kaiser-natron-bad-500-g.png`,A=`kaiser-natron-pulver-250-g-grosspackung`,j=p({__name:`HomePage`,setup(p){let{t:j}=m(),M=v(),N=e(!1),P=[{key:`nav.shop`,href:`#`},{key:`nav.bundles`,href:`#bundles`},{key:`nav.revitalization`,href:`#revitalize`},{key:`nav.about`,href:`#about`}],F=s(()=>({headline:j(`bundles.headline.a`),headlineEm:j(`bundles.headline.em`),sub:j(`bundles.sub`),joinCta:j(`bundles.joinCta`),benefits:[j(`bundles.benefit.1.title`),j(`bundles.benefit.2.title`),j(`bundles.benefit.3.title`)]})),I=s(()=>({eyebrow:j(`revit.eyebrow`),headline:j(`revit.headline.a`),headlineEm:j(`revit.headline.em`),sub:j(`revit.sub`),notifyCta:j(`revit.notifyCta`),features:[{title:j(`revit.feature.1.title`),icon:`⚗️`},{title:j(`revit.feature.2.title`),icon:`💊`},{title:j(`revit.feature.3.title`),icon:`🌿`}]})),L=s(()=>({eyebrow:j(`about.eyebrow`),headline:j(`about.headline`),sub:j(`about.sub`),milestones:[1,2,3].map(e=>({year:j(`about.milestone.${e}.year`),title:j(`about.milestone.${e}.title`),text:j(`about.milestone.${e}.text`)}))})),ie=[{id:`haushalt`,name:`Haushalts-Bundle`,usage:`2–3× pro Quartal empfohlen`,items:[`1× Kaiser-Natron Pulver 250 g`,`1× Allzweck-Spray 500 ml`,`1× Spülmittel 500 ml`],price:24.9,memberPrice:21.17,image:`/products/cutouts/kaiser-natron-pulver-250-g-grosspackung-removebg-preview-1.png`,imageAlt:`Haushalts-Bundle mit Kaiser-Natron`,badge:`Bestseller`,badgeVariant:`accent`},{id:`waesche`,name:`Wäsche & Pflege`,usage:`1–2× pro Quartal`,items:[`1× Holste Wasch-Soda 500 g`,`1× Gazelle Wäschestärke 1 l`,`1× Linda Fleckenweg 200 ml`],price:22.9,memberPrice:19.47,image:`/products/cutouts/holste-wasch-soda-500-g-beutel-Photoroom.png`,imageAlt:`Wäsche & Pflege Bundle`,badge:``,badgeVariant:`accent`},{id:`wohlfuehl`,name:`Wohlfühl-Bundle`,usage:`1× pro Quartal`,items:[`1× Kaiser-Natron Tabletten 100 g`,`1× Kaiser-Natron Bad 500 g`,`1× Kaiser-Natron Fußbad 500 g`],price:29.9,memberPrice:25.42,image:`/products/cutouts/kaiser-natron-pulver-250-g-grosspackung-removebg-preview-3.png`,imageAlt:`Wohlfühl-Bundle mit Kaiser-Natron Bad`,badge:``,badgeVariant:`accent`}];async function R(){await b(O,1),N.value=!0}async function z(){await b(A,1),N.value=!0}let B={haushalt:`kaiser-natron-pulver-250-g-grosspackung`,waesche:`holste-wasch-soda-500-g-beutel`,wohlfuehl:`kaiser-natron-bad-500-g`};async function V(e){let t=B[e];t&&(await b(t,1),N.value=!0)}function H(){let e=document.getElementById(`bundles`);e&&e.scrollIntoView({behavior:`smooth`,block:`start`})}function U(){}async function W({productId:e,quantity:t}){await g(e,t)}async function G(e){await _(e)}async function K(e){await b(e.id,1),N.value=!0}let q=e(null),J=e(0),Y=e(!1),X=null,Z=null;function Q(){let e=q.value,t=e&&(e.$el||e);!t||typeof window>`u`||(J.value=Math.round(t.getBoundingClientRect().height),document.documentElement.style.setProperty(`--nav-h`,`${J.value}px`))}let ae=s(()=>{let e=J.value;return!e||!Y.value?{}:{minHeight:`calc(100svh - ${e}px)`}});r(()=>{if(y(),typeof window<`u`&&window.matchMedia&&(Z=window.matchMedia(`(min-width: 768px)`),Y.value=Z.matches,Z.addEventListener(`change`,$)),Q(),typeof ResizeObserver<`u`&&q.value){let e=q.value.$el||q.value;X=new ResizeObserver(Q),X.observe(e)}window.addEventListener(`resize`,Q)});function $(e){Y.value=e.matches}return f(()=>{X&&X.disconnect(),Z&&Z.removeEventListener(`change`,$),typeof window<`u`&&window.removeEventListener(`resize`,Q)}),(e,r)=>(t(),d(l,null,[o(te,{ref_key:`navRef`,ref:q,variant:`brand`,layout:`standard`,items:P,"cart-count":n(M).count,products:n(h),onCart:r[0]||=e=>N.value=!0,onSearch:K},null,8,[`cart-count`,`products`]),u(`div`,{class:`flex flex-col bg-brand md:min-h-svh`,style:ee(ae.value)},[u(`div`,w,[o(x,{class:`w-full`,variant:`split`,tone:`brand`,eyebrow:n(j)(`ds.hero.eyebrow`),subheadline:n(j)(`ds.hero.sub`),image:D,"image-alt":`Kaiser-Natron Pulver 250 g Großpackung`,"cta-label":n(j)(`ds.buttons.addToCart`),"secondary-label":n(j)(`ds.buttons.learnMore`),"secondary-href":`/anwendungen`,onCta:R},{headline:i(()=>[c(a(n(j)(`ds.hero.headline.a`))+` `,1),u(`em`,T,a(n(j)(`ds.hero.headline.em`)),1),c(` `+a(n(j)(`ds.hero.headline.b`)),1)]),_:1},8,[`eyebrow`,`subheadline`,`cta-label`,`secondary-label`])]),r[3]||=u(`svg`,{"aria-hidden":`true`,class:`block w-full h-12 md:h-16 shrink-0 -mb-px`,viewBox:`0 0 1440 64`,preserveAspectRatio:`none`},[u(`rect`,{width:`1440`,height:`64`,fill:`var(--color-cream)`}),u(`path`,{d:`M0,0 L0,40 C320,4 520,60 720,32 C920,4 1120,60 1440,24 L1440,0 Z`,fill:`var(--color-brand)`})],-1)],4),o(x,{class:`banner-shrink-desktop -mt-px`,variant:`split`,tone:`cream`,reverse:``,eyebrow:n(j)(`home.banner.eyebrow`),subheadline:n(j)(`home.banner.sub`),image:k,"image-alt":`Kaiser-Natron Pulver 250 g Großpackung`,"cta-label":n(j)(`ds.buttons.addToCart`),"secondary-label":n(j)(`ds.buttons.learnMore`),"secondary-href":`/anwendungen`,onCta:z},{headline:i(()=>[c(a(n(j)(`home.banner.headline.a`))+` `,1),u(`em`,E,a(n(j)(`home.banner.headline.em`)),1),c(` `+a(n(j)(`home.banner.headline.b`)),1)]),_:1},8,[`eyebrow`,`subheadline`,`cta-label`,`secondary-label`]),r[4]||=u(`svg`,{"aria-hidden":`true`,class:`block w-full h-12 md:h-16 shrink-0 -mb-px bg-cream`,viewBox:`0 0 1440 64`,preserveAspectRatio:`none`},[u(`rect`,{width:`1440`,height:`64`,fill:`var(--color-surface)`}),u(`path`,{d:`M0,0 L0,40 C320,4 520,60 720,32 C920,4 1120,60 1440,24 L1440,0 Z`,fill:`var(--color-cream)`})],-1),o(ne,{class:`-mt-px`,bundles:ie,headline:F.value.headline,"headline-em":F.value.headlineEm,sub:F.value.sub,benefits:F.value.benefits,"join-cta":F.value.joinCta,onAdd:V,onJoin:H},null,8,[`headline`,`headline-em`,`sub`,`benefits`,`join-cta`]),r[5]||=u(`svg`,{"aria-hidden":`true`,class:`block w-full h-12 md:h-16 shrink-0 -mb-px bg-surface`,viewBox:`0 0 1440 64`,preserveAspectRatio:`none`},[u(`rect`,{width:`1440`,height:`64`,fill:`var(--color-brand)`}),u(`path`,{d:`M0,0 L0,40 C320,4 520,60 720,32 C920,4 1120,60 1440,24 L1440,0 Z`,fill:`var(--color-surface)`})],-1),o(re,{class:`-mt-px`,eyebrow:I.value.eyebrow,headline:I.value.headline,"headline-em":I.value.headlineEm,sub:I.value.sub,features:I.value.features,"notify-cta":I.value.notifyCta,onNotify:U},null,8,[`eyebrow`,`headline`,`headline-em`,`sub`,`features`,`notify-cta`]),r[6]||=u(`svg`,{"aria-hidden":`true`,class:`block w-full h-12 md:h-16 shrink-0 -mb-px bg-brand`,viewBox:`0 0 1440 64`,preserveAspectRatio:`none`},[u(`rect`,{width:`1440`,height:`64`,fill:`var(--color-cream)`}),u(`path`,{d:`M0,0 L0,40 C320,4 520,60 720,32 C920,4 1120,60 1440,24 L1440,0 Z`,fill:`var(--color-brand)`})],-1),o(S,{class:`-mt-px`,eyebrow:L.value.eyebrow,headline:L.value.headline,sub:L.value.sub,milestones:L.value.milestones},null,8,[`eyebrow`,`headline`,`sub`,`milestones`]),r[7]||=u(`div`,{"aria-hidden":`true`,class:`md:hidden`,style:{height:`calc(100px + env(safe-area-inset-bottom))`}},null,-1),o(C,{modelValue:N.value,"onUpdate:modelValue":r[1]||=e=>N.value=e,items:n(M).items,subtotal:n(M).subtotal,count:n(M).count,onUpdateQuantity:W,onRemove:G,onCheckout:r[2]||=e=>N.value=!1},null,8,[`modelValue`,`items`,`subtotal`,`count`])],64))}},[[`__scopeId`,`data-v-697d5bea`]]);export{j as default};