import { e as buildAssetsURL } from '../_/nitro.mjs';
import { u } from './Skeleton-Bnk8IDLx.mjs';
import { g } from './SvgIcon-C2791tkm.mjs';
import { mergeProps, ref, unref, useSSRContext, withCtx, createVNode, computed, openBlock, createBlock, Fragment, renderList, toDisplayString, createTextVNode } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderClass, ssrRenderList, ssrRenderAttr, ssrInterpolate } from 'vue/server-renderer';
import { d as uf, b as Qs, a as Qt, i as wn, _ as An } from './server.mjs';
import { t } from './client-only-CAHE6F0E.mjs';
import { m as me, v as ve, L as L$1, A, I } from './swiper-vue-DYDolirs.mjs';
import { $ } from './ProductCard-DemAn2DX.mjs';
import { a } from './NoData-S35t_fLa.mjs';
import 'node:http';
import 'node:https';
import 'node:fs';
import 'node:url';
import 'node:path';
import 'unhead';
import '@unhead/shared';
import 'vue-router';
import 'vue-rate';
import 'date-fns';
import '@hennge/vue3-pagination';
import 'axios';
import 'vue-social-sharing';
import './star-mqjJGHgV.mjs';

const L = {};
const F = L.setup;
L.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/HomeSkelton.vue"), F ? F(e2, l2) : undefined;
};
const R = uf(L, [["ssrRender", function(t2, a2, i2, o2) {
  const r2 = u, n2 = g;
  a2(`<div${ssrRenderAttrs(mergeProps({ class: "relative z-[102]" }, o2))}><div class="relative h-[42vh] sm:h-[44vh] md:h-[100dvh] mb-10">`), a2(ssrRenderComponent(r2, { class: "size-full !opacity-100" }, null, i2)), a2('<div class="absolute w-full flex flex-col items-center justify-center top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse md:scale-150 lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] mb-5 w-5/6 mx-auto bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="container"><div><div class="flex justify-between items-center gap-2.5 lg:gap-6 mb-10">'), a2(ssrRenderComponent(r2, { class: "size-16 !rounded-full lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "!rounded-full size-16 lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "!rounded-full size-16 lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "!rounded-full size-16 lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "!rounded-full size-16 lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "w-[80px] hidden md:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "w-[80px] hidden lg:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "w-[80px] hidden xl:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), a2(ssrRenderComponent(r2, { class: "w-[80px] hidden 2xl:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), a2('</div><div class="flex justify-between items-center gap-6 mb-8"><div class="relative w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden sm:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden md:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden lg:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden xl:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div></div><div class="grid lg:grid-cols-2 md:grid-cols-2 grid-cols-1 gap-8 mb-8"><div class="relative h-[50vh]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative h-[50vh]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div></div><div class="mb-8"><div class="relative h-[50vh]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div></div><div class="flex justify-between items-center gap-6 mb-8"><div class="relative w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden sm:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden md:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden lg:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div><div class="relative hidden xl:block w-[260px] h-[420px]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-[80%] mx-auto mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2('</div></div></div></div><div class="mb-8"><div class="relative h-[50vh]">'), a2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), a2('<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full flex flex-col items-center justify-center">'), a2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), a2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), a2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), a2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), a2("</div></div></div></div></div></div></div>");
}]]), C = { __name: "Hero", __ssrInlineRender: true, props: { data: { type: Array, required: true } }, setup: (t2) => (Qs(), (o2, r2, n2, d2) => {
  const c2 = t, u2 = u, p2 = g;
  t2.data ? (r2(`<div${ssrRenderAttrs(mergeProps({ class: "hero min-h-[42dvh] sm:min-h-[44dvh] md:min-h-[54dvh] lg:min-h-[100dvh] relative z-50 flex items-center justify-center" }, d2))}>`), r2(ssrRenderComponent(c2, null, { fallback: withCtx((e2, l2, t3, s2) => {
    if (!l2) return [createVNode("div", { class: "relative bg-[#e5e7eb] w-full h-[42vh] sm:h-[44vh] md:h-[100dvh] mb-10" }, [createVNode(u2, { class: "size-full !opacity-100" }), createVNode("div", { class: "absolute w-full flex flex-col items-center justify-center top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }, [createVNode(p2, { name: "logo", class: "animate-pulse md:scale-150 lg:stroke-none stroke-primary" }), createVNode("div", { class: "w-1/2 mx-auto mt-7 md:mt-14" }, [createVNode(u2, { class: "h-[10px] w-full mb-5 bg-gray-300" }), createVNode(u2, { class: "h-[10px] mb-5 w-5/6 mx-auto bg-gray-300" }), createVNode(u2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" })])])])];
    l2(`<div class="relative bg-[#e5e7eb] w-full h-[42vh] sm:h-[44vh] md:h-[100dvh] mb-10"${s2}>`), l2(ssrRenderComponent(u2, { class: "size-full !opacity-100" }, null, t3, s2)), l2(`<div class="absolute w-full flex flex-col items-center justify-center top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"${s2}>`), l2(ssrRenderComponent(p2, { name: "logo", class: "animate-pulse md:scale-150 lg:stroke-none stroke-primary" }, null, t3, s2)), l2(`<div class="w-1/2 mx-auto mt-7 md:mt-14"${s2}>`), l2(ssrRenderComponent(u2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, t3, s2)), l2(ssrRenderComponent(u2, { class: "h-[10px] mb-5 w-5/6 mx-auto bg-gray-300" }, null, t3, s2)), l2(ssrRenderComponent(u2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, t3, s2)), l2("</div></div></div>");
  }) }, n2)), r2("</div>")) : r2("<!---->");
}) }, V = C.setup;
C.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/Hero.vue"), V ? V(e2, l2) : undefined;
};
const q = { __name: "Categories", __ssrInlineRender: true, props: { data: { type: Array, required: true } }, setup(e2) {
  const l2 = I, t2 = A;
  const m2 = computed(() => {
    var _a;
    return ((_a = e2.data) != null ? _a : []).reduce((e3, l3, t3) => (e3[t3 < 15 ? Math.floor(t3 / 5) : (t3 - 15) % 3].push(l3), e3), [[], [], []]);
  }), x2 = computed(() => function(e3, l3 = 5) {
    const [t3, s2, a2] = e3, i2 = [];
    for (let r2 = 0; r2 < l3; r2++) {
      const e4 = [];
      t3[r2] && e4.push(t3[r2]), s2[r2] && e4.push(s2[r2]), a2[r2] && e4.push(a2[r2]), e4.length && i2.push(e4);
    }
    const o2 = [t3.slice(l3), s2.slice(l3), a2.slice(l3)];
    for (; o2[0].length || o2[1].length || o2[2].length; ) {
      const e4 = [];
      for (let l4 = 0; l4 < 3; l4++) o2[l4].length && e4.push(o2[l4].shift());
      i2.push(e4);
    }
    return i2;
  }(m2.value));
  return (o2, m3, b2, y2) => {
    const $2 = An;
    e2.data && e2.data.length ? (m3(`<div${ssrRenderAttrs(mergeProps({ class: "container categories space-y-10 w-full", "data-aos": "zoom-in-up" }, y2))}>`), x2.value.length ? m3(ssrRenderComponent(unref(me), { class: "md:!hidden !block mySwiper", modules: [unref(l2), unref(t2)], "slides-per-view": 5, "space-between": 16, "free-mode": true, breakpoints: { 576: { slidesPerView: 5.6, spaceBetween: 20 }, 640: { slidesPerView: 6.6, spaceBetween: 20 }, 768: { slidesPerView: 7.3, spaceBetween: 30 }, 992: { slidesPerView: 6.6, spaceBetween: 30 }, 1200: { slidesPerView: 7.6, spaceBetween: 48 }, 1440: { slidesPerView: 8.6, spaceBetween: 48 } } }, { default: withCtx((e3, l3, t3, s2) => {
      if (!l3) return [(openBlock(true), createBlock(Fragment, null, renderList(x2.value, (e4, l4) => (openBlock(), createBlock(unref(ve), { key: `col-${l4}` }, { default: withCtx(() => [createVNode("div", { class: "flex flex-col items-center gap-2.5" }, [(openBlock(true), createBlock(Fragment, null, renderList(e4, (e5) => (openBlock(), createBlock($2, { key: e5.id, to: o2.localePath(`/categories?main_category=${e5.id}`), class: "mx-auto w-fit" }, { default: withCtx(() => [createVNode("div", { class: "relative w-[58px] h-[58px] sm:size-[80px] mx-auto mb-2 hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100" }, [createVNode("img", { src: e5.image, alt: e5.title, class: "h-full w-full object-cover" }, null, 8, ["src", "alt"])]), createVNode("span", { class: "!text-xs sm:!text-sm mx-auto text-center sm:h-10 h-8 line-clamp-2 break-all text-[#363636]" }, toDisplayString(e5.title), 1)]), _: 2 }, 1032, ["to"]))), 128))])]), _: 2 }, 1024))), 128))];
      l3("<!--[-->"), ssrRenderList(x2.value, (e4, m4) => {
        l3(ssrRenderComponent(unref(ve), { key: `col-${m4}` }, { default: withCtx((l4, t4, s3, r2) => {
          if (!t4) return [createVNode("div", { class: "flex flex-col items-center gap-2.5" }, [(openBlock(true), createBlock(Fragment, null, renderList(e4, (e5) => (openBlock(), createBlock($2, { key: e5.id, to: o2.localePath(`/categories?main_category=${e5.id}`), class: "mx-auto w-fit" }, { default: withCtx(() => [createVNode("div", { class: "relative w-[58px] h-[58px] sm:size-[80px] mx-auto mb-2 hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100" }, [createVNode("img", { src: e5.image, alt: e5.title, class: "h-full w-full object-cover" }, null, 8, ["src", "alt"])]), createVNode("span", { class: "!text-xs sm:!text-sm mx-auto text-center sm:h-10 h-8 line-clamp-2 break-all text-[#363636]" }, toDisplayString(e5.title), 1)]), _: 2 }, 1032, ["to"]))), 128))])];
          t4(`<div class="flex flex-col items-center gap-2.5"${r2}><!--[-->`), ssrRenderList(e4, (e5) => {
            t4(ssrRenderComponent($2, { key: e5.id, to: o2.localePath(`/categories?main_category=${e5.id}`), class: "mx-auto w-fit" }, { default: withCtx((l5, t5, s4, a2) => {
              if (!t5) return [createVNode("div", { class: "relative w-[58px] h-[58px] sm:size-[80px] mx-auto mb-2 hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100" }, [createVNode("img", { src: e5.image, alt: e5.title, class: "h-full w-full object-cover" }, null, 8, ["src", "alt"])]), createVNode("span", { class: "!text-xs sm:!text-sm mx-auto text-center sm:h-10 h-8 line-clamp-2 break-all text-[#363636]" }, toDisplayString(e5.title), 1)];
              t5(`<div class="relative w-[58px] h-[58px] sm:size-[80px] mx-auto mb-2 hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100"${a2}><img${ssrRenderAttr("src", e5.image)}${ssrRenderAttr("alt", e5.title)} class="h-full w-full object-cover"${a2}></div><span class="!text-xs sm:!text-sm mx-auto text-center sm:h-10 h-8 line-clamp-2 break-all text-[#363636]"${a2}>${ssrInterpolate(e5.title)}</span>`);
            }), _: 2 }, s3, r2));
          }), t4("<!--]--></div>");
        }), _: 2 }, t3, s2));
      }), l3("<!--]-->");
    }), _: 1 }, b2)) : m3("<!---->"), m3('<div class="hidden gap-y-5 md:mb-4 md:pb-4 gap-x-2.5 mt-4 pt-4 lg:mt-8 lg:pt-8 md:grid grid-cols-7"><!--[-->'), ssrRenderList(e2.data, (e3) => {
      m3("<div>"), m3(ssrRenderComponent($2, { to: o2.localePath(`/categories?main_category=${e3.id}`), class: "flex flex-col items-center gap-3 justify-center mx-auto w-fit" }, { default: withCtx((l3, t3, s2, a2) => {
        if (!t3) return [createVNode("div", { class: "relative w-[80px] h-[80px] lg:size-[100px] xl:h-[120px] xl:w-[120px] hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "h-full w-full object-cover" }, null, 8, ["src", "alt"])]), createVNode("span", { class: "!text-sm mx-auto line-clamp-3 text-center lg:!text-base xl:!text-lg text-[#363636]" }, toDisplayString(e3.title), 1)];
        t3(`<div class="relative w-[80px] h-[80px] lg:size-[100px] xl:h-[120px] xl:w-[120px] hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100"${a2}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="h-full w-full object-cover"${a2}></div><span class="!text-sm mx-auto line-clamp-3 text-center lg:!text-base xl:!text-lg text-[#363636]"${a2}>${ssrInterpolate(e3.title)}</span>`);
      }), _: 2 }, b2)), m3("</div>");
    }), m3("<!--]--></div></div>")) : m3("<!---->");
  };
} }, M = q.setup;
q.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/Categories.vue"), M ? M(e2, l2) : undefined;
};
const O = { __name: "Products", __ssrInlineRender: true, props: { data: { type: Object, required: true }, title: { type: String, required: true }, type: { type: String, required: false } }, setup(e2) {
  const { locale: t2 } = Qs();
  return (o2, m2, x2, h2) => {
    const b2 = $, y2 = An, $2 = g;
    e2.data && e2.data.length ? (m2(`<section${ssrRenderAttrs(mergeProps({ class: "container my-6 lg:my-20" }, h2))}><h2 data-aos="fade-up" class="mb-6 sm:mb-10 text-center !text-2xl md:!text-3xl lg:!text-4xl font-semibold">${ssrInterpolate(e2.title)}</h2>`), m2(ssrRenderComponent(unref(me), { modules: ["SwiperAutoplay" in o2 ? o2.SwiperAutoplay : unref(L$1), "SwiperFreeMode" in o2 ? o2.SwiperFreeMode : unref(A)], "slides-per-view": 2, "free-mode": true, autoplay: { delay: 5e3, disableOnInteraction: false }, breakpoints: { 0: { slidesPerView: 2, spaceBetween: 10 }, 768: { slidesPerView: 3, spaceBetween: 24 }, 992: { slidesPerView: 4, spaceBetween: 24 }, 1200: { slidesPerView: 5, spaceBetween: 24 } }, class: "mySwiper mb-6 sm:mb-10" }, { default: withCtx((l2, t3, s2, o3) => {
      if (!t3) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ve), { key: e3.id }, { default: withCtx(() => [createVNode(b2, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t3("<!--[-->"), ssrRenderList(e2.data, (e3) => {
        t3(ssrRenderComponent(unref(ve), { key: e3.id }, { default: withCtx((l3, t4, s3, a2) => {
          if (!t4) return [createVNode(b2, { product: e3 }, null, 8, ["product"])];
          t4(ssrRenderComponent(b2, { product: e3 }, null, s3, a2));
        }), _: 2 }, s2, o3));
      }), t3("<!--]-->");
    }), _: 1 }, x2)), m2('<div class="mt-6 sm:mt-10 flex items-center justify-center">'), m2(ssrRenderComponent(y2, { to: o2.localePath(e2.type ? "/categories?type=" + e2.type : "/categories"), class: "w-[180px] sm:w-[320px] max-w-[100%] bg-black justify-center flex items-center gap-1 px-8 py-2 sm:py-3 text-white transition hover:bg-opacity-80 hover:scale-105" }, { default: withCtx((e3, l2, s2, a2) => {
      if (!l2) return [createVNode("span", { class: "text-xl font-medium" }, toDisplayString(o2.$t("TITLES.viewAll")), 1), createVNode($2, { class: ["ar" === unref(t2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, 8, ["class"])];
      l2(`<span class="text-xl font-medium"${a2}>${ssrInterpolate(o2.$t("TITLES.viewAll"))}</span>`), l2(ssrRenderComponent($2, { class: ["ar" === unref(t2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, s2, a2));
    }), _: 1 }, x2)), m2("</div></section>")) : m2("<!---->");
  };
} }, D = O.setup;
O.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/Products.vue"), D ? D(e2, l2) : undefined;
};
const K = "" + buildAssetsURL("flash-sale.b0UA2zki.png"), Q = { __name: "FlashSale", __ssrInlineRender: true, props: { data: { type: Array, required: true } }, setup(e2) {
  const t2 = ref(12), o2 = ref(30), d2 = ref(24), { locale: c2 } = Qs(), u2 = (e3) => e3.toString().padStart(2, "0");
  return (p2, m2, b2, y2) => {
    const $2 = An, k2 = g;
    e2.data && e2.data.length ? (m2(`<section${ssrRenderAttrs(mergeProps({ class: "container relative my-6 lg:my-14" }, y2))}><div class="bg-[url(&#39;~/assets/images/images/flash-sale-1.png&#39;)] bg-cover py-3 xl:py-10 px-1.5 md:px-6 xl:px-10"><div class="header-section flex-wrap gap-3 xl:gap-4 flex justify-between items-center mb-3 xl:mb-6"><div class="flex items-center gap-2"><img${ssrRenderAttr("src", K)} alt="Flash" class="w-10 h-10"><h2 class="text-white !text-base xl:!text-lg font-medium">${ssrInterpolate(p2.$t("TITLES.flashSaleTitle"))}</h2></div><div class="flex items-center gap-2"><div class="text-[#FFC337] flex items-center font-medium gap-2">${ssrInterpolate(p2.$t("TITLES.flashSaleEndsIn"))} <div class="timer flex items-center gap-1"><span class="bg-primary min-w-[36px] text-center text-white px-2 py-1">${ssrInterpolate(u2(unref(t2)))}</span><span class="text-[#FFC337] text-2xl w-fit">:</span><span class="bg-primary min-w-[36px] text-center text-white px-2 py-1">${ssrInterpolate(u2(unref(o2)))}</span><span class="text-[#FFC337] text-2xl w-fit">:</span><span class="bg-primary min-w-[36px] text-center text-white px-2 py-1">${ssrInterpolate(u2(unref(d2)))}</span></div></div>`), m2(ssrRenderComponent($2, { to: p2.localePath("/categories?type=flash_sale"), class: "text-[#FFC337] font-medium hover:opacity-95 gap-1 flex items-center" }, { default: withCtx((e3, l2, t3, s2) => {
      if (!l2) return [createVNode("span", null, toDisplayString(p2.$t("TITLES.flashSaleSeeAll")), 1), createVNode(k2, { class: ["ar" === unref(c2) ? "rotate-180" : "", "scale-[0.55] [&_path]:fill-[#FFC337]"], name: "chevron-right" }, null, 8, ["class"])];
      l2(`<span${s2}>${ssrInterpolate(p2.$t("TITLES.flashSaleSeeAll"))}</span>`), l2(ssrRenderComponent(k2, { class: ["ar" === unref(c2) ? "rotate-180" : "", "scale-[0.55] [&_path]:fill-[#FFC337]"], name: "chevron-right" }, null, t3, s2));
    }), _: 1 }, b2)), m2('</div></div><div class="product-grid grid grid-cols-4 md:grid-cols-3 lg:grid-cols-4 gap-1 md:gap-6"><!--[-->'), ssrRenderList(e2.data.slice(0, 4), (e3) => {
      var l2, t3, s2, o3, r2, d3, c3, u3, g2, f2, y3, _2, k3;
      m2('<div class="product-card group" data-aos="zoom-in-up">'), m2(ssrRenderComponent($2, { to: p2.localePath(`/product/${e3.id}?color=${null == (t3 = null == (l2 = e3.detail) ? undefined : l2.color) ? undefined : t3.id}&size=${null == (o3 = null == (s2 = e3.detail) ? undefined : s2.size) ? undefined : o3.id}`), class: "relative block h-[160px] sm:h-[280px] lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t4, s3, a2) => {
        var o4, r3;
        if (!t4) return [createVNode("img", { src: null == (r3 = e3.main_image) ? undefined : r3.media, alt: e3.title, class: "w-full h-full object-cover transition duration-300 group-hover:scale-105" }, null, 8, ["src", "alt"])];
        t4(`<img${ssrRenderAttr("src", null == (o4 = e3.main_image) ? undefined : o4.media)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover transition duration-300 group-hover:scale-105"${a2}>`);
      }), _: 2 }, b2)), m2('<div class="product-info mt-2 lg:mt-4"><h3 class="text-white hidden xl:block mb-2">'), m2(ssrRenderComponent($2, { class: "line-clamp-1", to: p2.localePath(`/product/${null == (r2 = e3.detail) ? undefined : r2.id}?color=${null == (c3 = null == (d3 = e3.detail) ? undefined : d3.color) ? undefined : c3.id}&size=${null == (g2 = null == (u3 = e3.detail) ? undefined : u3.size) ? undefined : g2.id}`) }, { default: withCtx((l3, t4, s3, a2) => {
        if (!t4) return [createTextVNode(toDisplayString(e3.title), 1)];
        t4(`${ssrInterpolate(e3.title)}`);
      }), _: 2 }, b2)), m2('</h3><div class="text-white flex items-center gap-1"><div class="font-bold !text-xs xl:!text-lg">'), (null == (f2 = e3.detail) ? undefined : f2.price_after_offer) ? m2(`<div class="flex items-center gap-2"><div class="flex items-center gap-1 xl:gap-2"><span class="!text-xs xl:!text-base">${ssrInterpolate(null == (_2 = e3.detail) ? undefined : _2.price_after_offer)}</span><span class="font-normal !text-[10px] xl:!text-sm">${ssrInterpolate(p2.$t("TITLES.egp"))}</span></div><div class="text-white hidden xl:flex line-through !text-sm items-center gap-1">${ssrInterpolate(null == (k3 = e3.detail) ? undefined : k3.price)} <span class="font-normal !text-[9px] xl:!text-sm">${ssrInterpolate(p2.$t("TITLES.egp"))}</span></div></div>`) : m2(`<p class="!text-xs xl:!text-lg">${ssrInterpolate(null == (y3 = e3.detail) ? undefined : y3.price)} <span class="font-normal !text-[9px] xl:!text-sm">${ssrInterpolate(p2.$t("TITLES.egp"))}</span></p>`), m2("</div></div></div></div>");
    }), m2("<!--]--></div></div></section>")) : m2("<!---->");
  };
} }, W = Q.setup;
Q.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/FlashSale.vue"), W ? W(e2, l2) : undefined;
};
const G = { __name: "UpTo", __ssrInlineRender: true, props: { upTo: { type: Number, required: false }, offers: { type: Array, required: true }, popular: { type: Array, required: true } }, setup: (e2) => (ref(12), ref(30), ref(24), (t2, s2, o2, r2) => {
  const d2 = An, c2 = g;
  e2.offers && e2.popular && e2.offers.length ? (s2(`<section${ssrRenderAttrs(r2)}><div class="relative"><div class="bg-[url(&#39;~/assets/images/images/flash-sale-2.png&#39;)] bg-cover py-3 xl:py-10 px-1.5 md:px-6 xl:px-10"><div class="flex items-center justify-between mb-3 xl:mb-6 gap-2"><p class="text-white font-semibold text-base xl:text-lg">${ssrInterpolate(t2.$t("TITLES.offerDiscountTitle", { upTo: e2.upTo }))}</p>`), s2(ssrRenderComponent(d2, { class: "ar" === t2.$i18n.locale ? "rotate-180" : "", to: t2.localePath(`/categories?type=offer&off=${e2.upTo}`) }, { default: withCtx((e3, l2, t3, s3) => {
    if (!l2) return [createVNode(c2, { name: "chevron-right-2" })];
    l2(ssrRenderComponent(c2, { name: "chevron-right-2" }, null, t3, s3));
  }), _: 1 }, o2)), s2(`</div><h2 class="text-white mb-3 xl:mb-6 !text-base xl:!text-lg">${ssrInterpolate(t2.$t("TITLES.offerDiscountSubTitle"))}</h2><div class="${ssrRenderClass([e2.popular.length ? "grid-cols-4" : "grid-cols-4 md:grid-cols-3 lg:grid-cols-4", "product-grid grid gap-1 md:gap-6"])}"><!--[-->`), ssrRenderList(e2.popular.length ? e2.offers.slice(0, 2) : e2.offers.slice(0, 4), (e3) => {
    var l2, r3, c3, u2;
    s2('<div data-aos="zoom-in-up" class="product-card group">'), s2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`), class: "relative block h-[160px] sm:h-[280px] lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t3, s3, a2) => {
      var o3, r4;
      if (!t3) return [createVNode("img", { src: null == (r4 = e3.main_image) ? undefined : r4.media, alt: null == e3 ? undefined : e3.title, class: "w-full h-full object-cover transition duration-300 group-hover:scale-105" }, null, 8, ["src", "alt"])];
      t3(`<img${ssrRenderAttr("src", null == (o3 = e3.main_image) ? undefined : o3.media)}${ssrRenderAttr("alt", null == e3 ? undefined : e3.title)} class="w-full h-full object-cover transition duration-300 group-hover:scale-105"${a2}>`);
    }), _: 2 }, o2)), s2('<div class="product-info mt-2 lg:mt-4"><h3 class="text-white hidden xl:block mb-2">'), s2(ssrRenderComponent(d2, { class: "line-clamp-1", to: t2.localePath(`/product/${e3.id}`) }, { default: withCtx((l3, t3, s3, a2) => {
      if (!t3) return [createTextVNode(toDisplayString(null == e3 ? undefined : e3.title), 1)];
      t3(`${ssrInterpolate(null == e3 ? undefined : e3.title)}`);
    }), _: 2 }, o2)), s2('</h3><div class="text-white flex items-center gap-1"><div class="font-bold !text-xs xl:!text-lg">'), (null == (l2 = e3.detail) ? undefined : l2.price_after_offer) ? s2(`<div class="flex items-center gap-2"><div class="flex items-center gap-1 xl:gap-2"><span class="!text-xs xl:!text-base">${ssrInterpolate(null == (c3 = e3.detail) ? undefined : c3.price_after_offer)}</span><span class="font-normal !text-[10px] xl:!text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></div><div class="text-white hidden xl:flex line-through !text-sm items-center gap-1">${ssrInterpolate(null == (u2 = e3.detail) ? undefined : u2.price)} <span class="font-normal !text-[9px] xl:!text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></div></div>`) : s2(`<p class="!text-xs xl:!text-lg">${ssrInterpolate(null == (r3 = e3.detail) ? undefined : r3.price)} <span class="font-normal !text-[10px] xl:!text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></p>`), s2("</div></div></div></div>");
  }), s2("<!--]--></div></div></div></section>")) : s2("<!---->");
}) }, U = G.setup;
G.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/UpTo.vue"), U ? U(e2, l2) : undefined;
};
const H = { __name: "Popular", __ssrInlineRender: true, props: { popular: { type: Array, required: true }, offers: { type: Array, required: true } }, setup: (e2) => (ref(12), ref(30), ref(24), (t2, s2, o2, r2) => {
  const d2 = An, c2 = g;
  e2.popular && e2.offers && e2.popular.length ? (s2(`<section${ssrRenderAttrs(r2)}><div class="relative"><div class="bg-[url(&#39;~/assets/images/images/flash-sale-3.png&#39;)] bg-cover py-6 xl:py-10 px-3 md:px-6 xl:px-10"><div class="flex items-center justify-between mb-6 gap-2"><img${ssrRenderAttr("src", "data:image/png;base64,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")} alt="Flash">`), s2(ssrRenderComponent(d2, { to: t2.localePath("/categories?type=popular") }, { default: withCtx((e3, l2, t3, s3) => {
    if (!l2) return [createVNode(c2, { name: "chevron-right-2" })];
    l2(ssrRenderComponent(c2, { name: "chevron-right-2" }, null, t3, s3));
  }), _: 1 }, o2)), s2(`</div><h2 class="text-white mb-6 text-lg">${ssrInterpolate(t2.$t("TITLES.popularProducts"))}</h2><div class="${ssrRenderClass([e2.offers.length ? "grid-cols-2" : "grid-cols-2 md:grid-cols-3 lg:grid-cols-4", "product-grid grid gap-2.5 md:gap-6"])}"><!--[-->`), ssrRenderList(e2.popular, (e3) => {
    var l2, r3, c3;
    s2('<div data-aos="zoom-in-up" class="product-card group">'), s2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`), class: "relative block h-[160px] sm:h-[280px] lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t3, s3, a2) => {
      var o3, r4;
      if (!t3) return [createVNode("img", { src: null == (r4 = e3.main_image) ? undefined : r4.media, alt: e3.title, class: "w-full h-full object-cover transition duration-300 group-hover:scale-105" }, null, 8, ["src", "alt"])];
      t3(`<img${ssrRenderAttr("src", null == (o3 = e3.main_image) ? undefined : o3.media)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover transition duration-300 group-hover:scale-105"${a2}>`);
    }), _: 2 }, o2)), s2('<div class="product-info mt-2 lg:mt-4"><h3 class="text-white mb-2 line-clamp-1">'), s2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`) }, { default: withCtx((l3, t3, s3, a2) => {
      if (!t3) return [createTextVNode(toDisplayString(e3.title), 1)];
      t3(`${ssrInterpolate(e3.title)}`);
    }), _: 2 }, o2)), s2('</h3><div class="text-white flex items-center gap-2"><div class="font-bold text-xl">'), e3.offer_price ? s2(`<div class="flex items-center gap-3"><div class="flex items-center gap-2"><span>${ssrInterpolate(null == (r3 = e3.detail) ? undefined : r3.price_after_offer)}</span><span class="font-normal !text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></div><div class="text-white line-through !text-sm flex items-center gap-1">${ssrInterpolate(null == (c3 = e3.detail) ? undefined : c3.price)} <span class="font-normal text-xs">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></div></div>`) : s2(`<p>${ssrInterpolate(null == (l2 = e3.detail) ? undefined : l2.price)} <span class="font-normal !text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></p>`), s2("</div></div></div></div>");
  }), s2("<!--]--></div></div></div></section>")) : s2("<!---->");
}) }, N = H.setup;
H.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/Popular.vue"), N ? N(e2, l2) : undefined;
};
const Y = { __name: "ShopNow", __ssrInlineRender: true, props: { data: { type: Object, required: true } }, setup: (e2) => (l2, t2, o2, r2) => {
  const n2 = An;
  e2.data ? (t2(`<div${ssrRenderAttrs(mergeProps({ class: "container lg:my-14 my-8 lg:pb-10" }, r2))}>`), t2(ssrRenderComponent(n2, { to: l2.localePath(`/sliders/${e2.data.id}`), "data-aos": "fade-up", class: "relative block overflow-hidden" }, { default: withCtx((l3, t3, s2, a2) => {
    if (!t3) return [createVNode("img", { src: e2.data.image, alt: "sale", class: "max-h-[550px] rounded-2xl w-full object-cover object-center" }, null, 8, ["src"])];
    t3(`<img${ssrRenderAttr("src", e2.data.image)} alt="sale" class="max-h-[550px] rounded-2xl w-full object-cover object-center"${a2}>`);
  }), _: 1 }, o2)), t2("</div>")) : t2("<!---->");
} }, J = Y.setup;
Y.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/ShopNow.vue"), J ? J(e2, l2) : undefined;
};
const X = { __name: "BestSeller", __ssrInlineRender: true, props: { data: { type: Object, required: true }, title: { type: String, required: true } }, setup(e2) {
  const t2 = ref(5);
  return Qs(), (o2, n2, m2, x2) => {
    const h2 = me, b2 = ve, y2 = $, $2 = g;
    e2.data && e2.data.length ? (n2(`<section${ssrRenderAttrs(mergeProps({ class: "container my-6 lg:my-20" }, x2))}><h2 data-aos="fade-up" class="mb-6 sm:mb-10 text-center !text-2xl md:!text-3xl lg:!text-4xl font-semibold">${ssrInterpolate(e2.title)}</h2>`), n2(ssrRenderComponent(h2, { modules: ["SwiperAutoplay" in o2 ? o2.SwiperAutoplay : unref(L$1), "SwiperFreeMode" in o2 ? o2.SwiperFreeMode : unref(A)], "slides-per-view": 2, "free-mode": true, autoplay: { delay: 5e3, disableOnInteraction: false }, breakpoints: { 0: { slidesPerView: 2, spaceBetween: 10 }, 768: { slidesPerView: 3, spaceBetween: 24 }, 992: { slidesPerView: 4, spaceBetween: 24 }, 1200: { slidesPerView: 5, spaceBetween: 24 } }, class: "mySwiper mb-10 lg:!hidden" }, { default: withCtx((l2, t3, s2, o3) => {
      if (!t3) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(b2, { key: e3.id }, { default: withCtx(() => [createVNode(y2, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t3("<!--[-->"), ssrRenderList(e2.data, (e3) => {
        t3(ssrRenderComponent(b2, { key: e3.id }, { default: withCtx((l3, t4, s3, a2) => {
          if (!t4) return [createVNode(y2, { product: e3 }, null, 8, ["product"])];
          t4(ssrRenderComponent(y2, { product: e3 }, null, s3, a2));
        }), _: 2 }, s2, o3));
      }), t3("<!--]-->");
    }), _: 1 }, m2)), n2('<div class="mb-10 xl:grid-cols-5 lg:grid-cols-4 gap-x-6 gap-y-8 hidden lg:!grid"><!--[-->'), ssrRenderList(e2.data.slice(0, unref(t2)), (e3) => {
      n2("<div>"), n2(ssrRenderComponent(y2, { product: e3 }, null, m2)), n2("</div>");
    }), n2("<!--]--></div>"), unref(t2) <= e2.data.length ? (n2(`<div class="mt-10 hidden lg:flex items-center justify-center"><button class="w-[220px] h-16 sm:w-[320px] max-w-[100%] bg-black justify-center flex items-center gap-2 px-8 py-3 text-white transition hover:bg-opacity-80 hover:scale-105"><span class="text-xl font-medium">${ssrInterpolate(o2.$t("TITLES.viewMore"))}</span>`), n2(ssrRenderComponent($2, { name: "chevron-down", class: "scale-[1.5] [&_path]:fill-white" }, null, m2)), n2("</button></div>")) : n2("<!---->"), n2("</section>")) : n2("<!---->");
  };
} }, Z = X.setup;
X.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/BestSeller.vue"), Z ? Z(e2, l2) : undefined;
};
const ee = { __name: "BottomDiscount", __ssrInlineRender: true, props: { data: { type: Object, required: true } }, setup: (e2) => (l2, t2, o2, r2) => {
  const n2 = An;
  e2.data ? (t2(`<div${ssrRenderAttrs(mergeProps({ class: "container lg:my-14 lg:pt-8 my-6" }, r2))}>`), t2(ssrRenderComponent(n2, { to: l2.localePath(`/sliders/${e2.data.id}`), "data-aos": "fade-up", class: "relative block max-h-[550px] overflow-hidden" }, { default: withCtx((l3, t3, s2, a2) => {
    if (!t3) return [createVNode("img", { "data-aos": "fade-up", src: e2.data.image, alt: "sale", class: "max-h-[550px] w-full object-cover object-center" }, null, 8, ["src"])];
    t3(`<img data-aos="fade-up"${ssrRenderAttr("src", e2.data.image)} alt="sale" class="max-h-[550px] w-full object-cover object-center"${a2}>`);
  }), _: 1 }, o2)), t2("</div>")) : t2("<!---->");
} }, le = ee.setup;
ee.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Section/BottomDiscount.vue"), le ? le(e2, l2) : undefined;
};
const te = { __name: "index", __ssrInlineRender: true, setup(e2) {
  Qs();
  const t2 = Qt().$axios, { data: s2, status: a2, refresh: i2 } = wn("home", () => t2.get("home_website").then((e3) => e3.data).catch((e3) => e3.response)), o2 = ref(false);
  return (e3, t3, i3, n2) => {
    var d2, c2, u2, p2, m2, x2, f2, h2, w2, y2, $2, _2, k2, A2, S2, j2, T2;
    const P2 = R, z2 = C, I2 = q, E2 = O, L2 = Q, F2 = G, V2 = H, M2 = Y, D2 = X, K2 = ee, W2 = g, U2 = a;
    "pending" === unref(a2) ? (t3(`<div${ssrRenderAttrs(n2)}>`), t3(ssrRenderComponent(P2, null, null, i3)), t3("</div>")) : "success" === unref(a2) ? (t3(`<div${ssrRenderAttrs(n2)}>`), (null == (d2 = unref(s2)) ? undefined : d2.data) ? (t3("<!--[-->"), t3(ssrRenderComponent(z2, { data: null == (c2 = unref(s2).data) ? undefined : c2.slider }, null, i3)), t3(ssrRenderComponent(I2, { data: null == (u2 = unref(s2).data) ? undefined : u2.main_categories }, null, i3)), t3(ssrRenderComponent(E2, { data: null == (p2 = unref(s2).data) ? undefined : p2.new_in, title: e3.$t("TITLES.newArrive"), type: "new_in" }, null, i3)), t3(ssrRenderComponent(L2, { data: null == (m2 = unref(s2).data) ? undefined : m2.flash_sales_products }, null, i3)), t3(`<div class="${ssrRenderClass([(null == (f2 = null == (x2 = unref(s2).data) ? undefined : x2.popular) ? undefined : f2.length) ? "lg:grid-cols-2" : "", "my-6 lg:my-14 container grid grid-cols-1 gap-8"])}">`), t3(ssrRenderComponent(F2, { offers: null == (h2 = unref(s2).data) ? undefined : h2.offers, upTo: null == (w2 = unref(s2).data) ? undefined : w2.up_to, popular: null == (y2 = unref(s2).data) ? undefined : y2.popular }, null, i3)), t3(ssrRenderComponent(V2, { popular: null == ($2 = unref(s2).data) ? undefined : $2.popular, offers: null == (_2 = unref(s2).data) ? undefined : _2.offers }, null, i3)), t3("</div>"), t3(ssrRenderComponent(E2, { data: null == (k2 = unref(s2).data) ? undefined : k2.deals, title: e3.$t("TITLES.deals"), type: "deals" }, null, i3)), t3('<div id="for_you">'), t3(ssrRenderComponent(E2, { data: null == (A2 = unref(s2).data) ? undefined : A2.for_you, title: e3.$t("TITLES.for_you"), type: "for_you" }, null, i3)), t3("</div>"), t3(ssrRenderComponent(M2, { data: null == (S2 = unref(s2).data) ? undefined : S2.middle_slider }, null, i3)), t3(ssrRenderComponent(D2, { data: null == (j2 = unref(s2).data) ? undefined : j2.best_seller, title: e3.$t("TITLES.bestSeller"), class: "!my-0" }, null, i3)), t3(ssrRenderComponent(K2, { data: null == (T2 = unref(s2).data) ? undefined : T2.footer_slider }, null, i3)), unref(o2) ? (t3('<div class="fixed lg:block hidden end-2 bottom-2 z-[999]"><button class="rounded-full hover:bg-primary hover:text-white transition-all duration-300 bg-white border border-primary flex items-center justify-center w-12 h-12">'), t3(ssrRenderComponent(W2, { name: "arrow-up", class: "scale-[60%]" }, null, i3)), t3("</button></div>")) : t3("<!---->"), t3("<!--]-->")) : (t3("<div>"), t3(ssrRenderComponent(U2, { class: "!min-h-[320px]" }, null, i3)), t3("</div>")), t3("</div>")) : t3("<!---->");
  };
} }, se = te.setup;
te.setup = (e2, l2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("pages/index.vue"), se ? se(e2, l2) : undefined;
};

export { te as default };
//# sourceMappingURL=index-uZCmRja2.mjs.map
