import { e as buildAssetsURL } from '../_/nitro.mjs';
import { d } from './Skeleton-BBJiWBrY.mjs';
import { g } from './SvgIcon-BKMVrGmr.mjs';
import { mergeProps, unref, useSSRContext, withCtx, openBlock, createBlock, Fragment, renderList, createVNode, toDisplayString, ref, 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 { h as he, A, L as L$1, g as ge, z as z$1, I } from './swiper-vue-DHAv4051.mjs';
import { $ } from './ProductCard-Ce2XP_sg.mjs';
import { a } from './NoData-DiE8X5YK.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 z = {};
const L = z.setup;
z.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Shared/HomeSkelton.vue"), L ? L(e2, l2) : undefined;
};
const B = uf(z, [["ssrRender", function(t2, s2, i2, o2) {
  const r2 = d, n2 = g;
  s2(`<div${ssrRenderAttrs(mergeProps({ class: "relative z-[102]" }, o2))}><div class="relative h-[42vh] sm:h-[44vh] md:h-[100dvh] mb-10">`), s2(ssrRenderComponent(r2, { class: "size-full !opacity-100" }, null, i2)), s2('<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(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse md:scale-150 lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] mb-5 w-5/6 mx-auto bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div><div class="container"><div><div class="flex justify-between items-center gap-6 mb-10">'), s2(ssrRenderComponent(r2, { class: "w-[80px] !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] hidden sm:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] hidden md:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] hidden lg:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] hidden xl:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2(ssrRenderComponent(r2, { class: "w-[80px] hidden 2xl:block !rounded-full h-[80px] lg:h-[120px] lg:w-[120px]" }, null, i2)), s2('</div><div class="mb-8"><div class="relative h-[50vh]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</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]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div><div class="relative h-[50vh]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div></div><div class="flex justify-between items-center gap-6 mb-8"><div class="relative w-[260px] h-[420px]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-[80%] mx-auto mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div><div class="relative hidden sm:block w-[260px] h-[420px]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-[80%] mx-auto mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div><div class="relative hidden md:block w-[260px] h-[420px]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-[80%] mx-auto mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div><div class="relative hidden lg:block w-[260px] h-[420px]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-[80%] mx-auto mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div><div class="relative hidden xl:block w-[260px] h-[420px]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-[80%] mx-auto mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2('</div></div></div></div><div class="mb-8"><div class="relative h-[50vh]">'), s2(ssrRenderComponent(r2, { class: "size-full" }, null, i2)), s2('<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">'), s2(ssrRenderComponent(n2, { name: "logo", class: "animate-pulse lg:stroke-none stroke-primary" }, null, i2)), s2('<div class="w-1/2 mx-auto mt-7 md:mt-14">'), s2(ssrRenderComponent(r2, { class: "h-[10px] w-full mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-5/6 mx-auto mb-5 bg-gray-300" }, null, i2)), s2(ssrRenderComponent(r2, { class: "h-[10px] w-4/6 mx-auto bg-gray-300" }, null, i2)), s2("</div></div></div></div></div></div></div>");
}]]), R = { __name: "Hero", __ssrInlineRender: true, props: { data: { type: Array, required: true } }, setup(e2) {
  const { locale: t2 } = Qs();
  return (p2, x2, b2, y2) => {
    const _2 = g, S2 = An;
    e2.data ? (x2(`<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" }, y2))}><div class="container hidden lg:flex items-center relative z-[40] m-auto justify-between py-8 lg:-translate-x-45"><button class="products-prev !flex rounded-full items-center size-14 bg-[#FFFFFF33] border border-[#F5F5FC] justify-center">`), x2(ssrRenderComponent(_2, { name: "arrow-right", class: ["text-xl scale-75", "ar" === unref(t2) ? "" : "rotate-180"] }, null, b2)), x2('</button><button class="products-prev !flex rounded-full items-center size-14 bg-[#FFFFFF33] border border-[#F5F5FC] justify-center">'), x2(ssrRenderComponent(_2, { name: "arrow-left", class: ["text-xl scale-75", "ar" === unref(t2) ? "" : "rotate-180"] }, null, b2)), x2("</button></div>"), x2(ssrRenderComponent(unref(he), { class: "!w-full relative z-50", dir: "ar" === unref(t2) ? "ltr" : "rtl", modules: [unref(A), unref(L$1)], "slides-per-view": 1, loop: true, autoplay: { delay: 7e3, disableOnInteraction: false, pauseOnMouseEnter: false }, navigation: { nextEl: ".products-next", prevEl: ".products-prev" } }, { default: withCtx((l2, a2, x3, m2) => {
      if (!a2) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3, l3) => (openBlock(), createBlock(unref(ge), { key: l3, class: "relative" }, { default: withCtx(() => [createVNode("div", { class: "overlay" }), createVNode("img", { src: e3.image, alt: "hero", width: "1700", height: "960", class: "relative z-[1] select-none object-cover size-full" }, null, 8, ["src"]), createVNode("div", { class: "absolute z-[50] inset-0 flex flex-col items-center justify-center text-center px-4" }, [createVNode("h2", { class: "text-white mb-4 text-2xl md:text-4xl lg:text-4xl xl:text-6xl font-bold lg:mb-20 drop-shadow-lg" }, toDisplayString(e3.name), 1), createVNode("p", { class: "text-white text-sm md:text-3xl lg:text-3xl xl:text-4xl lg:mb-6 font-semibold max-w-3xl drop-shadow-lg" }, toDisplayString(e3.desc), 1), createVNode(S2, { to: p2.localePath(`/sliders/${e3.id}`) }, { default: withCtx(() => [createVNode("button", { class: ["ar" === unref(t2) ? "-translate-x-1/2" : "translate-x-1/2", "base-btn hover:!bg-primary hover:!text-white transition-all !duration-300 absolute bottom-5 lg:bottom-20 !bg-white lg:!text-2xl !text-primary w-[160px] lg:w-[220px] outline-none lg:!h-16 !h-12"] }, toDisplayString(p2.$t("TITLES.shopNow")), 3)]), _: 2 }, 1032, ["to"])])]), _: 2 }, 1024))), 128))];
      a2("<!--[-->"), ssrRenderList(e2.data, (e3, l3) => {
        a2(ssrRenderComponent(unref(ge), { key: l3, class: "relative" }, { default: withCtx((l4, a3, n2, d2) => {
          if (!a3) return [createVNode("div", { class: "overlay" }), createVNode("img", { src: e3.image, alt: "hero", width: "1700", height: "960", class: "relative z-[1] select-none object-cover size-full" }, null, 8, ["src"]), createVNode("div", { class: "absolute z-[50] inset-0 flex flex-col items-center justify-center text-center px-4" }, [createVNode("h2", { class: "text-white mb-4 text-2xl md:text-4xl lg:text-4xl xl:text-6xl font-bold lg:mb-20 drop-shadow-lg" }, toDisplayString(e3.name), 1), createVNode("p", { class: "text-white text-sm md:text-3xl lg:text-3xl xl:text-4xl lg:mb-6 font-semibold max-w-3xl drop-shadow-lg" }, toDisplayString(e3.desc), 1), createVNode(S2, { to: p2.localePath(`/sliders/${e3.id}`) }, { default: withCtx(() => [createVNode("button", { class: ["ar" === unref(t2) ? "-translate-x-1/2" : "translate-x-1/2", "base-btn hover:!bg-primary hover:!text-white transition-all !duration-300 absolute bottom-5 lg:bottom-20 !bg-white lg:!text-2xl !text-primary w-[160px] lg:w-[220px] outline-none lg:!h-16 !h-12"] }, toDisplayString(p2.$t("TITLES.shopNow")), 3)]), _: 2 }, 1032, ["to"])])];
          a3(`<div class="overlay"${d2}></div><img${ssrRenderAttr("src", e3.image)} alt="hero" width="1700" height="960" class="relative z-[1] select-none object-cover size-full"${d2}><div class="absolute z-[50] inset-0 flex flex-col items-center justify-center text-center px-4"${d2}><h2 class="text-white mb-4 text-2xl md:text-4xl lg:text-4xl xl:text-6xl font-bold lg:mb-20 drop-shadow-lg"${d2}>${ssrInterpolate(e3.name)}</h2><p class="text-white text-sm md:text-3xl lg:text-3xl xl:text-4xl lg:mb-6 font-semibold max-w-3xl drop-shadow-lg"${d2}>${ssrInterpolate(e3.desc)}</p>`), a3(ssrRenderComponent(S2, { to: p2.localePath(`/sliders/${e3.id}`) }, { default: withCtx((e4, l5, a4, i2) => {
            if (!l5) return [createVNode("button", { class: ["ar" === unref(t2) ? "-translate-x-1/2" : "translate-x-1/2", "base-btn hover:!bg-primary hover:!text-white transition-all !duration-300 absolute bottom-5 lg:bottom-20 !bg-white lg:!text-2xl !text-primary w-[160px] lg:w-[220px] outline-none lg:!h-16 !h-12"] }, toDisplayString(p2.$t("TITLES.shopNow")), 3)];
            l5(`<button class="${ssrRenderClass(["ar" === unref(t2) ? "-translate-x-1/2" : "translate-x-1/2", "base-btn hover:!bg-primary hover:!text-white transition-all !duration-300 absolute bottom-5 lg:bottom-20 !bg-white lg:!text-2xl !text-primary w-[160px] lg:w-[220px] outline-none lg:!h-16 !h-12"])}"${i2}>${ssrInterpolate(p2.$t("TITLES.shopNow"))}</button>`);
          }), _: 2 }, n2, d2)), a3("</div>");
        }), _: 2 }, x3, m2));
      }), a2("<!--]-->");
    }), _: 1 }, b2)), x2("</div>")) : x2("<!---->");
  };
} }, C = R.setup;
R.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/Hero.vue"), C ? C(e2, l2) : undefined;
};
const V = { __name: "Categories", __ssrInlineRender: true, props: { data: { type: Array, required: true } }, setup(e2) {
  const l2 = A, t2 = I, p2 = z$1;
  return (x2, w2, b2, y2) => {
    const _2 = An;
    e2.data && e2.data.length ? (w2(`<div${ssrRenderAttrs(mergeProps({ class: "container categories space-y-10 w-full", "data-aos": "fade-up" }, y2))}>`), e2.data.length ? w2(ssrRenderComponent(unref(he), { class: "lg:!hidden !block mySwiper", modules: [unref(l2), unref(t2), unref(p2)], "slides-per-view": 4.3, "space-between": 20, "free-mode": true, autoplay: { delay: 3e3, disableOnInteraction: false }, breakpoints: { 576: { slidesPerView: 5.6, spaceBetween: 20 }, 640: { slidesPerView: 6.6, spaceBetween: 20 }, 768: { slidesPerView: 7.3, spaceBetween: 30 }, 1024: { slidesPerView: 6.6, spaceBetween: 30 }, 1200: { slidesPerView: 7.6, spaceBetween: 48 }, 1440: { slidesPerView: 8.6, spaceBetween: 48 } } }, { default: withCtx((l3, t3, a2, p3) => {
      if (!t3) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id }, { default: withCtx(() => [createVNode(_2, { to: x2.localePath(`/categories?main_category=${e3.id}`), class: "flex flex-col items-center gap-3 justify-center mx-auto w-fit" }, { default: withCtx(() => [createVNode("div", { class: "relative w-[80px] h-[80px] lg:h-[120px] lg: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 line-clamp-1 lg:text-lg text-[#363636]" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["to"])]), _: 2 }, 1024))), 128))];
      t3("<!--[-->"), ssrRenderList(e2.data, (e3) => {
        t3(ssrRenderComponent(unref(ge), { key: e3.id }, { default: withCtx((l4, t4, a3, s2) => {
          if (!t4) return [createVNode(_2, { to: x2.localePath(`/categories?main_category=${e3.id}`), class: "flex flex-col items-center gap-3 justify-center mx-auto w-fit" }, { default: withCtx(() => [createVNode("div", { class: "relative w-[80px] h-[80px] lg:h-[120px] lg: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 line-clamp-1 lg:text-lg text-[#363636]" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["to"])];
          t4(ssrRenderComponent(_2, { to: x2.localePath(`/categories?main_category=${e3.id}`), class: "flex flex-col items-center gap-3 justify-center mx-auto w-fit" }, { default: withCtx((l5, t5, a4, s3) => {
            if (!t5) return [createVNode("div", { class: "relative w-[80px] h-[80px] lg:h-[120px] lg: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 line-clamp-1 lg:text-lg text-[#363636]" }, toDisplayString(e3.title), 1)];
            t5(`<div class="relative w-[80px] h-[80px] lg:h-[120px] lg:w-[120px] hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100"${s3}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="h-full w-full object-cover"${s3}></div><span class="text-sm line-clamp-1 lg:text-lg text-[#363636]"${s3}>${ssrInterpolate(e3.title)}</span>`);
          }), _: 2 }, a3, s2));
        }), _: 2 }, a2, p3));
      }), t3("<!--]-->");
    }), _: 1 }, b2)) : w2("<!---->"), w2('<div class="hidden gap-y-8 gap-x-4 mt-4 pt-4 lg:mt-8 lg:pt-8 lg:grid grid-cols-7"><!--[-->'), ssrRenderList(e2.data, (e3) => {
      w2("<div>"), w2(ssrRenderComponent(_2, { to: x2.localePath(`/categories?main_category=${e3.id}`), class: "flex flex-col items-center gap-3 justify-center mx-auto w-fit" }, { default: withCtx((l3, t3, a2, s2) => {
        if (!t3) return [createVNode("div", { class: "relative w-[80px] h-[80px] lg:h-[120px] lg: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 line-clamp-1 lg:text-lg text-[#363636]" }, toDisplayString(e3.title), 1)];
        t3(`<div class="relative w-[80px] h-[80px] lg:h-[120px] lg:w-[120px] hover:scale-110 transition-all duration-300 overflow-hidden rounded-full bg-gray-100"${s2}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="h-full w-full object-cover"${s2}></div><span class="text-sm line-clamp-1 lg:text-lg text-[#363636]"${s2}>${ssrInterpolate(e3.title)}</span>`);
      }), _: 2 }, b2)), w2("</div>");
    }), w2("<!--]--></div></div>")) : w2("<!---->");
  };
} }, O = V.setup;
V.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/Categories.vue"), O ? O(e2, l2) : undefined;
};
const M = { __name: "Products", __ssrInlineRender: true, props: { data: { type: Object, required: true }, title: { type: String, required: true } }, setup(e2) {
  const { locale: t2 } = Qs();
  return (p2, x2, f2, w2) => {
    const b2 = $, y2 = An, _2 = g;
    e2.data && e2.data.length ? (x2(`<section${ssrRenderAttrs(mergeProps({ class: "container my-6 lg:my-20" }, w2))}><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>`), x2(ssrRenderComponent(unref(he), { modules: ["SwiperAutoplay" in p2 ? p2.SwiperAutoplay : unref(A), "SwiperFreeMode" in p2 ? p2.SwiperFreeMode : unref(z$1)], "slides-per-view": 1.5, "free-mode": true, "space-between": 24, autoplay: { delay: 5e3, disableOnInteraction: false }, breakpoints: { 0: { slidesPerView: 1.5 }, 576: { slidesPerView: 2 }, 768: { slidesPerView: 3 }, 1024: { slidesPerView: 4 }, 1280: { slidesPerView: 5 } }, class: "mySwiper mb-10" }, { default: withCtx((l2, t3, a2, r2) => {
      if (!t3) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id }, { default: withCtx(() => [createVNode(b2, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t3("<!--[-->"), ssrRenderList(e2.data, (e3) => {
        t3(ssrRenderComponent(unref(ge), { key: e3.id }, { default: withCtx((l3, t4, a3, s2) => {
          if (!t4) return [createVNode(b2, { product: e3 }, null, 8, ["product"])];
          t4(ssrRenderComponent(b2, { product: e3 }, null, a3, s2));
        }), _: 2 }, a2, r2));
      }), t3("<!--]-->");
    }), _: 1 }, f2)), x2('<div class="mt-10 flex items-center justify-center">'), x2(ssrRenderComponent(y2, { to: p2.localePath("/categories"), class: "w-[220px] sm:w-[320px] max-w-[100%] bg-black justify-center flex items-center gap-1 px-8 py-3 text-white transition hover:bg-opacity-80 hover:scale-105" }, { default: withCtx((e3, l2, a2, i2) => {
      if (!l2) return [createVNode("span", { class: "text-xl font-medium" }, toDisplayString(p2.$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"${i2}>${ssrInterpolate(p2.$t("TITLES.viewAll"))}</span>`), l2(ssrRenderComponent(_2, { class: ["ar" === unref(t2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, a2, i2));
    }), _: 1 }, f2)), x2("</div></section>")) : x2("<!---->");
  };
} }, D = M.setup;
M.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/Products.vue"), D ? D(e2, l2) : undefined;
};
const N = "" + buildAssetsURL("flash-sale.b0UA2zki.png"), q = { __name: "FlashSale", __ssrInlineRender: true, props: { data: { type: Array, required: true } }, setup(e2) {
  const t2 = ref(12), n2 = ref(30), d2 = ref(24), { locale: c2 } = Qs(), u2 = (e3) => e3.toString().padStart(2, "0");
  return (p2, w2, b2, y2) => {
    const _2 = An, S2 = g;
    e2.data && e2.data.length ? (w2(`<section${ssrRenderAttrs(mergeProps({ class: "container relative py-6 my-6 lg:my-14 lg:pt-14" }, y2))}><div class="bg-[url(&#39;~/assets/images/images/flash-sale-1.png&#39;)] bg-cover py-10 px-10"><div class="header-section flex-wrap gap-4 flex justify-between items-center mb-6"><div class="flex items-center gap-2"><img${ssrRenderAttr("src", N)} alt="Flash" class="w-10 h-10"><h2 class="text-white 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(n2)))}</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>`), w2(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, a2) => {
      if (!l2) return [createVNode("span", null, toDisplayString(p2.$t("TITLES.flashSaleSeeAll")), 1), createVNode(S2, { class: ["ar" === unref(c2) ? "rotate-180" : "", "scale-[0.55] [&_path]:fill-[#FFC337]"], name: "chevron-right" }, null, 8, ["class"])];
      l2(`<span${a2}>${ssrInterpolate(p2.$t("TITLES.flashSaleSeeAll"))}</span>`), l2(ssrRenderComponent(S2, { class: ["ar" === unref(c2) ? "rotate-180" : "", "scale-[0.55] [&_path]:fill-[#FFC337]"], name: "chevron-right" }, null, t3, a2));
    }), _: 1 }, b2)), w2('</div></div><div class="product-grid grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8"><!--[-->'), ssrRenderList(e2.data, (e3) => {
      var l2, t3, a2, s2, n3, d3, c3, u3, m2, v2, y3, $2, S3;
      w2('<div class="product-card group" data-aos="fade-up">'), w2(ssrRenderComponent(_2, { to: p2.localePath(`/product/${e3.id}?color=${null == (t3 = null == (l2 = e3.detail) ? undefined : l2.color) ? undefined : t3.id}&size=${null == (s2 = null == (a2 = e3.detail) ? undefined : a2.size) ? undefined : s2.id}`), class: "relative block h-[300px] lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t4, a3, s3) => {
        var i2, r2;
        if (!t4) return [createVNode("img", { src: null == (r2 = e3.main_image) ? undefined : r2.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 == (i2 = e3.main_image) ? undefined : i2.media)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover transition duration-300 group-hover:scale-105"${s3}>`);
      }), _: 2 }, b2)), w2('<div class="product-info mt-4"><h3 class="text-white mb-2 line-clamp-1">'), w2(ssrRenderComponent(_2, { to: p2.localePath(`/product/${null == (n3 = e3.detail) ? undefined : n3.id}?color=${null == (c3 = null == (d3 = e3.detail) ? undefined : d3.color) ? undefined : c3.id}&size=${null == (m2 = null == (u3 = e3.detail) ? undefined : u3.size) ? undefined : m2.id}`) }, { default: withCtx((l3, t4, a3, s3) => {
        if (!t4) return [createTextVNode(toDisplayString(e3.title), 1)];
        t4(`${ssrInterpolate(e3.title)}`);
      }), _: 2 }, b2)), w2('</h3><div class="text-white flex items-center gap-2"><div class="font-bold text-xl">'), (null == (v2 = e3.detail) ? undefined : v2.price_after_offer) ? w2(`<div class="flex items-center gap-3"><div class="flex items-center gap-2"><span>${ssrInterpolate(null == ($2 = e3.detail) ? undefined : $2.price_after_offer)}</span><span class="font-normal text-sm">${ssrInterpolate(p2.$t("TITLES.egp"))}</span></div><div class="text-white line-through text-sm flex items-center gap-1">${ssrInterpolate(null == (S3 = e3.detail) ? undefined : S3.price)} <span class="font-normal text-xs">${ssrInterpolate(p2.$t("TITLES.egp"))}</span></div></div>`) : w2(`<p>${ssrInterpolate(null == (y3 = e3.detail) ? undefined : y3.price)} <span class="font-normal text-sm">${ssrInterpolate(p2.$t("TITLES.egp"))}</span></p>`), w2("</div></div></div></div>");
    }), w2("<!--]--></div></div></section>")) : w2("<!---->");
  };
} }, K = q.setup;
q.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/FlashSale.vue"), K ? K(e2, l2) : undefined;
};
const Q = { __name: "UpTo", __ssrInlineRender: true, props: { upTo: { type: Number, required: false }, offers: { type: Array, required: true } }, setup: (e2) => (ref(12), ref(30), ref(24), (t2, a2, s2, n2) => {
  const d2 = An, c2 = g;
  e2.offers && e2.offers.length ? (a2(`<section${ssrRenderAttrs(n2)}><div class="relative"><div class="bg-[url(&#39;~/assets/images/images/flash-sale-2.png&#39;)] bg-cover py-10 px-10"><div class="flex items-center justify-between mb-6 gap-2"><p class="text-white font-semibold text-lg">${ssrInterpolate(t2.$t("TITLES.offerDiscountTitle", { upTo: e2.upTo }))}</p>`), a2(ssrRenderComponent(d2, { class: "ar" === t2.$i18n.locale ? "rotate-180" : "", to: t2.localePath("/categories?type=offer") }, { default: withCtx((e3, l2, t3, a3) => {
    if (!l2) return [createVNode(c2, { name: "chevron-right-2" })];
    l2(ssrRenderComponent(c2, { name: "chevron-right-2" }, null, t3, a3));
  }), _: 1 }, s2)), a2(`</div><h2 class="text-white mb-6 text-lg">${ssrInterpolate(t2.$t("TITLES.offerDiscountSubTitle"))}</h2><div class="product-grid grid sm:grid-cols-2 gap-8"><!--[-->`), ssrRenderList(e2.offers, (e3) => {
    var l2, n3, c3;
    a2('<div data-aos="fade-up" class="product-card group">'), a2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`), class: "relative block h-[300px] lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t3, a3, s3) => {
      var i2, r2;
      if (!t3) return [createVNode("img", { src: null == (r2 = e3.main_image) ? undefined : r2.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 == (i2 = e3.main_image) ? undefined : i2.media)}${ssrRenderAttr("alt", null == e3 ? undefined : e3.title)} class="w-full h-full object-cover transition duration-300 group-hover:scale-105"${s3}>`);
    }), _: 2 }, s2)), a2('<div class="product-info mt-4"><h3 class="text-white mb-2 line-clamp-1">'), a2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`) }, { default: withCtx((l3, t3, a3, s3) => {
      if (!t3) return [createTextVNode(toDisplayString(null == e3 ? undefined : e3.title), 1)];
      t3(`${ssrInterpolate(null == e3 ? undefined : e3.title)}`);
    }), _: 2 }, s2)), a2('</h3><div class="text-white flex items-center gap-2"><div class="font-bold text-xl">'), e3.offer_price ? a2(`<div class="flex items-center gap-3"><div class="flex items-center gap-2"><span>${ssrInterpolate(null == (n3 = e3.detail) ? undefined : n3.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>`) : a2(`<p>${ssrInterpolate(null == (l2 = e3.detail) ? undefined : l2.price)} <span class="font-normal text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></p>`), a2("</div></div></div></div>");
  }), a2("<!--]--></div></div></div></section>")) : a2("<!---->");
}) }, W = Q.setup;
Q.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/UpTo.vue"), W ? W(e2, l2) : undefined;
};
const G = { __name: "Popular", __ssrInlineRender: true, props: { popular: { type: Array, required: true } }, setup: (e2) => (ref(12), ref(30), ref(24), (t2, a2, s2, n2) => {
  const d2 = An, c2 = g;
  e2.popular && e2.popular.length ? (a2(`<section${ssrRenderAttrs(n2)}><div class="relative"><div class="bg-[url(&#39;~/assets/images/images/flash-sale-3.png&#39;)] bg-cover py-10 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">`), a2(ssrRenderComponent(d2, { to: t2.localePath("/categories?type=popular") }, { default: withCtx((e3, l2, t3, a3) => {
    if (!l2) return [createVNode(c2, { name: "chevron-right-2" })];
    l2(ssrRenderComponent(c2, { name: "chevron-right-2" }, null, t3, a3));
  }), _: 1 }, s2)), a2(`</div><h2 class="text-white mb-6 text-lg">${ssrInterpolate(t2.$t("TITLES.popularProducts"))}</h2><div class="product-grid grid sm:grid-cols-2 gap-8"><!--[-->`), ssrRenderList(e2.popular, (e3) => {
    var l2, n3, c3;
    a2('<div data-aos="fade-up" class="product-card group">'), a2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`), class: "relative block h-[300px] lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t3, a3, s3) => {
      var i2, r2;
      if (!t3) return [createVNode("img", { src: null == (r2 = e3.main_image) ? undefined : r2.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 == (i2 = e3.main_image) ? undefined : i2.media)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover transition duration-300 group-hover:scale-105"${s3}>`);
    }), _: 2 }, s2)), a2('<div class="product-info mt-4"><h3 class="text-white mb-2 line-clamp-1">'), a2(ssrRenderComponent(d2, { to: t2.localePath(`/product/${e3.id}`) }, { default: withCtx((l3, t3, a3, s3) => {
      if (!t3) return [createTextVNode(toDisplayString(e3.title), 1)];
      t3(`${ssrInterpolate(e3.title)}`);
    }), _: 2 }, s2)), a2('</h3><div class="text-white flex items-center gap-2"><div class="font-bold text-xl">'), e3.offer_price ? a2(`<div class="flex items-center gap-3"><div class="flex items-center gap-2"><span>${ssrInterpolate(null == (n3 = e3.detail) ? undefined : n3.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>`) : a2(`<p>${ssrInterpolate(null == (l2 = e3.detail) ? undefined : l2.price)} <span class="font-normal text-sm">${ssrInterpolate(t2.$t("TITLES.egp"))}</span></p>`), a2("</div></div></div></div>");
  }), a2("<!--]--></div></div></div></section>")) : a2("<!---->");
}) }, H = G.setup;
G.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/Popular.vue"), H ? H(e2, l2) : undefined;
};
const U = { __name: "ShopNow", __ssrInlineRender: true, props: { data: { type: Object, required: true } }, setup: (e2) => (l2, t2, s2, 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, a2, s3) => {
    if (!t3) return [createVNode("img", { src: e2.data.image, alt: "sale", class: "lg:h-[550px] rounded-2xl w-full object-cover object-center" }, null, 8, ["src"])];
    t3(`<img${ssrRenderAttr("src", e2.data.image)} alt="sale" class="lg:h-[550px] rounded-2xl w-full object-cover object-center"${s3}>`);
  }), _: 1 }, s2)), t2("</div>")) : t2("<!---->");
} }, Y = U.setup;
U.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/ShopNow.vue"), Y ? Y(e2, l2) : undefined;
};
const J = { __name: "BestSeller", __ssrInlineRender: true, props: { data: { type: Object, required: true }, title: { type: String, required: true } }, setup(e2) {
  const t2 = ref(5);
  return Qs(), (r2, p2, x2, f2) => {
    const w2 = he, b2 = ge, y2 = $, $2 = g;
    e2.data && e2.data.length ? (p2(`<section${ssrRenderAttrs(mergeProps({ class: "container my-6 lg:my-20" }, f2))}><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>`), p2(ssrRenderComponent(w2, { modules: ["SwiperAutoplay" in r2 ? r2.SwiperAutoplay : unref(A), "SwiperFreeMode" in r2 ? r2.SwiperFreeMode : unref(z$1)], "slides-per-view": 1.5, "free-mode": true, "space-between": 24, autoplay: { delay: 5e3, disableOnInteraction: false }, breakpoints: { 0: { slidesPerView: 1.5 }, 576: { slidesPerView: 2 }, 768: { slidesPerView: 3 }, 1024: { slidesPerView: 4 }, 1280: { slidesPerView: 5 } }, class: "mySwiper mb-10 lg:!hidden" }, { default: withCtx((l2, t3, a2, s2) => {
      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, a3, s3) => {
          if (!t4) return [createVNode(y2, { product: e3 }, null, 8, ["product"])];
          t4(ssrRenderComponent(y2, { product: e3 }, null, a3, s3));
        }), _: 2 }, a2, s2));
      }), t3("<!--]-->");
    }), _: 1 }, x2)), p2('<div class="mb-10 lg:grid-cols-5 gap-x-6 gap-y-8 hidden lg:!grid"><!--[-->'), ssrRenderList(e2.data.slice(0, unref(t2)), (e3) => {
      p2("<div>"), p2(ssrRenderComponent(y2, { product: e3 }, null, x2)), p2("</div>");
    }), p2("<!--]--></div>"), unref(t2) <= e2.data.length ? (p2(`<div class="mt-10 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(r2.$t("TITLES.viewMore"))}</span>`), p2(ssrRenderComponent($2, { name: "chevron-down", class: "scale-[1.5] [&_path]:fill-white" }, null, x2)), p2("</button></div>")) : p2("<!---->"), p2("</section>")) : p2("<!---->");
  };
} }, X = J.setup;
J.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/BestSeller.vue"), X ? X(e2, l2) : undefined;
};
const Z = { __name: "BottomDiscount", __ssrInlineRender: true, props: { data: { type: Object, required: true } }, setup: (e2) => (l2, t2, s2, r2) => {
  const n2 = An;
  e2.data ? (t2(`<div${ssrRenderAttrs(mergeProps({ class: "container lg:my-14 lg:py-14 py-6 my-6" }, r2))}>`), t2(ssrRenderComponent(n2, { to: l2.localePath(`/sliders/${e2.data.id}`), "data-aos": "fade-up", class: "relative block lg:h-[400px] overflow-hidden" }, { default: withCtx((l3, t3, a2, s3) => {
    if (!t3) return [createVNode("img", { "data-aos": "fade-up", src: e2.data.image, alt: "sale", class: "lg:h-[400px] w-full object-cover object-center" }, null, 8, ["src"])];
    t3(`<img data-aos="fade-up"${ssrRenderAttr("src", e2.data.image)} alt="sale" class="lg:h-[400px] w-full object-cover object-center"${s3}>`);
  }), _: 1 }, s2)), t2("</div>")) : t2("<!---->");
} }, ee = Z.setup;
Z.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("components/Section/BottomDiscount.vue"), ee ? ee(e2, l2) : undefined;
};
const le = { __name: "index", __ssrInlineRender: true, setup(e2) {
  Qs();
  const t2 = Qt().$axios, { data: a2, status: i2, refresh: o2 } = wn("home", () => t2.get("home_website").then((e3) => e3.data).catch((e3) => e3.response));
  return (e3, t3, o3, r2) => {
    var n2, d2, c2, u2, p2, x2, v2, f2, h2, b2, y2, $2, _2, S2, A2;
    const T2 = B, j2 = R, k2 = V, I2 = M, P2 = q, F2 = Q, z2 = G, L2 = U, C2 = J, O2 = Z, D2 = g, N2 = a;
    "pending" === unref(i2) ? (t3(`<div${ssrRenderAttrs(r2)}>`), t3(ssrRenderComponent(T2, null, null, o3)), t3("</div>")) : "success" === unref(i2) ? (t3(`<div${ssrRenderAttrs(r2)}>`), (null == (n2 = unref(a2)) ? undefined : n2.data) ? (t3("<!--[-->"), t3(ssrRenderComponent(j2, { data: null == (d2 = unref(a2).data) ? undefined : d2.slider }, null, o3)), t3(ssrRenderComponent(k2, { data: null == (c2 = unref(a2).data) ? undefined : c2.main_categories }, null, o3)), t3(ssrRenderComponent(I2, { data: null == (u2 = unref(a2).data) ? undefined : u2.new_in, title: e3.$t("TITLES.newArrive") }, null, o3)), t3(ssrRenderComponent(P2, { data: null == (p2 = unref(a2).data) ? undefined : p2.flash_sales_products }, null, o3)), t3(`<div class="${ssrRenderClass([(null == (v2 = null == (x2 = unref(a2).data) ? undefined : x2.popular) ? undefined : v2.length) ? "lg:grid-cols-2" : "", "my-6 lg:my-14 container grid grid-cols-1 gap-8"])}">`), t3(ssrRenderComponent(F2, { offers: null == (f2 = unref(a2).data) ? undefined : f2.offers, upTo: null == (h2 = unref(a2).data) ? undefined : h2.up_to }, null, o3)), t3(ssrRenderComponent(z2, { popular: null == (b2 = unref(a2).data) ? undefined : b2.popular }, null, o3)), t3("</div>"), t3(ssrRenderComponent(I2, { data: null == (y2 = unref(a2).data) ? undefined : y2.deals, title: e3.$t("TITLES.deals") }, null, o3)), t3(ssrRenderComponent(I2, { data: null == ($2 = unref(a2).data) ? undefined : $2.for_you, title: e3.$t("TITLES.for_you") }, null, o3)), t3(ssrRenderComponent(L2, { data: null == (_2 = unref(a2).data) ? undefined : _2.middle_slider }, null, o3)), t3(ssrRenderComponent(C2, { data: null == (S2 = unref(a2).data) ? undefined : S2.best_seller, title: e3.$t("TITLES.bestSeller"), class: "!my-0" }, null, o3)), t3(ssrRenderComponent(O2, { data: null == (A2 = unref(a2).data) ? undefined : A2.footer_slider }, null, o3)), t3('<div class="container py-8"><button class="rounded-full bg-white border border-primary flex items-center justify-center w-16 h-16">'), t3(ssrRenderComponent(D2, { name: "arrow-up", class: "scale-75" }, null, o3)), t3("</button></div><!--]-->")) : (t3("<div>"), t3(ssrRenderComponent(N2, { class: "!min-h-[300px]" }, null, o3)), t3("</div>")), t3("</div>")) : t3("<!---->");
  };
} }, te = le.setup;
le.setup = (e2, l2) => {
  const a2 = useSSRContext();
  return (a2.modules || (a2.modules = /* @__PURE__ */ new Set())).add("pages/index.vue"), te ? te(e2, l2) : undefined;
};

export { le as default };
//# sourceMappingURL=index-D-cDkeGv.mjs.map
