cloudcommerce 0.24.1 → 0.26.0

package/packages/storefront/dist/server/chunks/pages/{index.astro.0f31fa39.mjs → index.astro.dab642f5.mjs}

@@ -1,11 +1,214 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, b as renderComponent, m as maybeRenderHead, d as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.a7611b51.mjs';
-import { $ as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, a as CarouselControl, b as addProductToCart, P as Prices, l as loadRouteContext, c as $$BaseHead, d as $$PageHeader, e as $$Base } from './_...slug_.astro.0f33557e.mjs';
-import { ref, shallowReactive, computed, useSSRContext, defineComponent, mergeProps, createVNode, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, toDisplayString, withDirectives, vShow, openBlock, createBlock, Fragment, renderList, resolveComponent, createCommentVNode, withModifiers, withAsyncContext } from 'vue';
+import { c as createAstro, a as createComponent, r as renderTemplate, b as renderComponent, F as Fragment, m as maybeRenderHead, d as addAttribute, u as unescapeHTML } from '../astro.bb5b7191.mjs';
+import { _ as _export_sfc, s as socialNetworks, S as SocialNetworkLink, $ as $$Picture, p as parseShippingPhrase, C as Carousel, a as CarouselControl, b as availableExtraDiscount, c as installmentsOption, d as discountOption, l as loyaltyPointsPrograms, e as addProductToCart, f as loadRouteContext, g as $$BaseHead, h as $$PageHeader, j as $$Base } from './_...slug_.astro.fd8a229f.mjs';
+import { useSSRContext, defineComponent, computed, mergeProps, createVNode, resolveDynamicComponent, resolveComponent, withCtx, renderSlot, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, ref, shallowReactive, withDirectives, vShow, Fragment as Fragment$1, renderList, withModifiers, withAsyncContext } from 'vue';
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderVNode, ssrRenderSlot, ssrRenderList, ssrRenderComponent, ssrRenderStyle, ssrRenderClass, ssrRenderAttr } from 'vue/server-renderer';
 import api from '@cloudcommerce/api';
 import { inStock, price, name, img, onPromotion } from '@ecomplus/utils';
-import { ssrRenderAttrs, ssrRenderVNode, ssrRenderSlot, ssrInterpolate, ssrRenderComponent, ssrRenderStyle, ssrRenderList } from 'vue/server-renderer';
 import { useElementHover, watchOnce } from '@vueuse/core';
 
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "PaymentMethodFlag",
+  props: {
+    as: { default: "i" },
+    flag: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const iconClassName = computed(() => {
+      switch (props.flag) {
+        case "pix":
+          return "i-pix text-[#77B6A8]";
+        case "visa":
+          return "i-visa";
+        case "mastercard":
+          return "i-mastercard";
+        case "elo":
+          return "i-elo";
+        case "amex":
+          return "i-amex";
+        case "hipercard":
+          return "i-hipercard";
+        case "diners":
+          return "i-dinersclub";
+        case "discover":
+          return "i-discover";
+        default:
+          return "";
+      }
+    });
+    const __returned__ = { props, iconClassName };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  if (!$setup.iconClassName) {
+    _push(`<b${ssrRenderAttrs(mergeProps({ class: "tracking-tighter leading-none mb-1 text-black text-[57%]" }, _attrs))}>${ssrInterpolate($setup.props.flag)}</b>`);
+  } else {
+    ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
+  }
+}
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/PaymentMethodFlag.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "ShopFooter",
+  props: {
+    stamps: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get socialNetworks() {
+      return socialNetworks;
+    }, SocialNetworkLink, PaymentMethodFlag };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
+  _push(`<footer${ssrRenderAttrs(mergeProps({ class: "w-screen bg-base-50 border-t border-base-100 py-2" }, _attrs))}><div class="ui-section"><div class="pb-7 border-b border-base-200 flex"><div class="text-base">`);
+  ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
+  _push(`<p class="my-3">${ssrInterpolate(_ctx.$settings.description)}</p><div class="flex gap-2 text-base-500"><!--[-->`);
+  ssrRenderList($setup.socialNetworks, (href, network) => {
+    _push(`<span>`);
+    _push(ssrRenderComponent($setup["SocialNetworkLink"], {
+      network,
+      class: "p-1 hover:text-primary"
+    }, null, _parent));
+    _push(`</span>`);
+  });
+  _push(`<!--]--></div></div></div></div><div class="ui-section"><div class="flex justify-between items-start gap-5"><ul class="flex flex-wrap gap-y-3 gap-x-6 lg:gap-x-8"><!--[-->`);
+  ssrRenderList($props.stamps, (stamp, i) => {
+    _push(`<li>`);
+    _push(ssrRenderComponent(_component_ALink, {
+      href: stamp.href?.replace("{domain}", _ctx.$settings.domain || "")
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, `picture-${i}`, {}, null, _push2, _parent2, _scopeId);
+          if (!stamp.img) {
+            _push2(`<span class="flex items-center"${_scopeId}>`);
+            if (stamp.icon) {
+              _push2(`<span class="text-4xl mr-2 [&amp;&gt;*]:bg-gradient-to-br [&amp;&gt;*]:from-success-200 [&amp;&gt;*]:to-success-700"${_scopeId}>`);
+              if (stamp.icon === "lock") {
+                _push2(`<i class="i-lock-closed"${_scopeId}></i>`);
+              } else if (stamp.icon === "check") {
+                _push2(`<i class="i-check-badge"${_scopeId}></i>`);
+              } else {
+                _push2(`<i class="i-arrow-path-rounded-square"${_scopeId}></i>`);
+              }
+              _push2(`</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<span class="text-sm font-medium text-base-600 max-w-[140px]"${_scopeId}>${ssrInterpolate(stamp.alt)} `);
+            if (stamp.href && stamp.href.charAt(0) !== "/") {
+              _push2(`<i class="bg-base-400 ml-0.5 i-arrow-top-right-on-square"${_scopeId}></i>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</span></span>`);
+          } else {
+            _push2(`<!---->`);
+          }
+        } else {
+          return [
+            renderSlot(_ctx.$slots, `picture-${i}`),
+            !stamp.img ? (openBlock(), createBlock("span", {
+              key: 0,
+              class: "flex items-center"
+            }, [
+              stamp.icon ? (openBlock(), createBlock("span", {
+                key: 0,
+                class: "text-4xl mr-2 [&>*]:bg-gradient-to-br [&>*]:from-success-200 [&>*]:to-success-700"
+              }, [
+                stamp.icon === "lock" ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: "i-lock-closed"
+                })) : stamp.icon === "check" ? (openBlock(), createBlock("i", {
+                  key: 1,
+                  class: "i-check-badge"
+                })) : (openBlock(), createBlock("i", {
+                  key: 2,
+                  class: "i-arrow-path-rounded-square"
+                }))
+              ])) : createCommentVNode("", true),
+              createVNode("span", { class: "text-sm font-medium text-base-600 max-w-[140px]" }, [
+                createTextVNode(toDisplayString(stamp.alt) + " ", 1),
+                stamp.href && stamp.href.charAt(0) !== "/" ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: "bg-base-400 ml-0.5 i-arrow-top-right-on-square"
+                })) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true)
+          ];
+        }
+      }),
+      _: 2
+    }, _parent));
+    _push(`</li>`);
+  });
+  _push(`<!--]--></ul><div class="flex flex-wrap md:flex-nowrap justify-end items-center gap-4 text-3xl md:text-2xl"><!--[-->`);
+  ssrRenderList(_ctx.$settings.payment_methods, (paymentMethod) => {
+    _push(ssrRenderComponent($setup["PaymentMethodFlag"], {
+      key: paymentMethod,
+      flag: paymentMethod
+    }, null, _parent));
+  });
+  _push(`<!--]--></div></div><div class="mt-6 text-xs text-center md:text-left md:flex justify-between gap-4"><div class="mb-3 md:mb-0"> @ ${ssrInterpolate(( new Date()).getFullYear())} ${ssrInterpolate(_ctx.$settings.corporate_name)} ${ssrInterpolate(_ctx.$settings.address ? `/ ${_ctx.$settings.address}` : "")} / ${ssrInterpolate(_ctx.$settings.doc_number)}</div>`);
+  _push(ssrRenderComponent(_component_ALink, {
+    href: "https://www.ecomplus.io/",
+    class: "italic text-[#37003c]"
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(` powered by <b${_scopeId}>E-Com Plus</b>`);
+      } else {
+        return [
+          createTextVNode(" powered by "),
+          createVNode("b", null, "E-Com Plus")
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</div></div></footer>`);
+}
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopFooter.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+
+const $$Astro$6 = createAstro("https://ecom2-demo.web.app");
+const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  Astro2.self = $$PageFooter;
+  const { routeContext } = Astro2.locals;
+  const { settings, getContent, isHomepage } = routeContext;
+  const LogoHeading = isHomepage ? "h2" : "h3";
+  const layoutContent = await getContent("layout");
+  const {
+    footer: { stamps }
+  } = layoutContent;
+  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
+    ${maybeRenderHead()}<a href="/">
+      ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
+        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })}
+      ` })}
+    </a>
+  ` })}` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageFooter.astro", void 0);
+
 const useProductShelf = (props) => {
   const title = ref(props.title || "");
   const titleLink = ref(props.titleLink || "");
@@ -216,8 +419,8 @@ const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
     subtitle,
     buttonText,
     index,
-    class: className = "max-w-screen-2xl",
-    mobileClass = "max-w-screen-sm"
+    class: className = "max-w-screen-sm sm:max-w-[828px] md:max-w-screen-2xl",
+    mobileClass = "max-w-screen-sm sm:max-w-screen-lg"
   } = Astro2.props;
   const hasHeader = title || subtitle || buttonText;
   let { widths, mobileWidths } = Astro2.props;
@@ -225,16 +428,17 @@ const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
     if (mobileImg) {
       widths = [1536, 2048];
     } else {
-      widths = [856, 1536, 2048];
+      widths = [640, 828, 1536, 2048];
       if (hasHeader) {
         widths = widths.map((w) => w / 2);
       }
     }
   }
   if (!mobileWidths?.length) {
-    mobileWidths = [720, 856];
+    mobileWidths = [640, 1024];
   }
-  return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto ${className}` })}`}${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `md:hidden mx-auto ${mobileClass}` })}`}`;
+  return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto text-sm text-opacity-70 ${className}` })}`}
+${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `md:hidden mx-auto text-sm text-opacity-70 ${mobileClass}` })}`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/BannerPictures.astro", void 0);
 
 const useBanner = (props) => {
@@ -258,7 +462,7 @@ const useBanner = (props) => {
   };
 };
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     img: {},
@@ -285,11 +489,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
   _push(`<div${ssrRenderAttrs(mergeProps({
     class: ["mx-auto overflow-x-hidden", $setup.hasHeader ? "grid grid-cols-1 sm:grid-cols-2 items-center" : null]
   }, _attrs))}>`);
-  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.href ? "a-link" : "span"), {
+  _push(ssrRenderComponent(_component_ALink, {
     href: $props.href,
     class: $setup.hasHeader ? "sm:order-last [&_img]:max-w-full sm:[&_img]:max-w-none [&_img]:aspect-video sm:[&_img]:aspect-[2.5] [&_img]:object-cover" : "[&_img]:max-w-full"
   }, {
@@ -303,7 +508,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       }
     }),
     _: 3
-  }), _parent);
+  }, _parent));
   if ($setup.hasHeader) {
     _push(`<div class="p-12 xl:ps-32 mb-3 sm:mb-0">`);
     if ($setup.parsedTitle) {
@@ -328,7 +533,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       _push(`<!---->`);
     }
     if ($setup.parsedButtonText) {
-      ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.buttonLink ? "a-link" : "span"), {
+      _push(ssrRenderComponent(_component_ALink, {
         href: $props.buttonLink,
         class: "ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"
       }, {
@@ -342,7 +547,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           }
         }),
         _: 1
-      }), _parent);
+      }, _parent));
     } else {
       _push(`<!---->`);
     }
@@ -352,15 +557,15 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div>`);
 }
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Banner.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
 };
-const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
+const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "HeroSlider",
   props: {
     autoplay: {},
@@ -373,7 +578,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative mx-auto" }, _attrs))}>`);
   _push(ssrRenderComponent($setup["Carousel"], {
     autoplay: $props.autoplay,
@@ -458,7 +663,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         _push2(`<!--]-->`);
       } else {
         return [
-          (openBlock(true), createBlock(Fragment, null, renderList($props.slides, (slide, i) => {
+          (openBlock(true), createBlock(Fragment$1, null, renderList($props.slides, (slide, i) => {
             return openBlock(), createBlock("li", {
               key: i,
               class: "shrink-0 basis-full"
@@ -478,20 +683,26 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</section>`);
 }
-const _sfc_setup$2 = _sfc_main$2.setup;
-_sfc_main$2.setup = (props, ctx) => {
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/HeroSlider.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const HeroSlider = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+const HeroSlider = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
 
 const $$Astro$4 = createAstro("https://ecom2-demo.web.app");
 const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
   Astro2.self = $$BannersGrid;
   const { banners } = Astro2.props;
-  return renderTemplate`${maybeRenderHead()}<section class="ui-section"><ul class="flex flex-wrap lg:flex-nowrap gap-4">${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover">${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })}</li>`)}</ul></section>`;
+  return renderTemplate`${maybeRenderHead()}<section class="ui-section">
+  <ul class="flex flex-wrap lg:flex-nowrap gap-4">
+    ${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover">
+        ${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })}
+      </li>`)}
+  </ul>
+</section>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/BannersGrid.astro", void 0);
 
 const useProductCard = (props) => {
@@ -572,6 +783,329 @@ const useProductCard = (props) => {
   };
 };
 
+const getPriceWithDiscount = (price, discount) => {
+  const { type, value } = discount;
+  let priceWithDiscount;
+  if (value) {
+    if (type === "percentage") {
+      priceWithDiscount = price * ((100 - value) / 100);
+    } else {
+      priceWithDiscount = price - value;
+    }
+    return priceWithDiscount > 0 ? priceWithDiscount : 0;
+  }
+  return price;
+};
+const usePrices = (props) => {
+  const _product = computed(() => {
+    return props.product || {
+      price: props.price || 0,
+      base_price: props.basePrice
+    };
+  });
+  const hasVariedPrices = computed(() => {
+    const { variations } = _product.value;
+    if (variations) {
+      const productPrice = price(_product.value);
+      for (let i = 0; i < variations.length; i++) {
+        const price$1 = price({
+          ..._product.value,
+          ...variations[i]
+        });
+        if (price$1 > productPrice) {
+          return true;
+        }
+      }
+    }
+    return false;
+  });
+  const salePrice = computed(() => {
+    const price$1 = price(_product.value);
+    const discount = availableExtraDiscount.value;
+    if (discount && (!discount.min_amount || price$1 > discount.min_amount)) {
+      return getPriceWithDiscount(price$1, discount);
+    }
+    return price$1;
+  });
+  const comparePrice = computed(() => {
+    if (onPromotion(_product.value)) {
+      return _product.value.base_price;
+    }
+    const price$1 = price(_product.value);
+    if (price$1 > salePrice.value) {
+      return price$1;
+    }
+    return 0;
+  });
+  const installmentsObject = computed(() => {
+    return props.installmentsOption || installmentsOption.value || { max_number: 1 };
+  });
+  const installmentsNumber = computed(() => {
+    if (installmentsObject.value.max_number <= 1) {
+      return 1;
+    }
+    const minInstallment = installmentsObject.value.min_installment || 5;
+    const maxInstallmentsNumber = Math.floor(salePrice.value / minInstallment);
+    return Math.min(maxInstallmentsNumber, installmentsObject.value.max_number);
+  });
+  const monthlyInterest = computed(() => {
+    return installmentsObject.value.monthly_interest || 0;
+  });
+  const installmentValue = computed(() => {
+    if (installmentsNumber.value >= 2) {
+      if (!monthlyInterest.value) {
+        return salePrice.value / installmentsNumber.value;
+      }
+      const interest = monthlyInterest.value / 100;
+      return salePrice.value * interest / (1 - (1 + interest) ** -installmentsNumber.value);
+    }
+    return 0;
+  });
+  const discountObject = computed(() => {
+    const discount = props.discountOption || discountOption.value;
+    if (discount && (!discount.min_amount || discount.min_amount <= salePrice.value) && (!props.isAmountTotal || discount.apply_at === "total")) {
+      return discount;
+    }
+    return {};
+  });
+  const discountLabel = computed(() => {
+    const { label } = discountObject.value;
+    if (label) {
+      if (label.includes(" ")) {
+        return label;
+      }
+      return `via ${label}`;
+    }
+    return "";
+  });
+  const priceWithDiscount = computed(() => {
+    return getPriceWithDiscount(salePrice.value, discountObject.value);
+  });
+  const pointsProgramObject = computed(() => {
+    if (props.loyaltyPointsProgram) {
+      return props.loyaltyPointsProgram;
+    }
+    const pointsPrograms = loyaltyPointsPrograms.value;
+    if (pointsPrograms) {
+      const programIds = Object.keys(pointsPrograms);
+      for (let i = 0; i < programIds.length; i++) {
+        const program = pointsPrograms[programIds[i]];
+        if (program?.earn_percentage && program.earn_percentage > 0) {
+          return program;
+        }
+      }
+    }
+    return { ratio: 0 };
+  });
+  const pointsMinPrice = computed(() => {
+    return pointsProgramObject.value.min_subtotal_to_earn || 0;
+  });
+  const pointsProgramName = computed(() => {
+    return pointsProgramObject.value.name || "";
+  });
+  const earnPointsPercentage = computed(() => {
+    return pointsProgramObject.value.earn_percentage || 0;
+  });
+  const cashbackPercentage = computed(() => {
+    return earnPointsPercentage.value * pointsProgramObject.value.ratio;
+  });
+  const cashbackValue = computed(() => {
+    return cashbackPercentage.value >= 1 ? salePrice.value * (cashbackPercentage.value / 100) : 0;
+  });
+  return {
+    hasVariedPrices,
+    salePrice,
+    comparePrice,
+    installmentsObject,
+    installmentsNumber,
+    monthlyInterest,
+    installmentValue,
+    discountObject,
+    discountLabel,
+    priceWithDiscount,
+    pointsProgramObject,
+    pointsMinPrice,
+    pointsProgramName,
+    earnPointsPercentage,
+    cashbackPercentage,
+    cashbackValue
+  };
+};
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Prices",
+  props: {
+    isBig: { type: Boolean },
+    isLiteral: { type: Boolean },
+    hasCashback: { type: Boolean, default: true },
+    hasPriceOptions: { type: Boolean, default: true },
+    product: {},
+    price: {},
+    basePrice: {},
+    isAmountTotal: { type: Boolean },
+    installmentsOption: {},
+    discountOption: {},
+    loyaltyPointsProgram: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      hasVariedPrices,
+      salePrice,
+      comparePrice,
+      cashbackPercentage,
+      cashbackValue,
+      installmentsNumber,
+      monthlyInterest,
+      installmentValue,
+      priceWithDiscount,
+      discountLabel
+    } = usePrices(props);
+    const __returned__ = { props, hasVariedPrices, salePrice, comparePrice, cashbackPercentage, cashbackValue, installmentsNumber, monthlyInterest, installmentValue, priceWithDiscount, discountLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Fade = resolveComponent("Fade");
+  _push(`<div${ssrRenderAttrs(mergeProps({
+    class: ["text-base-600 [&>div]:[font-size:90%] [&_small]:lowercase [&_small]:[font-size:92%]", $props.isBig ? "text-lg" : null],
+    "data-prices": ""
+  }, _attrs))}>`);
+  if ($setup.comparePrice) {
+    _push(`<span class="text-base-500 mr-1 text-[87%]">`);
+    if ($props.isLiteral) {
+      _push(`<small>${ssrInterpolate(`${"De"} `)}</small>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`<s>${ssrInterpolate(_ctx.$money($setup.comparePrice))}</s>`);
+    if ($props.isLiteral) {
+      _push(`<small>${ssrInterpolate(` ${"Por"}`)}</small>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`</span>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<strong class="${ssrRenderClass([$props.isBig ? "text-5xl block" : null, "inline-block text-base-800"])}">`);
+  if ($setup.hasVariedPrices) {
+    _push(`<small>${ssrInterpolate(`${"A partir de"} `)}</small>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(` ${ssrInterpolate(_ctx.$money($setup.salePrice))}</strong>`);
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.cashbackValue && $props.hasCashback) {
+          _push2(`<div class="relative z-10"${_scopeId}><span${ssrRenderAttr("data-tooltip", "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage)))}${_scopeId}><i class="i-arrow-uturn-left mr-1"${_scopeId}></i><span class="font-medium"${_scopeId}>${ssrInterpolate(_ctx.$money($setup.cashbackValue))}</span><small${_scopeId}> cashback</small></span></div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $setup.cashbackValue && $props.hasCashback ? (openBlock(), createBlock("div", {
+            key: 0,
+            class: "relative z-10"
+          }, [
+            createVNode("span", {
+              "data-tooltip": "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage))
+            }, [
+              createVNode("i", { class: "i-arrow-uturn-left mr-1" }),
+              createVNode("span", { class: "font-medium" }, toDisplayString(_ctx.$money($setup.cashbackValue)), 1),
+              createVNode("small", null, " cashback")
+            ], 8, ["data-tooltip"])
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.installmentValue && $props.hasPriceOptions) {
+          _push2(`<div${_scopeId}>`);
+          if ($props.isLiteral) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(`${"At\xE9"} `)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(` ${ssrInterpolate($setup.installmentsNumber)}x `);
+          if ($props.isLiteral) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(` ${"De"} `)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.installmentValue))}</span>`);
+          if (!$setup.monthlyInterest && $props.isLiteral) {
+            _push2(`<small${_scopeId}>${ssrInterpolate("Sem juros")}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`</div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $setup.installmentValue && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
+            $props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"At\xE9"} `))) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString($setup.installmentsNumber) + "x ", 1),
+            $props.isLiteral ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${"De"} `))) : createCommentVNode("", true),
+            createVNode("span", null, toDisplayString(_ctx.$money($setup.installmentValue)), 1),
+            !$setup.monthlyInterest && $props.isLiteral ? (openBlock(), createBlock("small", { key: 2 }, toDisplayString("Sem juros"))) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions) {
+          _push2(`<div${_scopeId}>`);
+          if (!$setup.discountLabel) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(`${"A partir de"} `)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.priceWithDiscount))}</span>`);
+          if ($setup.discountLabel) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(` ${$setup.discountLabel}`)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`</div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
+            !$setup.discountLabel ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"A partir de"} `))) : createCommentVNode("", true),
+            createVNode("span", null, toDisplayString(_ctx.$money($setup.priceWithDiscount)), 1),
+            $setup.discountLabel ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${$setup.discountLabel}`), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</div>`);
+}
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Prices.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ProductCard",
   props: {
@@ -606,13 +1140,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
   const _component_AImg = resolveComponent("AImg");
   _push(`<article${ssrRenderAttrs(mergeProps({
     ref: "card",
     "data-sku": $setup.product.sku,
     class: "relative h-full max-w-[350px] mx-auto py-3 group"
   }, _attrs))}>`);
-  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($setup.link ? "ALink" : "span"), {
+  _push(ssrRenderComponent(_component_ALink, {
     href: $setup.link,
     class: "flex flex-col h-full rounded overflow-hidden group-hover:shadow group-hover:ring-1 ring-black/5"
   }, {
@@ -620,7 +1155,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       if (_push2) {
         _push2(`<div class="aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform"${_scopeId}><div class="relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none"${_scopeId}>`);
         if ($setup.images?.length) {
-          _push2(`<!--[-->`);
+          _push2(`<span class="text-xs text-opacity-70"${_scopeId}>`);
           _push2(ssrRenderComponent(_component_AImg, {
             picture: $setup.images[0],
             alt: $setup.title,
@@ -635,7 +1170,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           } else {
             _push2(`<!---->`);
           }
-          _push2(`<!--]-->`);
+          _push2(`</span>`);
         } else {
           _push2(`<div class="w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"${_scopeId}></div>`);
         }
@@ -682,7 +1217,10 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         return [
           createVNode("div", { class: "aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform" }, [
             createVNode("div", { class: "relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none" }, [
-              $setup.images?.length ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+              $setup.images?.length ? (openBlock(), createBlock("span", {
+                key: 0,
+                class: "text-xs text-opacity-70"
+              }, [
                 createVNode(_component_AImg, {
                   picture: $setup.images[0],
                   alt: $setup.title,
@@ -694,7 +1232,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   alt: $setup.title,
                   class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
                 }, null, 8, ["picture", "alt"])) : createCommentVNode("", true)
-              ], 64)) : (openBlock(), createBlock("div", {
+              ])) : (openBlock(), createBlock("div", {
                 key: 1,
                 class: "w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
               }))
@@ -741,7 +1279,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       }
     }),
     _: 1
-  }), _parent);
+  }, _parent));
   _push(`</article>`);
 }
 const _sfc_setup$1 = _sfc_main$1.setup;
@@ -788,25 +1326,21 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
   if ($setup.title) {
     _push(`<div class="max-w-prose mx-auto text-center mb-2"><h2 class="ui-text-brand text-3xl">`);
-    if ($setup.titleLink) {
-      _push(ssrRenderComponent(_component_ALink, {
-        href: $setup.titleLink,
-        class: "ui-link"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate($setup.title)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString($setup.title), 1)
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
-    } else {
-      _push(`<span class="text-base-700">${ssrInterpolate($setup.title)}</span>`);
-    }
+    _push(ssrRenderComponent(_component_ALink, {
+      href: $setup.titleLink,
+      class: $setup.titleLink ? "ui-link" : "text-base-700"
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`${ssrInterpolate($setup.title)}`);
+        } else {
+          return [
+            createTextVNode(toDisplayString($setup.title), 1)
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
     _push(`</h2></div>`);
   } else {
     _push(`<!---->`);
@@ -846,7 +1380,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
         _push2(`<!--]-->`);
       } else {
         return [
-          (openBlock(true), createBlock(Fragment, null, renderList($setup.products, (product) => {
+          (openBlock(true), createBlock(Fragment$1, null, renderList($setup.products, (product) => {
             return openBlock(), createBlock("li", {
               key: product._id,
               class: "basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"
@@ -882,7 +1416,8 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
       return { props: content };
     }
   });
-  return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12">${sections.map(({ type, props }) => {
+  return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12">
+  ${sections.map(({ type, props }) => {
     switch (type) {
       case "product-shelf":
         return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
@@ -893,7 +1428,8 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
       default:
         return renderTemplate`<div${addAttribute(type, "data-section")}></div>`;
     }
-  })}</article>`;
+  })}
+</article>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro", void 0);
 
 const $$Astro$2 = createAstro("https://ecom2-demo.web.app");
@@ -903,7 +1439,10 @@ const $$Home = createComponent(async ($$result, $$props, $$slots) => {
   const { routeContext } = Astro2.locals;
   const { heroSlider } = await usePageHero({ routeContext });
   const heroSlides = heroSlider.slides;
-  return renderTemplate`${maybeRenderHead()}<main>${heroSlider.slides.length && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/HeroSlider.vue", "client:component-export": "default" }, { "picture-0": ($$result2) => renderTemplate`${heroSlides[0] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-0", ...heroSlides[0], "index": 0 })}`}`, "picture-1": ($$result2) => renderTemplate`${heroSlides[1] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-1", ...heroSlides[1], "index": 1 })}`}`, "picture-2": ($$result2) => renderTemplate`${heroSlides[2] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-2", ...heroSlides[2], "index": 2 })}`}`, "picture-3": ($$result2) => renderTemplate`${heroSlides[3] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-3", ...heroSlides[3], "index": 3 })}`}`, "picture-4": ($$result2) => renderTemplate`${heroSlides[4] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-4", ...heroSlides[4], "index": 4 })}`}`, "picture-5": ($$result2) => renderTemplate`${heroSlides[5] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-5", ...heroSlides[5], "index": 5 })}`}`, "picture-6": ($$result2) => renderTemplate`${heroSlides[6] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-6", ...heroSlides[6], "index": 6 })}`}`, "picture-7": ($$result2) => renderTemplate`${heroSlides[7] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-7", ...heroSlides[7], "index": 7 })}`}`, "picture-8": ($$result2) => renderTemplate`${heroSlides[8] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-8", ...heroSlides[8], "index": 8 })}`}`, "picture-9": ($$result2) => renderTemplate`${heroSlides[9] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-9", ...heroSlides[9], "index": 9 })}`}` })}`}${renderComponent($$result, "Sections", $$Sections, {})}</main>`;
+  return renderTemplate`${maybeRenderHead()}<main>
+  ${heroSlider.slides.length && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/HeroSlider.vue", "client:component-export": "default" }, { "picture-0": ($$result2) => renderTemplate`${heroSlides[0] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-0", ...heroSlides[0], "index": 0 })}`}`, "picture-1": ($$result2) => renderTemplate`${heroSlides[1] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-1", ...heroSlides[1], "index": 1 })}`}`, "picture-2": ($$result2) => renderTemplate`${heroSlides[2] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-2", ...heroSlides[2], "index": 2 })}`}`, "picture-3": ($$result2) => renderTemplate`${heroSlides[3] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-3", ...heroSlides[3], "index": 3 })}`}`, "picture-4": ($$result2) => renderTemplate`${heroSlides[4] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-4", ...heroSlides[4], "index": 4 })}`}`, "picture-5": ($$result2) => renderTemplate`${heroSlides[5] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-5", ...heroSlides[5], "index": 5 })}`}`, "picture-6": ($$result2) => renderTemplate`${heroSlides[6] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-6", ...heroSlides[6], "index": 6 })}`}`, "picture-7": ($$result2) => renderTemplate`${heroSlides[7] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-7", ...heroSlides[7], "index": 7 })}`}`, "picture-8": ($$result2) => renderTemplate`${heroSlides[8] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-8", ...heroSlides[8], "index": 8 })}`}`, "picture-9": ($$result2) => renderTemplate`${heroSlides[9] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-9", ...heroSlides[9], "index": 9 })}`}` })}`}
+  ${renderComponent($$result, "Sections", $$Sections, {})}
+</main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro", void 0);
 
 const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
@@ -920,7 +1459,15 @@ const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
     }
     loadError = err;
   }
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`${renderComponent($$result2, "PageHeader", $$PageHeader, {})}${renderComponent($$result2, "HomeMain", $$Home, {})}` })}`}${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment$1, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}</html>`;
+  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
+${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`
+    
+    ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
+    ${renderComponent($$result2, "HomeMain", $$Home, {})}
+    ${renderComponent($$result2, "PageFooter", $$PageFooter, {})}
+  ` })}`}
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
+</html>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", void 0);
 
 const $$file$1 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
@@ -950,4 +1497,4 @@ const index = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { index as a, index$1 as i };
+export { Prices as P, index as a, index$1 as i };