cloudcommerce 2.0.4 → 2.0.6

package/packages/storefront/dist/server/chunks/pages/{__cEcxuEWe.mjs → __fI3NeWvy.mjs}

@@ -1,23 +1,25 @@
+import { img, imgSizes, i18n, formatMoney, price, randomObjectId, nickname, inStock, gridTitle, categoriesList, name, onPromotion, variationsGrids, specTextValue, specValueByText } from '@ecomplus/utils';
 import '@astrojs/internal-helpers/path';
-import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot, F as Fragment } from '../astro_PpArQAsY.mjs';
+import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot$1, F as Fragment } from '../astro_H-6uiAAG.mjs';
 import 'kleur/colors';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs, { copyFileSync } from 'node:fs';
 import { resolve, join, basename as basename$1 } from 'node:path';
+import { parse } from 'yaml';
 import config from '@cloudcommerce/config';
-import { img, price, formatMoney, randomObjectId, nickname, inStock, gridTitle, name, onPromotion, categoriesList, imgSizes, variationsGrids, specTextValue, specValueByText } from '@ecomplus/utils';
 import 'clsx';
 /* empty css                           */
-import { renderSync, parse, ELEMENT_NODE, walkSync } from 'ultrahtml';
+import { renderSync, parse as parse$1, ELEMENT_NODE, walkSync } from 'ultrahtml';
 import mime from 'mime/lite.js';
-import { i as isESMImportedImage, a as isLocalService, b as isRemoteImage, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_TpUb271h.mjs';
+import { i as isESMImportedImage, a as isLocalService, b as isRemoteImage, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_gJYJeEDH.mjs';
 import imageSize from 'image-size';
-import { reactive, computed, shallowRef, useSSRContext, defineComponent, resolveComponent, mergeProps, withCtx, withDirectives, createVNode, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, watch, ref, toRef, nextTick, withModifiers, renderSlot as renderSlot$1, Teleport, resolveDynamicComponent, onMounted, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, inject, provide, vModelRadio } from 'vue';
-import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderClass, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderSlot, ssrRenderTeleport, ssrRenderVNode, ssrInterpolate, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
-import { watchDebounced, useDebounceFn, useTimeout, promiseTimeout, watchOnce, onClickOutside, useUrlSearchParams, useElementHover, createReusableTemplate } from '@vueuse/core';
+import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
+import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
+import { useScroll, useElementHover, useDebounceFn, watchDebounced, useTimeout, promiseTimeout, watchOnce, onClickOutside, useUrlSearchParams, createReusableTemplate } from '@vueuse/core';
 import mitt from 'mitt';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem, Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/vue';
+import { micromark } from 'micromark';
 
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -27,11 +29,616 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  __name: "Fade",
+  props: {
+    speed: { default: "default" },
+    slide: {},
+    isFloating: { type: Boolean, default: false },
+    isLeaveTo: { type: Boolean, default: true },
+    isEnterFrom: { type: Boolean, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const duration = computed(() => {
+      if (props.speed === "default")
+        return "var(--transition, .2s linear)";
+      return `var(--transition-${props.speed}, .4s linear)`;
+    });
+    const transform = computed(() => {
+      switch (props.slide) {
+        case "down":
+          return "translate3d(0, -100%, 0)";
+        case "left":
+          return "translate3d(-100%, 0, 0)";
+        case "right":
+          return "translate3d(100%, 0, 0)";
+        case "up":
+          return "translate3d(0, 100%, 0)";
+        default:
+          return "none";
+      }
+    });
+    const opacity = computed(() => {
+      return transform.value !== "none" ? 0.1 : 0;
+    });
+    const enterFromOpacity = computed(() => {
+      return props.isEnterFrom ? opacity.value : 1;
+    });
+    const leaveToOpacity = computed(() => {
+      return props.isLeaveTo ? opacity.value : 1;
+    });
+    const enterFromTransform = computed(() => {
+      return props.isEnterFrom ? transform.value : "none";
+    });
+    const leaveToTransform = computed(() => {
+      return props.isLeaveTo ? transform.value : "none";
+    });
+    const isSlideY = computed(() => {
+      return props.slide === "down" || props.slide === "up";
+    });
+    const height = computed(() => {
+      if (props.isFloating)
+        return null;
+      return isSlideY.value ? 0 : "auto";
+    });
+    const width = computed(() => {
+      if (props.isFloating)
+        return null;
+      return props.slide && !isSlideY.value ? 0 : "auto";
+    });
+    const enterFromHeight = computed(() => {
+      return props.isEnterFrom ? height.value : "auto";
+    });
+    const enterFromWidth = computed(() => {
+      return props.isEnterFrom ? width.value : "auto";
+    });
+    const willChange = computed(() => {
+      let properties = "opacity";
+      if (transform.value !== "none")
+        properties += ", transform";
+      if (height.value === 0)
+        properties += ", height";
+      if (width.value === 0)
+        properties += ", width";
+      return properties;
+    });
+    const setInitialStyles = (el) => {
+      el.style.setProperty("--fade-will-change", willChange.value);
+      el.style.setProperty("--fade-duration", duration.value);
+      el.style.setProperty("--fade-enter-opacity", String(enterFromOpacity.value));
+      el.style.setProperty("--fade-enter-transform", String(enterFromTransform.value));
+      el.style.setProperty("--fade-enter-height", String(enterFromHeight.value));
+      el.style.setProperty("--fade-enter-width", String(enterFromWidth.value));
+      el.style.setProperty("--fade-leave-opacity", String(leaveToOpacity.value));
+      el.style.setProperty("--fade-leave-transform", String(leaveToTransform.value));
+    };
+    const onEnter = (el) => {
+      if (props.slide && !props.isFloating && props.isEnterFrom) {
+        if (isSlideY.value) {
+          el.style.width = getComputedStyle(el).width;
+          el.style.height = "auto";
+        } else {
+          el.style.width = "auto";
+          el.style.height = getComputedStyle(el).height;
+        }
+        el.style.position = "absolute";
+        el.style.visibility = "hidden";
+        const { width: width2, height: height2 } = getComputedStyle(el);
+        el.style.width = isSlideY.value ? "" : "0";
+        el.style.height = isSlideY.value ? "0" : "";
+        el.style.position = "";
+        el.style.visibility = "";
+        getComputedStyle(el)[isSlideY.value ? "height" : "width"];
+        requestAnimationFrame(() => {
+          if (isSlideY.value) {
+            el.style.height = height2;
+          } else {
+            el.style.width = width2;
+          }
+        });
+      }
+    };
+    const onAfterEnter = (el) => {
+      if (props.slide && !props.isFloating && props.isEnterFrom) {
+        el.style[isSlideY.value ? "height" : "width"] = "";
+      }
+    };
+    const onLeave = (el) => {
+      if (props.slide && !props.isFloating && props.isLeaveTo) {
+        if (isSlideY.value) {
+          el.style.height = getComputedStyle(el).height;
+        } else {
+          el.style.width = getComputedStyle(el).width;
+        }
+        const sizeProp = isSlideY.value ? "height" : "width";
+        getComputedStyle(el)[sizeProp];
+        requestAnimationFrame(() => {
+          el.style[sizeProp] = "0";
+        });
+      }
+    };
+    const __returned__ = { props, duration, transform, opacity, enterFromOpacity, leaveToOpacity, enterFromTransform, leaveToTransform, isSlideY, height, width, enterFromHeight, enterFromWidth, willChange, setInitialStyles, onEnter, onAfterEnter, onLeave };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$F(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  ssrRenderSlotInner(_ctx.$slots, "default", {}, null, _push, _parent, null, true);
+}
+const _sfc_setup$F = _sfc_main$F.setup;
+_sfc_main$F.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/Fade.vue");
+  return _sfc_setup$F ? _sfc_setup$F(props, ctx) : void 0;
+};
+const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["ssrRender", _sfc_ssrRender$F]]);
+
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "ALink",
+  props: {
+    href: {},
+    target: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const linkTarget = computed(() => {
+      if (!props.href)
+        return void 0;
+      if (props.target)
+        return props.target;
+      if (props.href.startsWith("http")) {
+        const domain = globalThis.$storefront.settings.domain || window.location.host;
+        if (props.href.startsWith(`https://${domain}`))
+          return void 0;
+      }
+      return void 0;
+    });
+    const __returned__ = { props, linkTarget };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$E(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.href ? "a" : "span"), mergeProps({
+    href: $props.href,
+    target: $setup.linkTarget,
+    rel: $setup.linkTarget === "_blank" ? "noopener" : void 0
+  }, _attrs), {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+  }), _parent);
+}
+const _sfc_setup$E = _sfc_main$E.setup;
+_sfc_main$E.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/ALink.vue");
+  return _sfc_setup$E ? _sfc_setup$E(props, ctx) : void 0;
+};
+const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["ssrRender", _sfc_ssrRender$E]]);
+
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  __name: "AImg",
+  props: {
+    picture: {},
+    loading: { default: "lazy" },
+    decoding: {},
+    alt: {},
+    preferredSize: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const image = computed(() => {
+      if (props.picture.url) {
+        return props.picture;
+      }
+      return img(props.picture, void 0, props.preferredSize) || {};
+    });
+    const dimensions = computed(() => {
+      return imgSizes(image.value);
+    });
+    const attrs = computed(() => ({
+      src: image.value.url,
+      alt: image.value.alt || props.alt,
+      width: dimensions.value.width || void 0,
+      height: dimensions.value.height || void 0,
+      loading: props.loading,
+      decoding: props.decoding || (dimensions.value.height ? "async" : void 0)
+    }));
+    const __returned__ = { props, image, dimensions, attrs };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$D(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<img${ssrRenderAttrs(mergeProps($setup.attrs, _attrs))}>`);
+}
+const _sfc_setup$D = _sfc_main$D.setup;
+_sfc_main$D.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/AImg.vue");
+  return _sfc_setup$D ? _sfc_setup$D(props, ctx) : void 0;
+};
+const AImg = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["ssrRender", _sfc_ssrRender$D]]);
+
+const rowClassName = "bg-gray-200 rounded-md dark:bg-gray-700";
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "Skeleton",
+  props: {
+    isBold: { type: Boolean },
+    isLarge: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const firstRowClassName = computed(() => {
+      return `${rowClassName} ${props.isBold ? "h-8 mb-6" : "h-2.5 mb-4"}`;
+    });
+    const nextRowsClassName = computed(() => {
+      return `${rowClassName} ${props.isBold ? "h-5 mb-4" : "h-2 mb-2.5"}`;
+    });
+    const __returned__ = { props, rowClassName, firstRowClassName, nextRowsClassName };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$C(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(mergeProps({
+    role: "status",
+    class: ["animate-pulse", $props.isLarge ? "max-w-4xl" : "max-w-sm"]
+  }, _attrs))}><div class="${ssrRenderClass([$setup.firstRowClassName, $props.isLarge ? "w-96" : "w-48"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[680px]" : "max-w-[340px]"])}"></div><div class="${ssrRenderClass($setup.nextRowsClassName)}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[660px]" : "max-w-[330px]"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[600px]" : "max-w-[300px]"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[720px]" : "max-w-[360px]"])}"></div><span class="sr-only">Loading...</span></div>`);
+}
+const _sfc_setup$C = _sfc_main$C.setup;
+_sfc_main$C.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/globals/Skeleton.vue");
+  return _sfc_setup$C ? _sfc_setup$C(props, ctx) : void 0;
+};
+const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["ssrRender", _sfc_ssrRender$C]]);
+
+const formatPercentage = (value, digits = 1) => {
+  return Number.isInteger(value) ? `${value}%` : `${value.toFixed(digits)}%`;
+};
+const createApp$1 = (app) => {
+  app.use({
+    // eslint-disable-next-line no-shadow
+    install: (app2, options) => {
+      app2.config.globalProperties.$t = (dict, lang) => {
+        return i18n(dict, lang || options?.lang);
+      };
+      app2.config.globalProperties.$money = formatMoney;
+      app2.config.globalProperties.$percentage = formatPercentage;
+      app2.config.globalProperties.$settings = globalThis.$storefront.settings;
+      app2.config.globalProperties.$apiContext = globalThis.$storefront.apiContext;
+    }
+  });
+  app.component("Fade", Fade);
+  app.component("ALink", ALink);
+  app.component("AImg", AImg);
+  app.component("Skeleton", Skeleton);
+};
+
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "CarouselControl",
+  props: {
+    isPrev: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { axis, changeSlide } = inject(carouselKey);
+    const isX = axis === "x";
+    const __returned__ = { axis, changeSlide, isX };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$B(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<button${ssrRenderAttrs(mergeProps({
+    type: "button",
+    "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
+    class: ["group absolute z-[11]", $setup.isX ? `${!$props.isPrev ? "right-0" : "left-0"} top-0` : `${!$props.isPrev ? "bottom-0" : "top-0"} left-0`],
+    "data-carousel-control": !$props.isPrev ? "next" : "previous"
+  }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+    _push(`<i class="${ssrRenderClass([{
+      "group-active:translate-x-1": $setup.isX && !$props.isPrev,
+      "rotate-180 group-active:-translate-x-1": $setup.isX && $props.isPrev,
+      "rotate-90 group-active:translate-y-1": !$setup.isX && !$props.isPrev,
+      "-rotate-90 group-active:-translate-y-1": !$setup.isX && $props.isPrev
+    }, "i-chevron-right m-0"])}"></i>`);
+  }, _push, _parent);
+  _push(`</button>`);
+}
+const _sfc_setup$B = _sfc_main$B.setup;
+_sfc_main$B.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CarouselControl.vue");
+  return _sfc_setup$B ? _sfc_setup$B(props, ctx) : void 0;
+};
+const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["ssrRender", _sfc_ssrRender$B]]);
+
+const carouselKey = Symbol("carousel");
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "Carousel",
+  props: {
+    as: { default: "ul" },
+    index: { default: 0 },
+    autoplay: {},
+    axis: { default: "x" },
+    hasControls: { type: Boolean },
+    wrapperKey: {}
+  },
+  emits: ["update:index"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const activeIndex = ref(0);
+    watch(toRef(props, "index"), (index) => {
+      if (index !== activeIndex.value) {
+        const step = index - activeIndex.value;
+        changeSlide(step, false);
+      }
+    }, {
+      immediate: true
+    });
+    watch(activeIndex, (current, previous) => {
+      if (current !== previous) {
+        emit("update:index", current);
+      }
+    });
+    const wrapper = ref(null);
+    const { [props.axis]: currentPos, isScrolling, arrivedState } = useScroll(wrapper);
+    const isX = props.axis === "x";
+    const isBoundStart = computed(() => isX ? arrivedState.left : arrivedState.top);
+    const isBoundEnd = computed(() => isX ? arrivedState.right : arrivedState.bottom);
+    const slideSizes = ref([]);
+    const wrapperScrollSize = ref(0);
+    const wrapperVisibleSize = ref(0);
+    const calcWrapperSize = () => {
+      if (!wrapper.value)
+        return;
+      if (isX) {
+        wrapperScrollSize.value = wrapper.value.scrollWidth;
+        wrapperVisibleSize.value = wrapper.value.offsetWidth;
+      } else {
+        wrapperScrollSize.value = wrapper.value.scrollHeight;
+        wrapperVisibleSize.value = wrapper.value.offsetHeight;
+      }
+    };
+    const calcSlidesSize = () => {
+      if (!wrapper.value)
+        return;
+      let childNodes = [...wrapper.value.children];
+      if (childNodes.length === 1 && childNodes[0].tagName.endsWith("SLOT")) {
+        childNodes = [...childNodes[0].children];
+      }
+      slideSizes.value = childNodes.map((node) => ({
+        offset: isX ? node.offsetLeft : node.offsetTop,
+        size: isX ? node.offsetWidth : node.offsetHeight
+      }));
+    };
+    const calcNextOffset = (step) => {
+      let nextSlideIndex = activeIndex.value + step;
+      if (nextSlideIndex >= slideSizes.value.length) {
+        return 0;
+      }
+      if (nextSlideIndex < 0) {
+        nextSlideIndex = slideSizes.value.length + nextSlideIndex;
+      }
+      const { offset, size } = slideSizes.value[nextSlideIndex] || {};
+      if (!size) {
+        return 0;
+      }
+      return offset;
+    };
+    const calcCurrentIndex = () => {
+      const index = slideSizes.value.findIndex((slide) => {
+        return Math.abs(slide.offset - currentPos.value) <= 5;
+      });
+      if (index > -1) {
+        activeIndex.value = index || 0;
+      }
+    };
+    let autoplayTimer;
+    const restartAutoplay = () => {
+      if (props.autoplay) {
+        clearTimeout(autoplayTimer);
+        autoplayTimer = setTimeout(() => {
+          changeSlide(1);
+        }, props.autoplay);
+      }
+    };
+    const changeSlide = (step, isPageScroll = true) => {
+      if (slideSizes.value.length < 2) {
+        return;
+      }
+      let nextOffset = -1;
+      if (currentPos.value + wrapperVisibleSize.value >= wrapperScrollSize.value) {
+        nextOffset = 0;
+      } else {
+        if (isPageScroll && (step === 1 || step === -1)) {
+          let pageStep = 0;
+          let pageStepSize = 0;
+          for (let i = activeIndex.value; i < slideSizes.value.length; i++) {
+            const { size } = slideSizes.value[i] || {};
+            if (size) {
+              pageStep += 1;
+              pageStepSize += size;
+              if (pageStepSize + size * 0.75 >= wrapperVisibleSize.value) {
+                break;
+              }
+            }
+          }
+          if (pageStep) {
+            step = step > 0 ? pageStep : -pageStep;
+          }
+        }
+        nextOffset = calcNextOffset(step);
+      }
+      wrapper.value?.scrollTo({
+        [isX ? "left" : "top"]: nextOffset,
+        behavior: "smooth"
+      });
+      restartAutoplay();
+    };
+    watch(isScrolling, (_isScrolling) => {
+      if (_isScrolling) {
+        clearTimeout(autoplayTimer);
+      } else {
+        calcCurrentIndex();
+        restartAutoplay();
+      }
+    });
+    const carousel = ref(null);
+    const isHovered = useElementHover(carousel);
+    watch(isHovered, (_isHovered) => {
+      if (_isHovered) {
+        clearTimeout(autoplayTimer);
+      } else {
+        restartAutoplay();
+      }
+    });
+    const calcOnInit = () => {
+      if (!wrapper.value) {
+        return;
+      }
+      calcWrapperSize();
+      calcSlidesSize();
+      calcCurrentIndex();
+    };
+    const onResize = useDebounceFn(() => {
+      if (!wrapper.value)
+        return;
+      if (isX) {
+        wrapper.value.scrollLeft = 0;
+      } else {
+        wrapper.value.scrollTop = 0;
+      }
+      calcOnInit();
+    }, 400);
+    onMounted(() => {
+      calcOnInit();
+    });
+    watch(toRef(props, "wrapperKey"), calcOnInit);
+    onBeforeUnmount(() => {
+      clearTimeout(autoplayTimer);
+    });
+    provide(carouselKey, {
+      autoplay: toRef(props, "autoplay"),
+      axis: props.axis,
+      changeSlide,
+      isBoundStart,
+      isBoundEnd
+    });
+    const __returned__ = { carouselKey, props, emit, activeIndex, wrapper, currentPos, isScrolling, arrivedState, isX, isBoundStart, isBoundEnd, slideSizes, wrapperScrollSize, wrapperVisibleSize, calcWrapperSize, calcSlidesSize, calcNextOffset, calcCurrentIndex, get autoplayTimer() {
+      return autoplayTimer;
+    }, set autoplayTimer(v) {
+      autoplayTimer = v;
+    }, restartAutoplay, changeSlide, carousel, isHovered, calcOnInit, onResize, CarouselControl };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$A(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(mergeProps({
+    ref: "carousel",
+    class: `relative ${!$setup.isX ? "overflow-hidden" : ""}`,
+    "data-carousel": ""
+  }, _attrs))}>`);
+  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), {
+    ref: "wrapper",
+    class: ["m-0 flex snap-mandatory list-none scroll-smooth p-0 [&>*]:snap-start [&>*]:outline-none", $setup.isX ? "snap-x overflow-y-hidden overflow-x-scroll" : "h-full flex-col snap-y overflow-x-hidden overflow-y-scroll"],
+    style: { "scrollbar-width": "none", "-webkit-overflow-scrolling": "touch", "-ms-overflow-style": "none" },
+    "data-carousel-wrapper": ""
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+  }), _parent);
+  ssrRenderSlot(_ctx.$slots, "controls", {
+    changeSlide: $setup.changeSlide,
+    isBoundStart: $setup.isBoundStart,
+    isBoundEnd: $setup.isBoundEnd,
+    activeIndex: $setup.activeIndex
+  }, () => {
+    if ($setup.slideSizes.length > 1 || $props.hasControls) {
+      _push(ssrRenderComponent($setup["CarouselControl"], { "is-prev": "" }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "previous", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "previous")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+    if ($setup.slideSizes.length > 1 || $props.hasControls) {
+      _push(ssrRenderComponent($setup["CarouselControl"], null, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            ssrRenderSlot(_ctx.$slots, "next", {}, null, _push2, _parent2, _scopeId);
+          } else {
+            return [
+              renderSlot(_ctx.$slots, "next")
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+  }, _push, _parent);
+  _push(`</div>`);
+}
+const _sfc_setup$A = _sfc_main$A.setup;
+_sfc_main$A.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Carousel.vue");
+  return _sfc_setup$A ? _sfc_setup$A(props, ctx) : void 0;
+};
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["ssrRender", _sfc_ssrRender$A]]);
+
+const createApp = (app) => {
+  createApp$1(app);
+  app.component("Carousel", Carousel);
+  app.component("CarouselControl", CarouselControl);
+};
+
+const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: createApp
+}, Symbol.toStringTag, { value: 'Module' }));
+
 async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
     const { default: service } = await import(
       // @ts-expect-error
-      '../astro/assets-service_TpUb271h.mjs'
+      '../astro/assets-service_gJYJeEDH.mjs'
     ).then(n => n.s).catch((e) => {
       const error = new AstroError(InvalidImageService);
       error.cause = e;
@@ -173,35 +780,27 @@ const imageConfig = {"service":{"entrypoint":"astro/assets/services/sharp","conf
 					const assetsDir = new URL("file:///home/leo/code/ecomplus/cloud-commerce/packages/storefront/dist/client/");
 					const getImage = async (options) => await getImage$1(options, imageConfig);
 
-let id = -1;
-const useId = () => String(++id);
-const clearAccents = (str) => {
-  return str.replace(/[ÁáÃãÂâÀà]/g, "a").replace(/[ÉéÊê]/g, "e").replace(/[Íí]/g, "i").replace(/[ÕõÓóÔô]/g, "o").replace(/[Úú]/g, "u").replace(/[Çç]/g, "c");
-};
-const slugify = (str) => {
-  return clearAccents(str.trim()).toLowerCase().replace(/[\W\r\n]/gm, "-").replace(/-{2,}/g, "-").replace(/(^-)|(-$)/g, "");
-};
-const toLowerCaseAccents = (str) => {
-  return str.toLowerCase().replace(/Á/g, "á").replace(/Ã/g, "ã").replace(/Â/g, "â").replace(/À/g, "à").replace(/É/g, "é").replace(/Ê/g, "ê").replace(/Í/g, "í").replace(/Õ/g, "õ").replace(/Ó/g, "ó").replace(/Ô/g, "ô").replace(/Ú/g, "ú").replace(/Ç/g, "ç");
-};
-const termify = (str) => {
-  return toLowerCaseAccents(str.trim()).replace(/[\r\n]/gm, " ").replace(/[^\w-&%áãâàéêíõóôúç]/g, " ").replace(/\s{2,}/g, " ");
-};
-const getSearchUrl = (term, baseUrl = "/s/") => {
-  return `${baseUrl}${encodeURIComponent(termify(term))}`;
-};
-const scrollToEl = (el, top = 0) => {
-  while (el.offsetParent) {
-    top += el.offsetTop;
-    el = el.offsetParent;
-  }
-  return window.scroll({
-    top,
-    behavior: "smooth"
-  });
-};
+const i19aboveOf = "Acima de";
+const i19brands = "Marcas";
+const i19categories = "Categorias";
+const i19discount = "Desconto";
+const i19error = "Erro";
+const i19errorMsg = "Ocorreu um erro, tente novamente ou entre em contato conosco.";
+const i19highestPrice = "Maior preço";
+const i19home = "Início";
+const i19lowestPrice = "Menor preço";
+const i19myAccount = "Minha conta";
+const i19name = "Nome";
+const i19notFound = "Não encontrado";
+const i19relatedProducts = "Produtos relacionados";
+const i19releases = "Lançamentos";
+const i19relevance = "Relevância";
+const i19sales = "Vendas";
+const i19searchProducts = "Buscar produtos";
+const i19shoppingCart = "Carrinho de compras";
+const i19upTo = "Até";
 
-global.__storefrontCMS = (fs, resolvePath) => {
+global.__storefrontCMS = (fs, resolvePath, _parseMatter) => {
   const { STOREFRONT_BASE_DIR } = process.env;
   let baseDir;
   if (STOREFRONT_BASE_DIR) {
@@ -211,6 +810,7 @@ global.__storefrontCMS = (fs, resolvePath) => {
   }
   process.env.STOREFRONT_BASE_DIR = baseDir;
   const dirContent = resolvePath(baseDir, 'content');
+  const resolveContent = (filename) => resolvePath(dirContent, filename);
 
   const contentCache = {};
   const getContent = (filename) => {
@@ -220,7 +820,7 @@ global.__storefrontCMS = (fs, resolvePath) => {
       let content = contentCache[filename];
       if (!content) {
         if (filename.endsWith('/')) {
-          const dirColl = resolvePath(dirContent, filename);
+          const dirColl = resolveContent(filename);
           return new Promise((resolve) => {
             const slugs = fs.existsSync(dirColl)
               ? fs.readdirSync(dirColl)
@@ -230,16 +830,22 @@ global.__storefrontCMS = (fs, resolvePath) => {
             resolve(slugs);
           });
         }
-        // @TODO: Also parse Markdown with front matter
-        const filepath = resolvePath(dirContent, `${filename}.json`);
-        content = fs.existsSync(filepath)
-          ? JSON.parse(fs.readFileSync(filepath, 'utf8'))
-          : null;
+        const jsonFilepath = resolveContent(`${filename}.json`);
+        if (fs.existsSync(jsonFilepath)) {
+          content = JSON.parse(fs.readFileSync(jsonFilepath, 'utf8'));
+        } else if (_parseMatter && fs.existsSync(resolveContent(`${filename}.md`))) {
+          const rawMd = fs.readFileSync(resolveContent(`${filename}.md`), 'utf8');
+          const { markdown, matter } = _parseMatter(rawMd);
+          content = { ...matter, markdown };
+        } else {
+          content = null;
+        }
         if (!filename.includes('/')) {
           // Caching root content only (not collections)
           contentCache[filename] = content;
         }
       }
+      if (typeof content.then === 'function') return content;
       return filename === 'settings'
         ? content
         : new Promise((resolve) => { resolve(content); });
@@ -288,13 +894,25 @@ const _getConfig = () => {
   } else if (ECOM_STORE_ID) {
     config.set({ storeId: Number(ECOM_STORE_ID) });
   }
+  const parseFrontmatter = (markdown) => {
+    let matter = {};
+    if (markdown.substring(0, 4) === "---\n") {
+      const [frontmatter, _md] = markdown.substring(4).split("\n---\n");
+      markdown = _md;
+      const _matter = parse(frontmatter);
+      if (typeof _matter === "object" && _matter && !Array.isArray(_matter)) {
+        matter = _matter;
+      }
+    }
+    return { markdown, matter };
+  };
   const {
     domain,
     primaryColor,
     secondaryColor,
     settings,
     getContent
-  } = global.__storefrontCMS(fs, resolve);
+  } = global.__storefrontCMS(fs, resolve, parseFrontmatter);
   config.set({ settingsContent: settings });
   let { storeId } = config.get();
   if (!storeId) {
@@ -334,6 +952,34 @@ const _getConfig = () => {
   };
 };
 
+let id = -1;
+const useId = () => String(++id);
+const clearAccents = (str) => {
+  return str.replace(/[ÁáÃãÂâÀà]/g, "a").replace(/[ÉéÊê]/g, "e").replace(/[Íí]/g, "i").replace(/[ÕõÓóÔô]/g, "o").replace(/[Úú]/g, "u").replace(/[Çç]/g, "c");
+};
+const slugify = (str) => {
+  return clearAccents(str.trim()).toLowerCase().replace(/[\W\r\n]/gm, "-").replace(/-{2,}/g, "-").replace(/(^-)|(-$)/g, "");
+};
+const toLowerCaseAccents = (str) => {
+  return str.toLowerCase().replace(/Á/g, "á").replace(/Ã/g, "ã").replace(/Â/g, "â").replace(/À/g, "à").replace(/É/g, "é").replace(/Ê/g, "ê").replace(/Í/g, "í").replace(/Õ/g, "õ").replace(/Ó/g, "ó").replace(/Ô/g, "ô").replace(/Ú/g, "ú").replace(/Ç/g, "ç");
+};
+const termify = (str) => {
+  return toLowerCaseAccents(str.trim()).replace(/[\r\n]/gm, " ").replace(/[^\w-&%áãâàéêíõóôúç]/g, " ").replace(/\s{2,}/g, " ");
+};
+const getSearchUrl = (term, baseUrl = "/s/") => {
+  return `${baseUrl}${encodeURIComponent(termify(term))}`;
+};
+const scrollToEl = (el, top = 0) => {
+  while (el.offsetParent) {
+    top += el.offsetTop;
+    el = el.offsetParent;
+  }
+  return window.scroll({
+    top,
+    behavior: "smooth"
+  });
+};
+
 const emitter$1 = new EventEmitter();
 const getConfig = _getConfig;
 if (!globalThis.$apiMergeConfig) {
@@ -374,6 +1020,7 @@ const loadRouteContext = async (Astro, {
   contentCollection,
   apiPrefetchEndpoints = globalThis.$apiPrefetchEndpoints
 } = {}) => {
+  globalThis.astroUrl = Astro.url;
   const startedAt = Date.now();
   let urlPath = Astro.url.pathname;
   const isPreview = urlPath.startsWith("/~preview");
@@ -532,9 +1179,9 @@ const $$ViewTransitions = createComponent(async ($$result, $$props, $$slots) =>
 `;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/ViewTransitions.astro", void 0);
 
-var __freeze$4 = Object.freeze;
-var __defProp$4 = Object.defineProperty;
-var __template$4 = (cooked, raw) => __freeze$4(__defProp$4(cooked, "raw", { value: __freeze$4(raw || cooked.slice()) }));
+var __freeze$3 = Object.freeze;
+var __defProp$3 = Object.defineProperty;
+var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", { value: __freeze$3(raw || cooked.slice()) }));
 var _b, _c;
 const $$Astro$e = createAstro("https://demo.ecomplus.app");
 const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
@@ -548,6 +1195,8 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   };
   const {
     storeId,
+    isHomepage,
+    isSearchPage,
     searchPageTerm,
     cmsContent,
     fetchingApiContext,
@@ -567,14 +1216,26 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   }
   const apiDoc = apiContext.doc;
   const state = apiDoc || cmsContent || {};
-  let title = state.meta_title || state.metaTitle || state.name && `${state.name} | ${settings.name}` || state.title && `${state.title} | ${settings.name}` || settings.name;
-  if (searchPageTerm) {
-    title = title.replace("$term", searchPageTerm);
-    if (!title.includes(searchPageTerm)) {
-      title = `${searchPageTerm} | ${title}`;
+  let title = state.meta_title || state.metaTitle || state.name && `${state.name} | ${settings.name}` || state.title && `${state.title} | ${settings.name}` || "";
+  let description = state.meta_description || state.metaDescription || state.short_description || state.description || settings.description || "";
+  if (isHomepage) {
+    if (!title)
+      title = settings.name;
+    if (!description)
+      description = settings.description;
+  }
+  if (isSearchPage) {
+    if (searchPageTerm) {
+      if (!title)
+        title = settings.name;
+      title = title.replace("$term", searchPageTerm);
+      if (!title.includes(searchPageTerm)) {
+        title = `${searchPageTerm} | ${title}`;
+      }
+    } else if (!title) {
+      title = `${i19searchProducts} | ${settings.name}`;
     }
   }
-  const description = state.meta_description || state.metaDescription || state.short_description || settings.description;
   const favicon = settings.icon ? getIconUrl(32) : "/favicon.ico";
   const shortcutIcon = settings.icon ? getIconUrl(192) : null;
   const canonicalUrl = new URL(Astro2.url.pathname, Astro2.site || `https://${domain}`);
@@ -665,7 +1326,7 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_c || (_c = __template$4(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n<title>", '</title>\n<meta name="description"', '>\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title, addAttribute(description, "content"), addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "23j4qrxj"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$4(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
+  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", "self");
 
 function has(value) {
@@ -766,7 +1427,7 @@ function getWeight(element) {
 }
 
 function capo(html) {
-  const ast = parse(html);
+  const ast = parse$1(html);
   try {
     walkSync(ast, (node, parent, index) => {
       if (node.type === ELEMENT_NODE && node.name === "head") {
@@ -1142,8 +1803,8 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"> <!-- Prevent FOUC -->
   <div id="teleported-overlap" class="relative z-[59]"></div>
   <div id="teleported-top" class="relative z-[19]"></div>
-  ${renderSlot($$result, $$slots["default"])}
-  ${renderSlot($$result, $$slots["before-body-end"])}
+  ${renderSlot$1($$result, $$slots["default"])}
+  ${renderSlot$1($$result, $$slots["before-body-end"])}
   <div id="teleported-bottom" class="relative z-[19]"></div>
   ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`}
 </body>`;
@@ -1156,26 +1817,26 @@ const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   const { getContent } = Astro2.locals.routeContext;
   const { customCode } = await getContent("layout");
   return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate`
-  ${renderSlot($$result2, $$slots["base-head"])}
-  ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot($$result2, $$slots["base-head-scripts"])}
-  ${renderSlot($$result2, $$slots["before-head-end"])}
+  ${renderSlot$1($$result2, $$slots["base-head"])}
+  ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot$1($$result2, $$slots["base-head-scripts"])}
+  ${renderSlot$1($$result2, $$slots["before-head-end"])}
 ` })}
 ${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
-  ${renderSlot($$result2, $$slots["default"])}
-  ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}
-  ${renderSlot($$result2, $$slots["before-body-end"])}
+  ${renderSlot$1($$result2, $$slots["default"])}
+  ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot$1($$result2, $$slots["base-body-scripts"])}
+  ${renderSlot$1($$result2, $$slots["before-body-end"])}
 ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
 
-var __freeze$3 = Object.freeze;
-var __defProp$3 = Object.defineProperty;
-var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", { value: __freeze$3(raw || cooked.slice()) }));
-var _a$3;
+var __freeze$2 = Object.freeze;
+var __defProp$2 = Object.defineProperty;
+var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", { value: __freeze$2(raw || cooked.slice()) }));
+var _a$2;
 const $$Astro$a = createAstro("https://demo.ecomplus.app");
 const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
   Astro2.self = $$InlineScripts;
-  return renderTemplate(_a$3 || (_a$3 = __template$3(['<script>\n  window.$firebaseConfig = {\n    apiKey: "AIzaSyCnvm7QrPKzSBrUi09Z3zTgjDST0t4Yikg",\n    authDomain: "ecom2-demo.firebaseapp.com",\n    projectId: "ecom2-demo",\n    storageBucket: "ecom2-demo.appspot.com",\n    messagingSenderId: "70369627313",\n    appId: "1:70369627313:web:06634033b9c6208fe7e690"\n  };\n<\/script>'])));
+  return renderTemplate(_a$2 || (_a$2 = __template$2(['<script>\n  window.$firebaseConfig = {\n    apiKey: "AIzaSyCnvm7QrPKzSBrUi09Z3zTgjDST0t4Yikg",\n    authDomain: "ecom2-demo.firebaseapp.com",\n    projectId: "ecom2-demo",\n    storageBucket: "ecom2-demo.appspot.com",\n    messagingSenderId: "70369627313",\n    appId: "1:70369627313:web:06634033b9c6208fe7e690"\n  };\n<\/script>'])));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro", void 0);
 
 const $$Astro$9 = createAstro("https://demo.ecomplus.app");
@@ -1183,11 +1844,11 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
   Astro2.self = $$Base;
   return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`
-    ${renderSlot($$result3, $$slots["base-head"])}
+    ${renderSlot$1($$result3, $$slots["base-head"])}
   ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
   
   
-  ${renderSlot($$result2, $$slots["default"])}
+  ${renderSlot$1($$result2, $$slots["default"])}
 ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
@@ -1218,7 +1879,8 @@ const useSharedData = async (props) => {
   return {
     value,
     getInlineClientJS: () => `
-window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
+window.$storefront.data['${field}'] = ${JSON.stringify(value)};
+window.dispatchEvent(new Event('storefront:data:${field}'));`
   };
 };
 
@@ -1420,7 +2082,7 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   };
 };
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: {}
@@ -1437,7 +2099,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_ALink = resolveComponent("ALink");
   const _component_CarouselControl = resolveComponent("CarouselControl");
@@ -1530,13 +2192,13 @@ function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$v = _sfc_main$v.setup;
-_sfc_main$v.setup = (props, ctx) => {
+const _sfc_setup$z = _sfc_main$z.setup;
+_sfc_main$z.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
-  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
+  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["ssrRender", _sfc_ssrRender$v]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["ssrRender", _sfc_ssrRender$z]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
   if (!storage) {
@@ -1920,7 +2582,7 @@ const useShopHeader = (props) => {
   };
 };
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -2023,7 +2685,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -2119,11 +2781,11 @@ function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 class: ["absolute top-2 z-30 rounded", $props.placement === "end" ? "left-2" : "right-2"],
                 "data-drawer-close": ""
               }, [
-                renderSlot$1(_ctx.$slots, "close", {}, () => [
+                renderSlot(_ctx.$slots, "close", {}, () => [
                   createVNode("i", { class: "i-close text-base-400 hover:text-base-600 m-0 text-3xl" })
                 ])
               ], 2)) : createCommentVNode("", true),
-              renderSlot$1(_ctx.$slots, "default")
+              renderSlot(_ctx.$slots, "default")
             ]),
             $props.backdropTarget ? (openBlock(), createBlock(Teleport, {
               key: 0,
@@ -2149,13 +2811,13 @@ function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$u = _sfc_main$u.setup;
-_sfc_main$u.setup = (props, ctx) => {
+const _sfc_setup$y = _sfc_main$y.setup;
+_sfc_main$y.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
-  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
+  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$u]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["ssrRender", _sfc_ssrRender$y]]);
 
 const storageKey$1 = "ecomSession";
 const emptySession = {
@@ -2194,26 +2856,33 @@ const initializeFirebaseAuth = (canWaitIdle) => {
   return;
 };
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
     to: {},
     accountUrl: { default: globalThis.$storefront?.settings.accountUrl || "/app/account" },
-    returnUrl: { default: globalThis.location?.href },
+    returnUrl: {},
     isSignUp: { type: Boolean }
   },
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
+    const locationUrl = ref("");
+    if (globalThis.location?.href) {
+      nextTick(() => {
+        locationUrl.value = globalThis.location.href;
+      });
+    }
     const href = computed(() => {
       let url = props.accountUrl;
+      const returnUrl = props.returnUrl || locationUrl.value;
       if (!props.to) {
         if (props.isSignUp) {
           url += "?sign_up&";
         } else {
           url += "?";
         }
-        return props.returnUrl ? `${url}return_url=${props.returnUrl}` : url;
+        return returnUrl ? `${url}return_url=${returnUrl}` : url;
       }
       const { settings } = globalThis.$storefront;
       if (props.to === "orders" && settings.ordersUrl) {
@@ -2224,25 +2893,25 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
       return `${url}/${props.to}`;
     });
-    const __returned__ = { props, href };
+    const __returned__ = { props, locationUrl, href };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$x(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
-const _sfc_setup$t = _sfc_main$t.setup;
-_sfc_main$t.setup = (props, ctx) => {
+const _sfc_setup$x = _sfc_main$x.setup;
+_sfc_main$x.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
-  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
+  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
 };
-const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$t]]);
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["ssrRender", _sfc_ssrRender$x]]);
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -2278,18 +2947,18 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$s(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$w(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$s = _sfc_main$s.setup;
-_sfc_main$s.setup = (props, ctx) => {
+const _sfc_setup$w = _sfc_main$w.setup;
+_sfc_main$w.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
+  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$s]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["ssrRender", _sfc_ssrRender$w]]);
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: {},
@@ -2315,7 +2984,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent(_component_ALink, mergeProps({ href: $setup.fixedHref }, _attrs), {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -2326,9 +2995,9 @@ function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         }, _push2, _parent2, _scopeId);
       } else {
         return [
-          renderSlot$1(_ctx.$slots, "default", {}, () => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
             createVNode($setup["SocialNetworkIcon"], { network: $props.network }, null, 8, ["network"]),
-            renderSlot$1(_ctx.$slots, "append")
+            renderSlot(_ctx.$slots, "append")
           ])
         ];
       }
@@ -2336,15 +3005,15 @@ function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$r = _sfc_main$r.setup;
-_sfc_main$r.setup = (props, ctx) => {
+const _sfc_setup$v = _sfc_main$v.setup;
+_sfc_main$v.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkLink.vue");
-  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
+  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["ssrRender", _sfc_ssrRender$v]]);
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: {}
@@ -2367,7 +3036,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
   _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-base-800 text-lg" }, _attrs))}>`);
@@ -2405,15 +3074,15 @@ function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$q = _sfc_main$q.setup;
-_sfc_main$q.setup = (props, ctx) => {
+const _sfc_setup$u = _sfc_main$u.setup;
+_sfc_main$u.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
+  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$u]]);
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: {}
@@ -2434,7 +3103,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex h-full flex-col bg-white" }, _attrs))}><nav class="grow py-4"><ul class="relative h-full"><!--[-->`);
   ssrRenderList($props.categoryTrees, (categoryTree, i) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
@@ -2475,13 +3144,13 @@ function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$p = _sfc_main$p.setup;
-_sfc_main$p.setup = (props, ctx) => {
+const _sfc_setup$t = _sfc_main$t.setup;
+_sfc_main$t.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenav.vue");
-  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
+  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$t]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => {
@@ -2530,7 +3199,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: {},
@@ -2559,7 +3228,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$s(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
@@ -2572,7 +3241,7 @@ function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push3, _parent3, _scopeId2);
             } else {
               return [
-                renderSlot$1(_ctx.$slots, "button", { open })
+                renderSlot(_ctx.$slots, "button", { open })
               ];
             }
           }),
@@ -2779,7 +3448,7 @@ function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           }, [
             createVNode($setup["PopoverButton"], { class: "outline-none" }, {
               default: withCtx(() => [
-                renderSlot$1(_ctx.$slots, "button", { open })
+                renderSlot(_ctx.$slots, "button", { open })
               ]),
               _: 2
             }, 1024)
@@ -2873,15 +3542,15 @@ function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$o = _sfc_main$o.setup;
-_sfc_main$o.setup = (props, ctx) => {
+const _sfc_setup$s = _sfc_main$s.setup;
+_sfc_main$s.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
+  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$s]]);
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: {}
@@ -2897,7 +3566,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "text-base-700 flex gap-4 xl:gap-5"])}"><!--[-->`);
   ssrRenderList($props.inlineMenuTrees, (categoryTree, i) => {
     _push(`<li>`);
@@ -2941,15 +3610,15 @@ function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></nav>`);
 }
-const _sfc_setup$n = _sfc_main$n.setup;
-_sfc_main$n.setup = (props, ctx) => {
+const _sfc_setup$r = _sfc_main$r.setup;
+_sfc_main$r.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderMenu.vue");
-  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
+  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
 };
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "AccountMenu",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2976,7 +3645,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent($setup["Menu"], mergeProps({
@@ -3006,7 +3675,7 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push4, _parent4, _scopeId3);
                   } else {
                     return [
-                      renderSlot$1(_ctx.$slots, "button", { open })
+                      renderSlot(_ctx.$slots, "button", { open })
                     ];
                   }
                 }),
@@ -3019,7 +3688,7 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   "aria-label": "Minha conta"
                 }, {
                   default: withCtx(() => [
-                    renderSlot$1(_ctx.$slots, "button", { open })
+                    renderSlot(_ctx.$slots, "button", { open })
                   ]),
                   _: 2
                 }, 1024)
@@ -3475,7 +4144,7 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 "aria-label": "Minha conta"
               }, {
                 default: withCtx(() => [
-                  renderSlot$1(_ctx.$slots, "button", { open })
+                  renderSlot(_ctx.$slots, "button", { open })
                 ]),
                 _: 2
               }, 1024)
@@ -3600,15 +4269,15 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$m = _sfc_main$m.setup;
-_sfc_main$m.setup = (props, ctx) => {
+const _sfc_setup$q = _sfc_main$q.setup;
+_sfc_main$q.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
-  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
+  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
 };
-const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["ssrRender", _sfc_ssrRender$m]]);
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "ShopHeader",
   props: {
     searchInput: {},
@@ -3619,8 +4288,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal_2uYZ9tHy.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_gCUGFy65.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal_7debttOi.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_8VAKl-jR.mjs'));
     const props = __props;
     const header = ref(null);
     const searchInput = ref(null);
@@ -3645,12 +4314,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       isMounted.value = true;
       handleOnMounted();
     });
-    const __returned__ = { SearchModal, CartSidebar, props, header, searchInput, isSticky, positionY, categoryTrees, inlineMenuTrees, isSearchOpen, isSearchOpenOnce, searchTerm, quickSearchTerm, toggleSearch, isCartOpen, isCartOpenOnce, cartTotalItems, handleOnMounted, isSidenavOpen, isMounted, Drawer, ShopSidenav, ShopHeaderMenu, AccountMenu };
+    const __returned__ = { SearchModal, CartSidebar, props, header, searchInput, isSticky, positionY, categoryTrees, inlineMenuTrees, isSearchOpen, isSearchOpenOnce, searchTerm, quickSearchTerm, toggleSearch, isCartOpen, isCartOpenOnce, cartTotalItems, handleOnMounted, isSidenavOpen, isMounted, get isMobile() {
+      return isMobile;
+    }, Drawer, ShopSidenav, ShopHeaderMenu, AccountMenu };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_Skeleton = resolveComponent("Skeleton");
   _push(`<header${ssrRenderAttrs(mergeProps({
@@ -3664,7 +4335,11 @@ function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     $setup.isMounted ? "text-base-500" : "text-base-400 animate-pulse"
   ], "text-3xl transition-colors"])}"></i></button></div>`);
   ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
-  _push(ssrRenderComponent($setup["ShopHeaderMenu"], mergeProps({ class: "hidden lg:block" }, { inlineMenuTrees: $setup.inlineMenuTrees }), null, _parent));
+  if (!$setup.isMobile) {
+    _push(ssrRenderComponent($setup["ShopHeaderMenu"], mergeProps({ inlineMenuTrees: $setup.inlineMenuTrees }, { class: "hidden lg:block" }), null, _parent));
+  } else {
+    _push(`<!---->`);
+  }
   _push(`<div class="text-base-800 flex basis-1/4 items-center justify-end gap-3 px-2 lg:gap-4"><form action="/s" method="get" class="relative"><label for="HeaderSearch" class="sr-only">${ssrInterpolate("Buscar produtos")}</label>`);
   _push(ssrRenderComponent(_component_Fade, null, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -3699,20 +4374,24 @@ function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 1
   }, _parent));
   _push(`<button type="submit"${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="${ssrRenderClass([$setup.isSearchOpen && "text-primary-600 -translate-x-2", "i-magnifying-glass hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"])}"></i></button></form>`);
-  _push(ssrRenderComponent($setup["AccountMenu"], { class: "hidden sm:block" }, {
-    button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
-      } else {
-        return [
-          createVNode("i", {
-            class: ["i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
-          }, null, 2)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
+  if (!$setup.isMobile) {
+    _push(ssrRenderComponent($setup["AccountMenu"], { class: "hidden sm:block" }, {
+      button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
+        } else {
+          return [
+            createVNode("i", {
+              class: ["i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
+            }, null, 2)
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+  } else {
+    _push(`<!---->`);
+  }
   _push(`<a${ssrRenderAttr("href", _ctx.$settings.cartUrl || "/app/")}${ssrRenderAttr("aria-label", "Abrir carrinho")} class="group relative" role="button"><i class="i-shopping-bag group-hover:text-primary h-7 w-7 group-hover:scale-110 group-active:scale-125"></i>`);
   if ($setup.cartTotalItems) {
     _push(`<span class="ui-badge-pill-sm absolute -right-1.5 -top-1">${ssrInterpolate($setup.cartTotalItems)}</span>`);
@@ -3861,18 +4540,18 @@ function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</header>`);
 }
-const _sfc_setup$l = _sfc_main$l.setup;
-_sfc_main$l.setup = (props, ctx) => {
+const _sfc_setup$p = _sfc_main$p.setup;
+_sfc_main$p.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeader.vue");
-  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
+  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
 };
-const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["ssrRender", _sfc_ssrRender$l]]);
+const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
 
-var __freeze$2 = Object.freeze;
-var __defProp$2 = Object.defineProperty;
-var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", { value: __freeze$2(raw || cooked.slice()) }));
-var _a$2;
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
+var _a$1;
 const $$Astro$8 = createAstro("https://demo.ecomplus.app");
 const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
@@ -3885,7 +4564,7 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     shopHeader
   } = await usePageHeader({ routeContext });
   const { getInlineClientJS } = await useSharedData({ field: "categories" });
-  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a$2 || (_a$2 = __template$2(["\n  ", "\n  ", "\n\n<script>", "<\/script>\n", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
+  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["\n  ", "\n  ", "\n\n<script async>", "<\/script>\n", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": "data:categories", "client:component-hydration": "context", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "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], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}
@@ -3894,7 +4573,7 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
   ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "PaymentMethodFlag",
   props: {
     as: { default: "i" },
@@ -3930,22 +4609,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$k(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   if (!$setup.iconClassName) {
     _push(`<b${ssrRenderAttrs(mergeProps({ class: "mb-1 text-[57%] leading-none tracking-tighter text-black" }, _attrs))}>${ssrInterpolate($setup.props.flag)}</b>`);
   } else {
     ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
   }
 }
-const _sfc_setup$k = _sfc_main$k.setup;
-_sfc_main$k.setup = (props, ctx) => {
+const _sfc_setup$o = _sfc_main$o.setup;
+_sfc_main$o.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/PaymentMethodFlag.vue");
-  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
+  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
 };
-const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["ssrRender", _sfc_ssrRender$k]]);
+const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "FooterStamps",
   props: {
     stamps: {}
@@ -3957,7 +4636,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><div class="flex flex-wrap items-start justify-between gap-5 lg:flex-nowrap"><ul class="mx-auto flex items-center gap-x-6 gap-y-3 overflow-x-auto md:mx-0 md:flex-wrap md:overflow-hidden lg:gap-x-8"><!--[-->`);
   ssrRenderList($props.stamps, (stamp, i) => {
@@ -3995,7 +4674,7 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           }
         } else {
           return [
-            renderSlot$1(_ctx.$slots, `picture-${i}`),
+            renderSlot(_ctx.$slots, `picture-${i}`),
             !stamp.img ? (openBlock(), createBlock("span", {
               key: 0,
               class: "flex items-center"
@@ -4056,15 +4735,15 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$j = _sfc_main$j.setup;
-_sfc_main$j.setup = (props, ctx) => {
+const _sfc_setup$n = _sfc_main$n.setup;
+_sfc_main$n.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/FooterStamps.vue");
-  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
+  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
 };
-const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
+const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "ShopFooter",
   props: {
     stamps: {},
@@ -4082,7 +4761,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<footer${ssrRenderAttrs(mergeProps({ class: "bg-base-50 border-base-100 mt-auto w-screen border-t py-2" }, _attrs))}><div class="ui-section"><div class="border-base-200 flex flex-wrap justify-between gap-y-5 border-b pb-7 sm:gap-x-10 lg:flex-nowrap"><div class="shrink">`);
   ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
@@ -4143,7 +4822,7 @@ function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div>`);
   if ($props.categories?.length) {
-    _push(`<div class="basis-1/2 sm:basis-auto"><div class="mb-2.5 text-lg font-medium">${ssrInterpolate($props.categoriesColTitle || "Categorias")}</div><ul class="${ssrRenderClass([$props.categories.length > 4 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
+    _push(`<div class="basis-1/2 pr-2 sm:basis-auto sm:pr-0"><div class="mb-2.5 text-lg font-medium">${ssrInterpolate($props.categoriesColTitle || "Categorias")}</div><ul class="${ssrRenderClass([$props.categories.length > 4 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
     ssrRenderList($props.categories, ({ name, slug }, i) => {
       _push(`<li><a${ssrRenderAttr("href", `/${slug}`)} class="ui-link text-base-600">${ssrInterpolate(name)}</a></li>`);
     });
@@ -4152,12 +4831,12 @@ function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _push(`<!---->`);
   }
   if ($props.pageLinks?.length) {
-    _push(`<div class="basis-1/2 sm:basis-auto"><div class="mb-2.5 text-lg font-medium">${ssrInterpolate($props.pagesColTitle || "Institucional")}</div><ul class="${ssrRenderClass([$props.pageLinks.length > 5 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
+    _push(`<div class="basis-1/2 pl-2 sm:basis-auto sm:pl-0"><div class="mb-2.5 text-lg font-medium">${ssrInterpolate($props.pagesColTitle || "Institucional")}</div><ul class="${ssrRenderClass([$props.pageLinks.length > 5 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
     ssrRenderList($props.pageLinks, ({ title, href }, i) => {
       _push(`<li>`);
       _push(ssrRenderComponent(_component_ALink, {
         href,
-        class: "ui-link text-base-600"
+        class: ["ui-link", title === "Blog" ? "text-base-900" : "text-base-600"]
       }, {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -4180,13 +4859,13 @@ function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(ssrRenderComponent($setup["FooterStamps"], { stamps: $props.stamps }, null, _parent));
   _push(`</footer>`);
 }
-const _sfc_setup$i = _sfc_main$i.setup;
-_sfc_main$i.setup = (props, ctx) => {
+const _sfc_setup$m = _sfc_main$m.setup;
+_sfc_main$m.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopFooter.vue");
-  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
 };
-const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
+const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["ssrRender", _sfc_ssrRender$m]]);
 
 const $$Astro$7 = createAstro("https://demo.ecomplus.app");
 const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
@@ -4222,11 +4901,14 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
       pageLinks = [];
       const pageSlugs = await getContent("extra-pages/");
       for (let i = 0; i < pageSlugs.length; i++) {
-        const { title } = await getContent(`extra-pages/${pageSlugs[i]}`);
+        const { title } = await getContent(`extra-pages/${pageSlugs[i]}`) || {};
         if (title) {
           pageLinks.push({ title, href: `/p/${pageSlugs[i]}` });
         }
       }
+      if ((await getContent("blog/")).length) {
+        pageLinks.push({ title: "Blog", href: "/blog/1/" });
+      }
     }
   }
   return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
@@ -4238,44 +4920,226 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
   ` })}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageFooter.astro", void 0);
 
-const i19aboveOf = "Acima de";
-const i19brands = "Marcas";
-const i19categories = "Categorias";
-const i19discount = "Desconto";
-const i19highestPrice = "Maior preço";
-const i19lowestPrice = "Menor preço";
-const i19name = "Nome";
-const i19relatedProducts = "Produtos relacionados";
-const i19releases = "Lançamentos";
-const i19relevance = "Relevância";
-const i19sales = "Vendas";
-const i19upTo = "Até";
-
-const useProductShelf = (props) => {
-  const title = ref(props.title || "");
-  const titleLink = ref(props.titleLink || "");
-  const isFetching = ref(false);
-  let fetching = null;
-  const fetchError = ref(null);
-  const products = shallowReactive(props.products || []);
-  if (!props.products) {
-    isFetching.value = true;
-    fetching = (async () => {
-      const limit = props.limit || 24;
-      const offset = props.page ? (props.page - 1) * limit : 0;
-      let endpointQuery = `offset=${offset}&limit=${limit}`;
-      if (props.sort) {
-        endpointQuery += `&sort=${props.sort}`;
-      }
-      if (props.isRelatedProducts) {
-        const { apiContext } = globalThis.$storefront;
-        if (apiContext?.resource === "products") {
-          endpointQuery = `like=${apiContext.doc._id}`;
-          title.value = i19relatedProducts;
-        }
-      } else {
-        let searchQuery = props.searchQuery || "";
-        let collection;
+const usePagination = (props) => {
+  const totalPages = computed(() => {
+    if (props.totalPages)
+      return props.totalPages;
+    if (props.totalItems && props.pageSize) {
+      return Math.ceil(props.totalItems / props.pageSize);
+    }
+    return 1;
+  });
+  const pageNumber = computed(() => {
+    const currentPage = props.page || 1;
+    if (currentPage < 1)
+      return 1;
+    if (currentPage > totalPages.value)
+      return totalPages.value;
+    return currentPage;
+  });
+  const maxPages = computed(() => props.maxPages || 10);
+  const startPage = computed(() => {
+    if (totalPages.value <= maxPages.value)
+      return 1;
+    const maxPagesBeforeCurrent = Math.floor(maxPages.value / 2);
+    const maxPagesAfterCurrent = Math.ceil(maxPages.value / 2) - 1;
+    if (pageNumber.value <= maxPagesBeforeCurrent)
+      return 1;
+    if (pageNumber.value + maxPagesAfterCurrent >= totalPages.value) {
+      return totalPages.value - maxPages.value + 1;
+    }
+    return pageNumber.value - maxPagesBeforeCurrent;
+  });
+  const endPage = computed(() => {
+    if (totalPages.value <= maxPages.value)
+      return totalPages.value;
+    const maxPagesBeforeCurrent = Math.floor(maxPages.value / 2);
+    const maxPagesAfterCurrent = Math.ceil(maxPages.value / 2) - 1;
+    if (pageNumber.value <= maxPagesBeforeCurrent)
+      return maxPages.value;
+    if (pageNumber.value + maxPagesAfterCurrent >= totalPages.value) {
+      return totalPages.value;
+    }
+    return pageNumber.value + maxPagesAfterCurrent;
+  });
+  const pages = computed(() => {
+    return Array.from(Array(endPage.value + 1 - startPage.value).keys()).map((i) => startPage.value + i);
+  });
+  const baseUrl = ref("");
+  watch(toRef(props.isUrlPath), () => {
+    const url = global.astroUrl ;
+    if (props.isUrlPath && !url.pathname.endsWith("/")) {
+      url.pathname += "/";
+    } else {
+      url.searchParams.delete("p");
+    }
+    baseUrl.value = `${url.pathname}${url.search}`;
+  }, {
+    immediate: true
+  });
+  const getPageLink = (pageN) => {
+    if (props.isUrlPath)
+      return `../${pageN}`;
+    return `?p=${pageN}`;
+  };
+  const pageLinks = computed(() => {
+    return pages.value.map((pageN) => baseUrl.value + getPageLink(pageN));
+  });
+  const prevPageLink = computed(() => {
+    if (pageNumber.value <= 1)
+      return null;
+    return baseUrl.value + getPageLink(pageNumber.value - 1);
+  });
+  const nextPageLink = computed(() => {
+    if (pageNumber.value >= totalPages.value)
+      return null;
+    return baseUrl.value + getPageLink(pageNumber.value + 1);
+  });
+  return {
+    totalPages,
+    startPage,
+    endPage,
+    pages,
+    pageLinks,
+    prevPageLink,
+    nextPageLink
+  };
+};
+
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "Pagination",
+  props: {
+    totalItems: {},
+    totalPages: {},
+    page: { default: 1 },
+    pageSize: {},
+    maxPages: { default: 7 },
+    isUrlPath: { type: Boolean, default: false }
+  },
+  emits: ["update:page"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const {
+      pages,
+      pageLinks,
+      prevPageLink,
+      nextPageLink
+    } = usePagination(props);
+    const __returned__ = { props, emit, pages, pageLinks, prevPageLink, nextPageLink };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
+  _push(`<ol${ssrRenderAttrs(mergeProps({ class: "text-base-900 flex justify-center gap-1.5 text-center text-sm font-medium leading-9" }, _attrs))}><li>`);
+  _push(ssrRenderComponent(_component_ALink, {
+    href: $setup.prevPageLink,
+    onClick: ($event) => $setup.prevPageLink && $setup.emit("update:page", $props.page - 1),
+    class: ["mr-1 block min-w-9 rounded border px-3", $setup.prevPageLink ? "border-base-100 hover:bg-base-100" : "border-transparent text-base-500"]
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<i class="i-arrow-right rotate-180"${_scopeId}></i><span class="ml-1.5 hidden md:inline"${_scopeId}>${ssrInterpolate("Anterior")}</span>`);
+      } else {
+        return [
+          createVNode("i", { class: "i-arrow-right rotate-180" }),
+          createVNode("span", { class: "ml-1.5 hidden md:inline" }, toDisplayString("Anterior"))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</li><!--[-->`);
+  ssrRenderList($setup.pages, (pageN, i) => {
+    _push(`<li>`);
+    _push(ssrRenderComponent(_component_ALink, {
+      href: pageN !== $props.page ? $setup.pageLinks[i] : null,
+      onClick: ($event) => $setup.emit("update:page", pageN),
+      class: ["block w-9 rounded border ring-black/10", pageN === $props.page ? "bg-base-50 border-base-100 ring text-base-700" : "border-transparent hover:bg-base-100"]
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`${ssrInterpolate(pageN)}`);
+        } else {
+          return [
+            createTextVNode(toDisplayString(pageN), 1)
+          ];
+        }
+      }),
+      _: 2
+    }, _parent));
+    _push(`</li>`);
+  });
+  _push(`<!--]--><li>`);
+  _push(ssrRenderComponent(_component_ALink, {
+    href: $setup.nextPageLink,
+    onClick: ($event) => $setup.nextPageLink && $setup.emit("update:page", $props.page + 1),
+    class: ["ml-1 block min-w-9 rounded border px-3", $setup.nextPageLink ? "border-base-100 hover:bg-base-100" : "border-transparent text-base-500"]
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<span class="mr-1.5 hidden md:inline"${_scopeId}>${ssrInterpolate("Pr\xF3ximo")}</span><i class="i-arrow-right"${_scopeId}></i>`);
+      } else {
+        return [
+          createVNode("span", { class: "mr-1.5 hidden md:inline" }, toDisplayString("Pr\xF3ximo")),
+          createVNode("i", { class: "i-arrow-right" })
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</li></ol>`);
+}
+const _sfc_setup$l = _sfc_main$l.setup;
+_sfc_main$l.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Pagination.vue");
+  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
+};
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["ssrRender", _sfc_ssrRender$l]]);
+
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
+var _a;
+const $$Astro$6 = createAstro("https://demo.ecomplus.app");
+const $$SharedData = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  Astro2.self = $$SharedData;
+  const { getInlineClientJS } = await useSharedData(Astro2.props);
+  return renderTemplate(_a || (_a = __template(["<script async>", "<\/script>"])), unescapeHTML(getInlineClientJS()));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/SharedData.astro", void 0);
+
+const useProductShelf = (props) => {
+  const title = ref(props.title || "");
+  const titleLink = ref(props.titleLink || "");
+  const isFetching = ref(false);
+  let fetching = null;
+  const fetchError = ref(null);
+  const products = shallowReactive(props.products || []);
+  if (!props.products) {
+    isFetching.value = true;
+    fetching = (async () => {
+      const limit = props.limit || 24;
+      const offset = props.page ? (props.page - 1) * limit : 0;
+      let endpointQuery = `offset=${offset}&limit=${limit}`;
+      if (props.sort) {
+        endpointQuery += `&sort=${props.sort}`;
+      }
+      if (props.isRelatedProducts) {
+        const { apiContext } = globalThis.$storefront;
+        if (apiContext?.resource === "products") {
+          endpointQuery = `like=${apiContext.doc._id}`;
+          if (!title.value && title.value !== null) {
+            title.value = i19relatedProducts;
+          }
+        }
+      } else {
+        let searchQuery = props.searchQuery || "";
+        let collection;
         if (props.collectionId) {
           try {
             const { data } = await api.get(`collections/${props.collectionId}`);
@@ -4919,11 +5783,17 @@ const usePageHero = async ({ routeContext }) => {
   return { heroSlider };
 };
 const usePageSections = async ({ routeContext, handleCustomSection }) => {
-  const sectionsContent = routeContext.cmsContent?.sections;
+  const { cmsContent } = routeContext;
+  let sectionsContent = cmsContent?.sections;
+  if (cmsContent?.markdown && !sectionsContent?.find(({ type }) => type === "content-entry")) {
+    if (!sectionsContent)
+      sectionsContent = [];
+    sectionsContent.push({ type: "content-entry" });
+  }
   const sections = [];
   if (sectionsContent) {
     await Promise.all(sectionsContent.map(async ({ type, ...sectionContent }, index) => {
-      if (type === "product-shelf") {
+      if (type === "product-shelf" || type === "related-products") {
         const {
           collectionIdAndInfo,
           isHeadless,
@@ -4968,13 +5838,24 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
           sort,
           title: isHeadless ? null : title,
           titleLink,
-          isShuffle
+          isShuffle,
+          isRelatedProducts: type === "related-products"
         };
-        const { fetching, products } = useProductShelf(props);
+        const {
+          fetching,
+          products,
+          title: { value: finalTitle },
+          titleLink: { value: finalTitleLink }
+        } = useProductShelf(props);
         await fetching;
         sections[index] = {
           type,
-          props: { ...props, products }
+          props: {
+            ...props,
+            title: finalTitle,
+            titleLink: finalTitleLink,
+            products
+          }
         };
         return;
       }
@@ -5015,19 +5896,32 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
         sections[index] = { type, props };
         return;
       }
-      if (type === "banners-grid") {
-        sections[index] = {
-          type,
-          props: {
-            banners: parseBanners(sectionContent.banners || [])
-          }
-        };
-        return;
-      }
       switch (type) {
+        case "banners-grid":
+          sections[index] = {
+            type,
+            props: {
+              banners: parseBanners(sectionContent.banners || [])
+            }
+          };
+          return;
+        case "custom-html":
+          sections[index] = {
+            type,
+            props: { html: sectionContent.html || "" }
+          };
+          return;
+        case "content-entry":
+          sections[index] = {
+            type,
+            props: {
+              title: sectionContent.title || cmsContent?.title || "",
+              markdown: sectionContent.markdown || cmsContent?.markdown || ""
+            }
+          };
+          return;
         case "breadcrumbs":
         case "product-details":
-        case "related-products":
         case "doc-description":
         case "doc-banners":
         case "product-specifications":
@@ -5037,12 +5931,6 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
             props: sectionContent
           };
           return;
-        case "custom-html":
-          sections[index] = {
-            type,
-            props: { html: sectionContent.html || "" }
-          };
-          return;
       }
       if (typeof handleCustomSection === "function") {
         const { props } = await handleCustomSection(
@@ -5058,9 +5946,9 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
   };
 };
 
-const $$Astro$6 = createAstro("https://demo.ecomplus.app");
+const $$Astro$5 = createAstro("https://demo.ecomplus.app");
 const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
   Astro2.self = $$BannerPictures;
   const {
     img,
@@ -5113,7 +6001,7 @@ const useBanner = (props) => {
   };
 };
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     img: {},
@@ -5129,106 +6017,384 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const {
-      hasHeader,
-      parsedTitle,
-      parsedSubtitle,
-      parsedButtonText
-    } = useBanner(props);
-    const __returned__ = { props, hasHeader, parsedTitle, parsedSubtitle, parsedButtonText };
+    const {
+      hasHeader,
+      parsedTitle,
+      parsedSubtitle,
+      parsedButtonText
+    } = useBanner(props);
+    const __returned__ = { props, hasHeader, parsedTitle, parsedSubtitle, parsedButtonText };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$k(_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))}>`);
+  _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"
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "picture", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "picture")
+        ];
+      }
+    }),
+    _: 3
+  }, _parent));
+  if ($setup.hasHeader) {
+    _push(`<div class="mb-3 p-12 sm:mb-0 xl:ps-32">`);
+    if ($setup.parsedTitle) {
+      ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.headingTag), { class: "ui-title mt-1" }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`${ssrInterpolate($setup.parsedTitle)}`);
+          } else {
+            return [
+              createTextVNode(toDisplayString($setup.parsedTitle), 1)
+            ];
+          }
+        }),
+        _: 1
+      }), _parent);
+    } else {
+      _push(`<!---->`);
+    }
+    if ($setup.parsedSubtitle) {
+      _push(`<p class="mt-4 text-lg md:mt-6">${ssrInterpolate($setup.parsedSubtitle)}</p>`);
+    } else {
+      _push(`<!---->`);
+    }
+    if ($setup.parsedButtonText) {
+      _push(ssrRenderComponent(_component_ALink, {
+        href: $props.buttonLink,
+        class: "ui-btn-lg ui-btn-contrast mt-7 min-w-[150px] md:mt-10"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`${ssrInterpolate($setup.parsedButtonText)}`);
+          } else {
+            return [
+              createTextVNode(toDisplayString($setup.parsedButtonText), 1)
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`</div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</div>`);
+}
+const _sfc_setup$k = _sfc_main$k.setup;
+_sfc_main$k.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Banner.vue");
+  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
+};
+const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["ssrRender", _sfc_ssrRender$k]]);
+
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "HeroSlider",
+  props: {
+    autoplay: {},
+    slides: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const isMounted = ref(false);
+    onMounted(() => {
+      isMounted.value = true;
+    });
+    const __returned__ = { isMounted, Banner };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Carousel = resolveComponent("Carousel");
+  const _component_CarouselControl = resolveComponent("CarouselControl");
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative mx-auto mb-9 md:mb-12" }, _attrs))}>`);
+  _push(ssrRenderComponent(_component_Carousel, {
+    autoplay: $props.autoplay,
+    class: "secondary [&>*]:items-center"
+  }, {
+    controls: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<div style="${ssrRenderStyle($props.slides.length > 1 ? null : { display: "none" })}" class="absolute bottom-5 right-5 z-10 flex w-screen items-center justify-end xl:left-1/2 xl:right-auto xl:-ms-[640px] xl:max-w-screen-xl"${_scopeId}><div class="${ssrRenderClass([$setup.isMounted ? "opacity-100" : "opacity-20 [&>*]:cursor-wait", "text-primary relative h-10 w-20 rounded-full bg-white/50 shadow-sm ring-1 ring-black/5 transition-opacity"])}"${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_CarouselControl, {
+          class: "hover:bg-primary/10 h-10 w-10 rounded-full",
+          "is-prev": ""
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<i class="i-arrow-right rotate-180"${_scopeId2}></i>`);
+            } else {
+              return [
+                createVNode("i", { class: "i-arrow-right rotate-180" })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent2, _scopeId));
+        _push2(ssrRenderComponent(_component_CarouselControl, { class: "hover:bg-primary/10 h-10 w-10 rounded-full" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<i class="i-arrow-right"${_scopeId2}></i>`);
+            } else {
+              return [
+                createVNode("i", { class: "i-arrow-right" })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent2, _scopeId));
+        _push2(`</div></div>`);
+      } else {
+        return [
+          withDirectives(createVNode("div", { class: "absolute bottom-5 right-5 z-10 flex w-screen items-center justify-end xl:left-1/2 xl:right-auto xl:-ms-[640px] xl:max-w-screen-xl" }, [
+            createVNode("div", {
+              class: ["text-primary relative h-10 w-20 rounded-full bg-white/50 shadow-sm ring-1 ring-black/5 transition-opacity", $setup.isMounted ? "opacity-100" : "opacity-20 [&>*]:cursor-wait"]
+            }, [
+              createVNode(_component_CarouselControl, {
+                class: "hover:bg-primary/10 h-10 w-10 rounded-full",
+                "is-prev": ""
+              }, {
+                default: withCtx(() => [
+                  createVNode("i", { class: "i-arrow-right rotate-180" })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_CarouselControl, { class: "hover:bg-primary/10 h-10 w-10 rounded-full" }, {
+                default: withCtx(() => [
+                  createVNode("i", { class: "i-arrow-right" })
+                ]),
+                _: 1
+              })
+            ], 2)
+          ], 512), [
+            [vShow, $props.slides.length > 1]
+          ])
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<!--[-->`);
+        ssrRenderList($props.slides, (slide, i) => {
+          _push2(`<li class="shrink-0 basis-full"${_scopeId}>`);
+          _push2(ssrRenderComponent($setup["Banner"], mergeProps({ ...slide, headingTag: i === 0 ? "h2" : "h3" }, { class: "w-screen max-w-screen-2xl" }), {
+            picture: withCtx((_2, _push3, _parent3, _scopeId2) => {
+              if (_push3) {
+                ssrRenderSlot(_ctx.$slots, `picture-${i}`, {}, null, _push3, _parent3, _scopeId2);
+              } else {
+                return [
+                  renderSlot(_ctx.$slots, `picture-${i}`)
+                ];
+              }
+            }),
+            _: 2
+          }, _parent2, _scopeId));
+          _push2(`</li>`);
+        });
+        _push2(`<!--]-->`);
+      } else {
+        return [
+          (openBlock(true), createBlock(Fragment$1, null, renderList($props.slides, (slide, i) => {
+            return openBlock(), createBlock("li", {
+              key: i,
+              class: "shrink-0 basis-full"
+            }, [
+              createVNode($setup["Banner"], mergeProps({ ...slide, headingTag: i === 0 ? "h2" : "h3" }, { class: "w-screen max-w-screen-2xl" }), {
+                picture: withCtx(() => [
+                  renderSlot(_ctx.$slots, `picture-${i}`)
+                ]),
+                _: 2
+              }, 1040)
+            ]);
+          }), 128))
+        ];
+      }
+    }),
+    _: 3
+  }, _parent));
+  _push(`</section>`);
+}
+const _sfc_setup$j = _sfc_main$j.setup;
+_sfc_main$j.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/HeroSlider.vue");
+  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
+};
+const HeroSlider = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
+
+const $$Astro$4 = createAstro("https://demo.ecomplus.app");
+const $$Hero = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  Astro2.self = $$Hero;
+  const { routeContext } = Astro2.locals;
+  const { heroSlider } = await usePageHero({ routeContext });
+  const heroSlides = heroSlider.slides;
+  return renderTemplate`${heroSlider.slides.length > 0 && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:idle": true, "client:component-hydration": "idle", "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 })}`}` })}`}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/content/Hero.astro", void 0);
+
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "ContentClearfix",
+  props: {
+    html: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { html } = __props;
+    const parsedHTML = html.replace(/<(img|iframe) /g, '<$1 loading="lazy" ');
+    const __returned__ = { parsedHTML };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<article${ssrRenderAttrs(mergeProps({ class: "prose !max-w-full overflow-x-auto" }, _attrs))}><div class="[&amp;_iframe]:max-w-full [&amp;_img]:max-w-full [&amp;_table]:max-w-full">${$setup.parsedHTML}</div></article>`);
+}
+const _sfc_setup$i = _sfc_main$i.setup;
+_sfc_main$i.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/ContentClearfix.vue");
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+};
+const ContentClearfix = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
+
+const $$Astro$3 = createAstro("https://demo.ecomplus.app");
+const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
+  Astro2.self = $$BannersGrid;
+  const { banners } = Astro2.props;
+  return renderTemplate`${maybeRenderHead()}<section class="ui-section">
+  <ul class="flex flex-wrap gap-4 lg:flex-nowrap">
+    ${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 useBreadcrumbs = async (props = {}) => {
+  const { settings, apiContext, data } = globalThis.$storefront;
+  const {
+    apiDoc = apiContext?.doc,
+    domain = settings.domain
+  } = props;
+  let categories = props.categories || data.categories;
+  if (!categories) {
+    categories = (await useSharedData({ field: "categories" })).value;
+  }
+  const breadcrumbs = [];
+  if (apiDoc) {
+    const productCategories = apiDoc.categories;
+    if (productCategories) {
+      categoriesList(apiDoc).forEach((categoryName) => {
+        const findCategory = (category2) => {
+          return category2.name === categoryName;
+        };
+        const category = productCategories && productCategories.find(findCategory) || categories?.find(findCategory);
+        if (category) {
+          breadcrumbs.push({
+            name: name(category),
+            link: `/${category.slug}`
+          });
+        }
+      });
+    }
+    breadcrumbs.push({
+      name: name(apiDoc),
+      link: `/${apiDoc.slug}`
+    });
+  }
+  return {
+    breadcrumbs,
+    inlineJSONLd: domain ? JSON.stringify({
+      "@context": "https://schema.org",
+      "@type": "BreadcrumbList",
+      itemListElement: [
+        {
+          "@type": "ListItem",
+          position: 1,
+          item: {
+            "@id": `https://${domain}/`,
+            name: "Homepage"
+          }
+        }
+      ].concat(breadcrumbs.map(({ name, link }, index) => {
+        return {
+          "@type": "ListItem",
+          position: index + 2,
+          item: {
+            "@id": `https://${domain}${link}`,
+            name
+          }
+        };
+      }))
+    }) : null
+  };
+};
+
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "Breadcrumbs",
+  props: {
+    apiDoc: {},
+    categories: {},
+    domain: {}
+  },
+  async setup(__props, { expose: __expose }) {
+    __expose();
+    let __temp, __restore;
+    const props = __props;
+    const { breadcrumbs, inlineJSONLd } = ([__temp, __restore] = withAsyncContext(() => useBreadcrumbs(props)), __temp = await __temp, __restore(), __temp);
+    const __returned__ = { props, breadcrumbs, inlineJSONLd };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 function _sfc_ssrRender$h(_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))}>`);
-  _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"
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "picture", {}, null, _push2, _parent2, _scopeId);
+  _push(`<!--[-->`);
+  if ($setup.breadcrumbs.length > 1) {
+    _push(`<section class="ui-section-slim"><nav aria-label="Breadcrumb" class="w-full overflow-hidden text-lg md:text-sm"><ol class="text-base-600 flex items-center gap-1"><li><a href="/" class="hover:text-primary"><span class="sr-only">${ssrInterpolate("In\xEDcio")}</span><i class="i-home"></i></a></li><!--[-->`);
+    ssrRenderList($setup.breadcrumbs, ({ name, link }, i) => {
+      _push(`<!--[-->`);
+      if (i + 1 < $setup.breadcrumbs.length) {
+        _push(`<!--[--><li class="text-base-300"><i class="i-chevron-right"></i></li><li class="whitespace-nowrap"><a${ssrRenderAttr("href", link)} class="hover:text-primary">${ssrInterpolate(name)}</a></li><!--]-->`);
       } else {
-        return [
-          renderSlot$1(_ctx.$slots, "picture")
-        ];
+        _push(`<!--[--><li class="text-base-300 hidden lg:block"><i class="i-chevron-right"></i></li><li class="hidden truncate lg:block"><span class="text-base-500">${ssrInterpolate(name)}</span></li><!--]-->`);
       }
-    }),
-    _: 3
-  }, _parent));
-  if ($setup.hasHeader) {
-    _push(`<div class="mb-3 p-12 sm:mb-0 xl:ps-32">`);
-    if ($setup.parsedTitle) {
-      ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.headingTag), { class: "ui-title mt-1" }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate($setup.parsedTitle)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString($setup.parsedTitle), 1)
-            ];
-          }
-        }),
-        _: 1
-      }), _parent);
-    } else {
-      _push(`<!---->`);
-    }
-    if ($setup.parsedSubtitle) {
-      _push(`<p class="mt-4 text-lg md:mt-6">${ssrInterpolate($setup.parsedSubtitle)}</p>`);
-    } else {
-      _push(`<!---->`);
-    }
-    if ($setup.parsedButtonText) {
-      _push(ssrRenderComponent(_component_ALink, {
-        href: $props.buttonLink,
-        class: "ui-btn-lg ui-btn-contrast mt-7 min-w-[150px] md:mt-10"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate($setup.parsedButtonText)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString($setup.parsedButtonText), 1)
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`</div>`);
+      _push(`<!--]-->`);
+    });
+    _push(`<!--]--></ol></nav></section>`);
   } else {
     _push(`<!---->`);
   }
-  _push(`</div>`);
+  if ($setup.inlineJSONLd) {
+    _push(`<script type="application/ld+json">${$setup.inlineJSONLd}<\/script>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<!--]-->`);
 }
 const _sfc_setup$h = _sfc_main$h.setup;
 _sfc_main$h.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Banner.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Breadcrumbs.vue");
   return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
 };
-const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
-
-const $$Astro$5 = createAstro("https://demo.ecomplus.app");
-const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
-  Astro2.self = $$BannersGrid;
-  const { banners } = Astro2.props;
-  return renderTemplate`${maybeRenderHead()}<section class="ui-section">
-  <ul class="flex flex-wrap gap-4 lg:flex-nowrap">
-    ${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 Breadcrumbs = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
 
 const emitGtagEvent = async (name, _params) => {
   return;
@@ -6023,127 +7189,7 @@ _sfc_main$e.setup = (props, ctx) => {
 };
 const ProductShelf = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
 
-const useBreadcrumbs = async (props = {}) => {
-  const { settings, apiContext, data } = globalThis.$storefront;
-  const {
-    apiDoc = apiContext?.doc,
-    domain = settings.domain
-  } = props;
-  let categories = props.categories || data.categories;
-  if (!categories) {
-    categories = (await useSharedData({ field: "categories" })).value;
-  }
-  const breadcrumbs = [];
-  if (apiDoc) {
-    const productCategories = apiDoc.categories;
-    if (productCategories) {
-      categoriesList(apiDoc).forEach((categoryName) => {
-        const findCategory = (category2) => {
-          return category2.name === categoryName;
-        };
-        const category = productCategories && productCategories.find(findCategory) || categories?.find(findCategory);
-        if (category) {
-          breadcrumbs.push({
-            name: name(category),
-            link: `/${category.slug}`
-          });
-        }
-      });
-    }
-    breadcrumbs.push({
-      name: name(apiDoc),
-      link: `/${apiDoc.slug}`
-    });
-  }
-  return {
-    breadcrumbs,
-    inlineJSONLd: domain ? JSON.stringify({
-      "@context": "https://schema.org",
-      "@type": "BreadcrumbList",
-      itemListElement: [
-        {
-          "@type": "ListItem",
-          position: 1,
-          item: {
-            "@id": `https://${domain}/`,
-            name: "Homepage"
-          }
-        }
-      ].concat(breadcrumbs.map(({ name, link }, index) => {
-        return {
-          "@type": "ListItem",
-          position: index + 2,
-          item: {
-            "@id": `https://${domain}${link}`,
-            name
-          }
-        };
-      }))
-    }) : null
-  };
-};
-
-var __freeze$1 = Object.freeze;
-var __defProp$1 = Object.defineProperty;
-var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
-var _a$1;
-const $$Astro$4 = createAstro("https://demo.ecomplus.app");
-const $$Breadcrumbs = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
-  Astro2.self = $$Breadcrumbs;
-  const { breadcrumbs, inlineJSONLd } = await useBreadcrumbs(Astro2.props);
-  return renderTemplate`${breadcrumbs.length > 0 && renderTemplate`${maybeRenderHead()}<section${addAttribute(`ui-section-slim ${breadcrumbs.length > 1 ? "" : "hidden lg:block"}`, "class")}>
-    <nav aria-label="Breadcrumb" class="w-full overflow-hidden text-lg md:text-sm">
-      <ol class="flex items-center gap-1 text-base-600">
-        <li>
-          <a href="/" class="hover:text-primary">
-            <span class="sr-only"> Home </span>
-            <i class="i-home"></i>
-          </a>
-        </li>
-        ${breadcrumbs.map(
-    ({ name, link }, i) => renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${i + 1 < breadcrumbs.length ? renderTemplate`<li class="text-base-300">
-                  <i class="i-chevron-right"></i>
-                </li><li class="whitespace-nowrap">
-                  <a${addAttribute(link, "href")} class="hover:text-primary">${name}</a>
-                </li>` : renderTemplate`<li class="hidden lg:block text-base-300">
-                  <i class="i-chevron-right"></i>
-                </li><li class="hidden lg:block whitespace-nowrap overflow-hidden text-ellipsis">
-                  <span class="text-base-500">${name}</span>
-                </li>`}` })}`
-  )}
-      </ol>
-    </nav>
-    ${inlineJSONLd && renderTemplate(_a$1 || (_a$1 = __template$1(['<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineJSONLd))}
-  </section>`}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/Breadcrumbs.astro", void 0);
-
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "ContentClearfix",
-  props: {
-    html: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const { html } = __props;
-    const parsedHTML = html.replace(/<(img|iframe) /g, '<$1 loading="lazy" ');
-    const __returned__ = { parsedHTML };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<article${ssrRenderAttrs(mergeProps({ class: "prose !max-w-full overflow-x-auto" }, _attrs))}><div class="[&amp;_iframe]:max-w-full [&amp;_img]:max-w-full [&amp;_table]:max-w-full">${$setup.parsedHTML}</div></article>`);
-}
-const _sfc_setup$d = _sfc_main$d.setup;
-_sfc_main$d.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/ContentClearfix.vue");
-  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
-};
-const ContentClearfix = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
-
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Collapse",
   props: {
     title: {}
@@ -6155,20 +7201,20 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<details${ssrRenderAttrs(mergeProps({ class: "group my-4 md:my-5 [&_i]:open:-rotate-90" }, _attrs))}><summary role="button" class="text-base-700 hover:text-base-800 [&amp;&gt;i]:hover:text-primary list-none text-2xl font-medium lowercase group-open:mb-3"><i class="i-chevron-right mr-1 rotate-90"></i><span>${ssrInterpolate($props.title)}</span></summary>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</details>`);
 }
-const _sfc_setup$c = _sfc_main$c.setup;
-_sfc_main$c.setup = (props, ctx) => {
+const _sfc_setup$d = _sfc_main$d.setup;
+_sfc_main$d.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Collapse.vue");
-  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
-const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "DocDescription",
   props: {
     apiDoc: { default: () => globalThis.$storefront.apiContext?.doc },
@@ -6183,7 +7229,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   if ($setup.html) {
     _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
     _push(ssrRenderComponent($setup["Collapse"], {
@@ -6206,15 +7252,15 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _push(`<!---->`);
   }
 }
-const _sfc_setup$b = _sfc_main$b.setup;
-_sfc_main$b.setup = (props, ctx) => {
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/DocDescription.vue");
-  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const DocDescription = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+const DocDescription = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "DocBanners",
   props: {
     apiDoc: { default: () => globalThis.$storefront.apiContext?.doc },
@@ -6229,25 +7275,29 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
-  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><ul class="flex flex-wrap gap-4 lg:flex-nowrap"><!--[-->`);
-  ssrRenderList($setup.pictures, (picture, i) => {
-    _push(`<li class="lg:flex-1 [&amp;_img]:w-full [&amp;_img]:object-cover">`);
-    _push(ssrRenderComponent(_component_AImg, { picture }, null, _parent));
-    _push(`</li>`);
-  });
-  _push(`<!--]--></ul></section>`);
+  if ($setup.pictures.length) {
+    _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><ul class="flex flex-wrap gap-4 lg:flex-nowrap"><!--[-->`);
+    ssrRenderList($setup.pictures, (picture, i) => {
+      _push(`<li class="lg:flex-1 [&amp;_img]:w-full [&amp;_img]:object-cover">`);
+      _push(ssrRenderComponent(_component_AImg, { picture }, null, _parent));
+      _push(`</li>`);
+    });
+    _push(`<!--]--></ul></section>`);
+  } else {
+    _push(`<!---->`);
+  }
 }
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.setup = (props, ctx) => {
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/DocBanners.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const DocBanners = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+const DocBanners = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CheckoutLink",
   props: {
     to: { default: "cart" },
@@ -6302,20 +7352,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.setup = (props, ctx) => {
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CheckoutLink.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
+const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "QuantitySelectorControl",
   props: {
     isMinus: { type: Boolean }
@@ -6332,7 +7382,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     class: "leading-12 enabled:text-primary enabled:hover:bg-primary-100/70 h-12 w-10 text-xl disabled:opacity-40",
@@ -6349,16 +7399,16 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</button>`);
 }
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.setup = (props, ctx) => {
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelectorControl.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
 
 const quantitySelectorKey = Symbol("quantitySelector");
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "QuantitySelector",
   props: {
     modelValue: { default: 1 },
@@ -6407,7 +7457,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({ "data-quantity-selector": "" }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "label", { inputId: $setup.inputId, value: $setup.value }, () => {
     _push(`<label${ssrRenderAttr("for", $setup.inputId)} class="sr-only">${ssrInterpolate("Quantidade")}</label>`);
@@ -6423,7 +7473,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           ssrRenderSlot(_ctx.$slots, "minus", {}, null, _push2, _parent2, _scopeId);
         } else {
           return [
-            renderSlot$1(_ctx.$slots, "minus")
+            renderSlot(_ctx.$slots, "minus")
           ];
         }
       }),
@@ -6435,7 +7485,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           ssrRenderSlot(_ctx.$slots, "plus", {}, null, _push2, _parent2, _scopeId);
         } else {
           return [
-            renderSlot$1(_ctx.$slots, "plus")
+            renderSlot(_ctx.$slots, "plus")
           ];
         }
       }),
@@ -6444,15 +7494,15 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</div></div>`);
 }
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelector.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ImagesGallery",
   props: {
     pictures: {}
@@ -6509,7 +7559,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_AImg = resolveComponent("AImg");
   const _component_CarouselControl = resolveComponent("CarouselControl");
@@ -6545,11 +7595,11 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         if (_push2) {
           _push2(`<!--[-->`);
           ssrRenderList(Math.ceil($props.pictures.length / 2), (i) => {
-            _push2(`<li class="${ssrRenderClass([i === 1 && "pt-1", "grid h-1/3 w-full grid-cols-2 gap-3 px-1 pb-3"])}"${_scopeId}><!--[-->`);
+            _push2(`<li class="${ssrRenderClass([i === 1 && "pt-1", "grid w-full grid-cols-2 gap-3 px-1 pb-3"])}"${_scopeId}><!--[-->`);
             ssrRenderList([1, 2].map((ii) => (i - 1) * 2 + (ii - 1)), (index) => {
               _push2(`<!--[-->`);
               if (index < $props.pictures.length) {
-                _push2(`<button class="bg-secondary-100 h-full rounded"${_scopeId}>`);
+                _push2(`<button class="bg-secondary-100 block rounded md:h-[175px]"${_scopeId}>`);
                 _push2(ssrRenderComponent(_component_AImg, {
                   picture: $props.pictures[index],
                   class: ["ring-secondary/10 h-full w-full rounded border-2 object-cover opacity-90 transition-colors", index === $setup.activeIndex ? "border-secondary/50 ring-4 cursor-auto" : "border-transparent hover:border-primary hover:ring-4 hover:ring-primary/20"]
@@ -6568,7 +7618,7 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             (openBlock(true), createBlock(Fragment$1, null, renderList(Math.ceil($props.pictures.length / 2), (i) => {
               return openBlock(), createBlock("li", {
                 key: i,
-                class: ["grid h-1/3 w-full grid-cols-2 gap-3 px-1 pb-3", i === 1 && "pt-1"]
+                class: ["grid w-full grid-cols-2 gap-3 px-1 pb-3", i === 1 && "pt-1"]
               }, [
                 (openBlock(true), createBlock(Fragment$1, null, renderList([1, 2].map((ii) => (i - 1) * 2 + (ii - 1)), (index) => {
                   return openBlock(), createBlock(Fragment$1, {
@@ -6576,7 +7626,7 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   }, [
                     index < $props.pictures.length ? (openBlock(), createBlock("button", {
                       key: 0,
-                      class: "bg-secondary-100 h-full rounded",
+                      class: "bg-secondary-100 block rounded md:h-[175px]",
                       onClick: ($event) => $setup.activeIndex = index
                     }, [
                       createVNode(_component_AImg, {
@@ -6689,20 +7739,22 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div></div>`);
 }
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ImagesGallery.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
-const ImagesGallery = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+const ImagesGallery = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
 
 const useSkuSelector = (props) => {
-  const grids = shallowReactive(globalThis.$storefront.data.grids || []);
-  if (!grids.length) {
-    api.get("grids").then(({ data: { result } }) => {
-      result.forEach((grid) => grids.push(grid));
-    });
+  const grids = shallowReactive(
+    props.grids || globalThis.$storefront.data.grids || []
+  );
+  if (!grids.length && false) {
+    window.addEventListener("storefront:data:data", () => {
+      globalThis.$storefront.data.grids?.forEach((grid) => grids.push(grid));
+    }, { once: true });
   }
   const variationsGrids$1 = reactive({});
   const activeVariationsGrids = reactive({});
@@ -6804,11 +7856,12 @@ const useSkuSelector = (props) => {
   };
 };
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SkuSelector",
   props: {
     variations: {},
-    variationId: {}
+    variationId: {},
+    grids: {}
   },
   emits: ["update:variationId"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -6832,7 +7885,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(_attrs)}><!--[-->`);
   ssrRenderList($setup.variationsGrids, (options, gridId) => {
     _push(`<div class="mt-3"><span class="text-base-700 text-sm font-medium">${ssrInterpolate($setup.getGridTitle(gridId))}: `);
@@ -6859,15 +7912,15 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></div>`);
 }
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+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/components/SkuSelector.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
 };
-const SkuSelector = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+const SkuSelector = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ProductDetails",
   props: {
     product: { default: () => globalThis.$storefront.apiContext?.doc }
@@ -6920,7 +7973,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section relative grid grid-cols-1 items-start gap-5 md:gap-4 lg:grid-cols-4 2xl:gap-6" }, _attrs))}><div class="w-full lg:col-span-3">`);
   if ($setup.product.pictures?.length) {
@@ -6970,7 +8023,7 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       }),
       _: 1
     }, _parent));
-    _push(`<div class="mt-5 flex flex-wrap items-center gap-x-4 gap-y-2 overflow-hidden md:flex-nowrap lg:mt-4 lg:flex-wrap">`);
+    _push(`<div class="mt-5 flex flex-wrap items-center gap-x-4 gap-y-2 md:flex-nowrap lg:mt-4 lg:flex-wrap">`);
     _push(ssrRenderComponent($setup["QuantitySelector"], {
       modelValue: $setup.quantity,
       "onUpdate:modelValue": ($event) => $setup.quantity = $event,
@@ -7009,15 +8062,15 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   ssrRenderSlot(_ctx.$slots, "description", {}, null, _push, _parent);
   _push(`</div></section>`);
 }
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
+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/ProductDetails.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
 };
-const ProductDetails = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+const ProductDetails = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ProductSpecifications",
   props: {
     product: { default: () => globalThis.$storefront.apiContext?.doc },
@@ -7038,7 +8091,7 @@ 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) {
   if ($setup.hasSpecs) {
     _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
     _push(ssrRenderComponent($setup["Collapse"], {
@@ -7048,7 +8101,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         if (_push2) {
           _push2(`<ul${_scopeId}><!--[-->`);
           ssrRenderList($setup.specifications, (grid, gridId) => {
-            _push2(`<li class="border-base-200 grid grid-cols-2 border-dashed py-2 sm:grid-cols-3 [&amp;:not(:last-child)]:border-b"${_scopeId}><span class="text-base-700"${_scopeId}>${ssrInterpolate($setup.getGridTitle(`${gridId}`, $setup.grids))}</span><strong class="font-semibold sm:col-span-2"${_scopeId}>${ssrInterpolate($setup.getSpecTextValue($props.product, `${gridId}`, $setup.grids))}</strong></li>`);
+            _push2(`<li class="border-base-200 grid grid-cols-2 border-dashed py-2 sm:grid-cols-3 [&amp;:not(:last-child)]:border-b"${_scopeId}><span class="text-base-700"${_scopeId}>${ssrInterpolate($setup.getGridTitle(`${gridId}`, $setup.grids || []))}</span><strong class="font-semibold sm:col-span-2"${_scopeId}>${ssrInterpolate($setup.getSpecTextValue($props.product, `${gridId}`, $setup.grids))}</strong></li>`);
           });
           _push2(`<!--]--></ul>`);
         } else {
@@ -7059,7 +8112,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   key: gridId,
                   class: "border-base-200 grid grid-cols-2 border-dashed py-2 sm:grid-cols-3 [&:not(:last-child)]:border-b"
                 }, [
-                  createVNode("span", { class: "text-base-700" }, toDisplayString($setup.getGridTitle(`${gridId}`, $setup.grids)), 1),
+                  createVNode("span", { class: "text-base-700" }, toDisplayString($setup.getGridTitle(`${gridId}`, $setup.grids || [])), 1),
                   createVNode("strong", { class: "font-semibold sm:col-span-2" }, toDisplayString($setup.getSpecTextValue($props.product, `${gridId}`, $setup.grids)), 1)
                 ]);
               }), 128))
@@ -7074,157 +8127,15 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _push(`<!---->`);
   }
 }
-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/ProductSpecifications.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
-};
-const ProductSpecifications = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
-
-const usePagination = (props) => {
-  const totalPages = computed(() => {
-    if (props.totalPages)
-      return props.totalPages;
-    if (props.totalItems && props.pageSize) {
-      return Math.ceil(props.totalItems / props.pageSize);
-    }
-    return 1;
-  });
-  const pageNumber = computed(() => {
-    const currentPage = props.page || 1;
-    if (currentPage < 1)
-      return 1;
-    if (currentPage > totalPages.value)
-      return totalPages.value;
-    return currentPage;
-  });
-  const maxPages = computed(() => props.maxPages || 10);
-  const startPage = computed(() => {
-    if (totalPages.value <= maxPages.value)
-      return 1;
-    const maxPagesBeforeCurrent = Math.floor(maxPages.value / 2);
-    const maxPagesAfterCurrent = Math.ceil(maxPages.value / 2) - 1;
-    if (pageNumber.value <= maxPagesBeforeCurrent)
-      return 1;
-    if (pageNumber.value + maxPagesAfterCurrent >= totalPages.value) {
-      return totalPages.value - maxPages.value + 1;
-    }
-    return pageNumber.value - maxPagesBeforeCurrent;
-  });
-  const endPage = computed(() => {
-    if (totalPages.value <= maxPages.value)
-      return totalPages.value;
-    const maxPagesBeforeCurrent = Math.floor(maxPages.value / 2);
-    const maxPagesAfterCurrent = Math.ceil(maxPages.value / 2) - 1;
-    if (pageNumber.value <= maxPagesBeforeCurrent)
-      return maxPages.value;
-    if (pageNumber.value + maxPagesAfterCurrent >= totalPages.value) {
-      return totalPages.value;
-    }
-    return pageNumber.value + maxPagesAfterCurrent;
-  });
-  const pages = computed(() => {
-    return Array.from(Array(endPage.value + 1 - startPage.value).keys()).map((i) => startPage.value + i);
-  });
-  return {
-    totalPages,
-    startPage,
-    endPage,
-    pages
-  };
-};
-
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Pagination",
-  props: {
-    totalItems: {},
-    totalPages: {},
-    page: { default: 1 },
-    pageSize: {},
-    maxPages: { default: 7 }
-  },
-  emits: ["update:page"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const { totalPages, pages } = usePagination(props);
-    const __returned__ = { props, emit, totalPages, pages };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_ALink = resolveComponent("ALink");
-  _push(`<ol${ssrRenderAttrs(mergeProps({ class: "text-base-900 flex justify-center gap-1.5 text-center text-sm font-medium leading-9" }, _attrs))}><li>`);
-  _push(ssrRenderComponent(_component_ALink, {
-    href: $props.page > 1 ? `?p=${$props.page - 1}` : null,
-    onClick: ($event) => $props.page > 1 && $setup.emit("update:page", $props.page - 1),
-    class: ["mr-1 block min-w-9 rounded border px-3", $props.page > 1 ? "border-base-100 hover:bg-base-100" : "border-transparent text-base-500"]
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<i class="i-arrow-right rotate-180"${_scopeId}></i><span class="ml-1.5 hidden md:inline"${_scopeId}>${ssrInterpolate("Anterior")}</span>`);
-      } else {
-        return [
-          createVNode("i", { class: "i-arrow-right rotate-180" }),
-          createVNode("span", { class: "ml-1.5 hidden md:inline" }, toDisplayString("Anterior"))
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</li><!--[-->`);
-  ssrRenderList($setup.pages, (pageN) => {
-    _push(`<li>`);
-    _push(ssrRenderComponent(_component_ALink, {
-      href: pageN !== $props.page ? `?p=${pageN}` : null,
-      onClick: ($event) => $setup.emit("update:page", pageN),
-      class: ["block w-9 rounded border ring-black/10", pageN === $props.page ? "bg-base-50 border-base-100 ring text-base-700" : "border-transparent hover:bg-base-100"]
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          _push2(`${ssrInterpolate(pageN)}`);
-        } else {
-          return [
-            createTextVNode(toDisplayString(pageN), 1)
-          ];
-        }
-      }),
-      _: 2
-    }, _parent));
-    _push(`</li>`);
-  });
-  _push(`<!--]--><li>`);
-  _push(ssrRenderComponent(_component_ALink, {
-    href: $props.page < $setup.totalPages ? `?p=${$props.page + 1}` : null,
-    onClick: ($event) => $props.page < $setup.totalPages && $setup.emit("update:page", $props.page + 1),
-    class: ["ml-1 block min-w-9 rounded border px-3", $props.page < $setup.totalPages ? "border-base-100 hover:bg-base-100" : "border-transparent text-base-500"]
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<span class="mr-1.5 hidden md:inline"${_scopeId}>${ssrInterpolate("Pr\xF3ximo")}</span><i class="i-arrow-right"${_scopeId}></i>`);
-      } else {
-        return [
-          createVNode("span", { class: "mr-1.5 hidden md:inline" }, toDisplayString("Pr\xF3ximo")),
-          createVNode("i", { class: "i-arrow-right" })
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</li></ol>`);
-}
-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/Pagination.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
 };
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+const ProductSpecifications = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SearchFilters",
   props: {
     searchEngine: {},
@@ -7250,7 +8161,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<aside${ssrRenderAttrs(mergeProps({ class: "bg-base-50/40 h-screen overflow-y-auto" }, _attrs))}><header class="px-6 pb-3 pt-5 text-center">`);
   if ($setup.filtersCount) {
     _push(`<button class="ui-btn-sm ui-btn-danger py-1">${ssrInterpolate("Limpar filtros")} <i class="i-trash ml-0.5"></i></button>`);
@@ -7384,15 +8295,15 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</aside>`);
 }
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.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/SearchFilters.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
 };
-const SearchFilters = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+const SearchFilters = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SearchShowcase",
   props: {
     term: {},
@@ -7441,7 +8352,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Skeleton = resolveComponent("Skeleton");
   const _component_Fade = resolveComponent("Fade");
   _push(`<!--[-->`);
@@ -7873,17 +8784,103 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   }, _parent));
   _push(`<!--]-->`);
 }
+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/SearchShowcase.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const SearchShowcase = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "PageTitle",
+  props: {
+    apiDoc: { default: () => globalThis.$storefront.apiContext?.doc },
+    title: {},
+    description: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const title = computed(() => {
+      return props.title || props.apiDoc?.name;
+    });
+    const logo = computed(() => {
+      return props.apiDoc?.logo;
+    });
+    const description = computed(() => {
+      return props.description || props.apiDoc?.short_description;
+    });
+    const __returned__ = { props, title, logo, description };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_AImg = resolveComponent("AImg");
+  if ($setup.title) {
+    _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><div class="flex items-center gap-4">`);
+    if ($setup.logo) {
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $setup.logo,
+        alt: $setup.logo.alt || $setup.title,
+        class: "h-auto max-w-[150px] xl:max-w-[200px]"
+      }, null, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`<h1 class="ui-title">${ssrInterpolate($setup.title)}</h1></div><div class="prose">`);
+    if ($setup.description) {
+      _push(`<p>${ssrInterpolate($setup.description)}</p>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`</div></section>`);
+  } else {
+    _push(`<!---->`);
+  }
+}
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PageTitle.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const PageTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentEntry",
+  props: {
+    title: {},
+    markdown: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const html = computed(() => micromark(props.markdown, {
+      allowDangerousHtml: true
+    }));
+    const __returned__ = { props, html, ContentClearfix };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><article class="prose"><h1 class="ui-title not-prose my-4">${ssrInterpolate($props.title)}</h1>`);
+  _push(ssrRenderComponent($setup["ContentClearfix"], { html: $setup.html }, null, _parent));
+  _push(`</article></section>`);
+}
 const _sfc_setup = _sfc_main.setup;
 _sfc_main.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/SearchShowcase.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ContentEntry.vue");
   return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
 };
-const SearchShowcase = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+const ContentEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
 
-const $$Astro$3 = createAstro("https://demo.ecomplus.app");
+const $$Astro$2 = createAstro("https://demo.ecomplus.app");
 const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
   Astro2.self = $$Sections;
   const { routeContext } = Astro2.locals;
   const { sections } = await usePageSections({
@@ -7894,19 +8891,19 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
       return { props: content };
     }
   });
-  const { isHomepage } = routeContext;
-  return renderTemplate`${maybeRenderHead()}<article class="mt-6 mb-9 md:mt-8 md:mb-12">
-  ${sections.map(async ({ type, props }) => {
+  const { cmsContent } = routeContext;
+  return renderTemplate`${maybeRenderHead()}<article class="mb-9 mt-6 md:mb-12 md:mt-8">
+  ${sections.map(async ({ type, props }, index) => {
     switch (type) {
       case "product-shelf":
-        return isHomepage ? renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
+        return index === 0 || index < 2 && !cmsContent?.hero?.slides.length ? renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
       case "related-products":
         props.isRelatedProducts = true;
         return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
       case "banners-grid":
         return renderTemplate`${renderComponent($$result, "BannersGrid", $$BannersGrid, { ...props })}`;
       case "breadcrumbs":
-        return renderTemplate`${renderComponent($$result, "Breadcrumbs", $$Breadcrumbs, {})}`;
+        return renderTemplate`${renderComponent($$result, "Breadcrumbs", Breadcrumbs, {})}`;
       case "doc-description":
         return renderTemplate`${renderComponent($$result, "DocDescription", DocDescription, {})}`;
       case "doc-banners":
@@ -7923,6 +8920,12 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
             ${renderComponent($$result2, "SearchShowcase", SearchShowcase, { ...props, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/SearchShowcase.vue", "client:component-export": "default" })}
           </article>
         ` })}`;
+      case "page-title":
+        return renderTemplate`${renderComponent($$result, "PageTitle", PageTitle, { ...props })}`;
+      case "content-entry":
+        return renderTemplate`${renderComponent($$result, "ContentEntry", ContentEntry, { ...props })}`;
+      case "custom-html":
+        return renderTemplate`${renderComponent($$result, "ContentClearfix", ContentClearfix, { "html": props.html })}`;
       case "c:foo":
         return renderTemplate`<div${addAttribute(props.foo, "data-foo")}></div>`;
       default:
@@ -7930,51 +8933,69 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
     }
   })}
 </article>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro", void 0);
-
-var __freeze = Object.freeze;
-var __defProp = Object.defineProperty;
-var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
-var _a;
-const $$Astro$2 = createAstro("https://demo.ecomplus.app");
-const $$SharedData = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
-  Astro2.self = $$SharedData;
-  const { getInlineClientJS } = await useSharedData(Astro2.props);
-  return renderTemplate(_a || (_a = __template(["<script>", "<\/script>"])), unescapeHTML(getInlineClientJS()));
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/SharedData.astro", void 0);
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/content/Sections.astro", void 0);
 
 const $$Astro$1 = createAstro("https://demo.ecomplus.app");
-const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
+const $$Main = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
-  Astro2.self = $$Wildcard;
-  const { fetchingApiContext } = Astro2.locals.routeContext;
-  const [
-    { data: { result: grids } }
-  ] = await Promise.all([
-    api.get("grids"),
-    fetchingApiContext
-  ]);
+  Astro2.self = $$Main;
+  const { routeContext } = Astro2.locals;
+  const { isSearchPage, fetchingApiContext } = routeContext;
+  const sharedData = {};
+  if (isSearchPage || fetchingApiContext) {
+    const [
+      { data: { result: grids } }
+    ] = await Promise.all([
+      api.get("grids"),
+      fetchingApiContext
+    ]);
+    sharedData.grids = grids;
+  }
   return renderTemplate`${maybeRenderHead()}<main>
-  ${renderComponent($$result, "SharedData", $$SharedData, { "field": "grids", "value": grids })}
+  ${Object.entries(sharedData).map(([field, value]) => renderTemplate`${renderComponent($$result, "SharedData", $$SharedData, { "field": field, "value": value })}`)}
+  ${renderComponent($$result, "Hero", $$Hero, {})}
   ${renderComponent($$result, "Sections", $$Sections, {})}
 </main>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro", void 0);
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Main.astro", void 0);
 
 const $$Astro = createAstro("https://demo.ecomplus.app");
 async function getStaticPaths() {
-  return (await api.get("products?sort=-sales&limit=4&fields=slug")).data.result.map(({ slug }) => ({ params: { slug } }));
+  const paths = [{
+    params: { slug: void 0 }
+  }];
+  if (!{"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_MINIMAL) {
+    const { data } = await api.get("products?sort=-sales&fields=slug&limit=2");
+    data.result.forEach(({ slug }) => {
+      if (slug)
+        paths.push({ params: { slug } });
+    });
+    const pageSlugs = await getConfig().getContent("extra-pages/");
+    const postSlugs = await getConfig().getContent("blog/");
+    pageSlugs.slice(0, 2).map((slug) => `p/${slug}`).concat(postSlugs.slice(0, 2).map((slug) => `posts/${slug}`)).forEach((slug) => {
+      paths.push({ params: { slug } });
+    });
+  }
+  return paths;
 }
 const $$ = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
   Astro2.self = $$;
-  if (String(Astro2.params.slug).endsWith(".css.map")) {
+  let slug = Astro2.params.slug || "";
+  if (slug.endsWith(".map")) {
     return new Response(null, { status: 404 });
   }
+  let contentCollection;
+  if (slug.startsWith("p/")) {
+    contentCollection = "extra-pages";
+    Astro2.params.slug = slug.replace(/^p\//, "");
+  } else if (slug.startsWith("posts/")) {
+    contentCollection = "blog";
+    Astro2.params.slug = slug.replace(/^posts\//, "");
+  }
   let routeContext;
   let loadError;
   try {
-    routeContext = await loadRouteContext(Astro2);
+    routeContext = await loadRouteContext(Astro2, { contentCollection });
   } catch (err) {
     if (err.astroResponse) {
       return err.astroResponse;
@@ -7985,13 +9006,12 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
 ${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, "WildcardMain", $$Wildcard, {})}
+    ${renderComponent($$result2, "Main", $$Main, {})}
     ${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/[...slug].astro", void 0);
-
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
 const $$url = "/[...slug]";
 
@@ -8003,4 +9023,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$BaseHead as $, Banner as B, CheckoutLink as C, FooterStamps as F, ProductShelf as P, QuantitySelector as Q, SearchEngine as S, _export_sfc as _, $$Picture as a, $$Base as b, $$BannerPictures as c, $$Sections as d, $$PageHeader as e, $$PageFooter as f, assetsDir as g, clearAccents as h, imageConfig as i, getSearchUrl as j, Prices as k, loadRouteContext as l, freeShippingFromValue as m, shoppingCart as n, ____slug_ as o, parseProduct as p, removeCartItem as r, searchHistory as s, totalItems as t, usePageHero as u };
+export { $$BaseHead as $, ____slug_ as A, CheckoutLink as C, FooterStamps as F, Pagination as P, QuantitySelector as Q, SearchEngine as S, _export_sfc as _, $$PageHeader as a, $$PageFooter as b, $$Base as c, $$Picture as d, i19shoppingCart as e, imageConfig as f, getConfig as g, assetsDir as h, i19myAccount as i, i19error as j, i19errorMsg as k, loadRouteContext as l, i19notFound as m, i19home as n, mod as o, createApp as p, clearAccents as q, getSearchUrl as r, searchHistory as s, ProductShelf as t, parseProduct as u, removeCartItem as v, Prices as w, freeShippingFromValue as x, shoppingCart as y, totalItems as z };