import { f as buildAssetsURL } from '../_/nitro.mjs';
import { i as useLocalePath, t as _imports_0$1, u as useI18n, k as __nuxt_component_0$2, _ as _sfc_main$g } from './server.mjs';
import { useSSRContext, mergeProps, unref, withCtx, createTextVNode, toDisplayString, ref, createVNode, openBlock, createBlock, Fragment, renderList } from 'vue';
import { ssrRenderAttrs, ssrRenderAttr, ssrInterpolate, ssrRenderComponent, ssrRenderClass, ssrRenderList } from 'vue/server-renderer';
import { Carousel, Slide } from 'vue3-carousel/dist/carousel';

const _sfc_main$6 = {
  __name: "BackError",
  __ssrInlineRender: true,
  setup(__props) {
    const localePath = useLocalePath();
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_link = __nuxt_component_0$2;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container my-20" }, _attrs))}><div class="flex justify-center flex-col items-center"><img width="300" height="300"${ssrRenderAttr("src", _imports_0$1)} alt="not found icon" loading="lazy"><div class="error_section"><h1 class="text-center font-bold text-2xl my-4 text-text">${ssrInterpolate(_ctx.$t("apologizeForMistake"))}</h1><p class="text-center max-w-[500px] text-text-light">${ssrInterpolate(_ctx.$t("pleaseKindlyTryAgain"))}</p><div class="flex justify-center mt-5">`);
      _push(ssrRenderComponent(_component_nuxt_link, {
        to: unref(localePath)("/"),
        class: "base-btn mx-2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("NAV.home"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("NAV.home")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_nuxt_link, {
        to: unref(localePath)("/contact-us"),
        class: "base-btn-white mx-2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("NAV.contact"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("NAV.contact")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div></div></div>`);
    };
  }
};
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("components/BackError.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const _imports_0 = "" + buildAssetsURL("years.DLUciVtl.png");
const _sfc_main$5 = {
  __name: "AboutIntro",
  __ssrInlineRender: true,
  props: {
    items: {
      required: true
    },
    hasLink: {
      required: false,
      default: false
    }
  },
  setup(__props) {
    const ISKSA = ref(false);
    const expYears = ref(6);
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="grid gap-5 grid-cols-1 lg:grid-cols-2 items-center"><div class="${ssrRenderClass([__props.hasLink ? "order-2" : "order-2 lg:order-1", "about-text space-y-3"])}">`);
      if (__props.hasLink) {
        _push(`<h2 data-wow-duration="1.3s" data-wow-delay="0s" class="text-2xl md:text-3xl md:leading-[2.3rem] font-bold text-text animated wow fadeInUp">${ssrInterpolate("+" + unref(expYears))} ${ssrInterpolate(unref(ISKSA) ? __props.items.title_ksa : __props.items.title)}</h2>`);
      } else {
        _push(`<h1 data-wow-duration="1.3s" data-wow-delay="0s" class="text-2xl md:text-3xl md:leading-[2.3rem] font-bold text-text animated wow fadeInUp">${ssrInterpolate("+" + unref(expYears))} ${ssrInterpolate(unref(ISKSA) ? __props.items.title_ksa : __props.items.title)}</h1>`);
      }
      _push(`<div data-wow-duration="1.3s" data-wow-delay="0s" class="${ssrRenderClass([_ctx.$route.name.includes("about") ? "" : "line-clamp-3", "text-text-light text-sm mb-5 leading-6 animated wow fadeInUp"])}">${(_a = unref(ISKSA) ? __props.items.description_ksa : __props.items.description) != null ? _a : ""}</div><div class="flex items-center gap-2 animated wow bounceIn" data-wow-duration="1.3s" data-wow-delay="0s"><div class="relative"><img format="webp"${ssrRenderAttr("alt", __props.items.feature[0].title)}${ssrRenderAttr("src", _imports_0)} align="center" width="90" height="80" loading="lazy" sizes="100px" class="object-contain"><span class="font-bold text-primary text-2xl absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2">${ssrInterpolate("+" + unref(expYears))}</span></div><span class="text-text-light font-medium">${ssrInterpolate(__props.items.feature[0].title)}</span></div><div class="flex items-center justify-end mt-4">`);
      if (__props.hasLink) {
        _push(ssrRenderComponent(_component_nuxt_link, {
          class: "base-btn-white",
          to: _ctx.localePath("/about")
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`${ssrInterpolate(_ctx.$t("BUTTONS.moreAboutUs"))} <i class="${ssrRenderClass(
                _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
              )}"${_scopeId}></i>`);
            } else {
              return [
                createTextVNode(toDisplayString(_ctx.$t("BUTTONS.moreAboutUs")) + " ", 1),
                createVNode("i", {
                  class: _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
                }, null, 2)
              ];
            }
          }),
          _: 1
        }, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div><div class="${ssrRenderClass([__props.hasLink ? "order-1" : "order-1 lg:order-2", "animated wow fadeInLeft"])}" data-wow-duration="1.3s" data-wow-delay="0s">`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        format: "webp",
        alt: __props.items.title,
        src: __props.items.image,
        class: "max-h-[595px] mx-auto",
        width: "595",
        height: "521",
        quality: "90",
        sizes: "300px md:400px xl:500px"
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
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("components/about/AboutIntro.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const _sfc_main$4 = {
  __name: "GeneralCertificationsSwiper",
  __ssrInlineRender: true,
  props: {
    items: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      450: {
        itemsToShow: 2
      },
      768: {
        itemsToShow: 3
      },
      992: {
        itemsToShow: 4
      },
      1200: {
        itemsToShow: 4
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container pb-11 lg:pb-20" }, _attrs))}><h2 class="mb-7 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold max-w-[270px] lg:max-w-[360px] leading-[2.8rem]">${ssrInterpolate(_ctx.$t("TITLES.certificates"))}</h2>`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        "items-to-show": 1,
        "wrap-around": true,
        transition: 1200,
        autoplay: 2e3,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.items, (item, i) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`<a${ssrRenderAttr("href", item.link)} target="_blank" data-wow-duration="1.3s" data-wow-delay="0s" class="${ssrRenderClass([i % 2 == 0 ? "fadeInUp" : "fadeInDown", "w-full border flex items-center mx-1 justify-center border-[#8F98C54D] rounded-xl h-[220px] animated wow fade"])}"${_scopeId2}>`);
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      loading: "lazy",
                      format: "webp",
                      class: "object-contain",
                      height: "170",
                      width: "170",
                      quality: "90",
                      src: item.image,
                      alt: item.alt_image,
                      sizes: "sm:355px md:320px lg:480px"
                    }, null, _parent3, _scopeId2));
                    _push3(`</a>`);
                  } else {
                    return [
                      createVNode("a", {
                        href: item.link,
                        target: "_blank",
                        "data-wow-duration": "1.3s",
                        "data-wow-delay": "0s",
                        class: ["w-full border flex items-center mx-1 justify-center border-[#8F98C54D] rounded-xl h-[220px] animated wow fade", i % 2 == 0 ? "fadeInUp" : "fadeInDown"]
                      }, [
                        createVNode(_component_nuxt_img, {
                          loading: "lazy",
                          format: "webp",
                          class: "object-contain",
                          height: "170",
                          width: "170",
                          quality: "90",
                          src: item.image,
                          alt: item.alt_image,
                          sizes: "sm:355px md:320px lg:480px"
                        }, null, 8, ["src", "alt"])
                      ], 10, ["href"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.items, (item, i) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode("a", {
                      href: item.link,
                      target: "_blank",
                      "data-wow-duration": "1.3s",
                      "data-wow-delay": "0s",
                      class: ["w-full border flex items-center mx-1 justify-center border-[#8F98C54D] rounded-xl h-[220px] animated wow fade", i % 2 == 0 ? "fadeInUp" : "fadeInDown"]
                    }, [
                      createVNode(_component_nuxt_img, {
                        loading: "lazy",
                        format: "webp",
                        class: "object-contain",
                        height: "170",
                        width: "170",
                        quality: "90",
                        src: item.image,
                        alt: item.alt_image,
                        sizes: "sm:355px md:320px lg:480px"
                      }, null, 8, ["src", "alt"])
                    ], 10, ["href"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div>`);
    };
  }
};
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("components/general/GeneralCertificationsSwiper.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const _sfc_main$3 = {
  __name: "HomeCardWhyUs",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    backgroundColor: {
      required: false,
      default: "#fff"
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g;
      const _cssVars = { style: {
        "--1b67afbc": __props.backgroundColor
      } };
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "why_us_card p-5 rounded-xl items-start border gap-2 flex max-w-[600px] w-full" }, _attrs, _cssVars))}><div>`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        width: "44",
        height: "44",
        format: "webp",
        class: "object-contain mt-2",
        sizes: "44px",
        src: __props.item.icon,
        alt: __props.item.title,
        loading: "lazy"
      }, null, _parent));
      _push(`</div><div><h3 class="text-text font-bold text-2xl mb-2">${ssrInterpolate(__props.item.title)}</h3><p class="text-text text-sm max-w-[450px]">${ssrInterpolate(__props.item.description)}</p></div></div>`);
    };
  }
};
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("components/home/card/HomeCardWhyUs.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const _sfc_main$2 = {
  __name: "HomeWhyUs",
  __ssrInlineRender: true,
  setup(__props) {
    useI18n();
    const items = ref(null);
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_home_card_why_us = _sfc_main$3;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "why_us pb-20" }, _attrs))}>`);
      if (unref(items)) {
        _push(`<div class="container"><div class="flex flex-col lg:flex-row gap-11"><div class="w-full max-w-[400px]"><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="mb-2 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold leading-[2.8rem] animated wow fadeInLeftBig"><span class="block">${ssrInterpolate(unref(items).why_us_title.split(" ")[0])}</span> ${ssrInterpolate(unref(items).why_us_title.substr(unref(items).why_us_title.indexOf(" ") + 1))}</h2><p data-wow-duration="1.3s" data-wow-delay="0.2s" class="mb-5 max-w-[350px] text-sm text-text-light animated wow fadeInLeftBig">${(_a = unref(items).why_us_description) != null ? _a : ""}</p><div data-wow-duration="1.3s" data-wow-delay="0.3s" class="flex items-center mt-4 animated wow fadeInLeftBig">`);
        _push(ssrRenderComponent(_component_nuxt_link, {
          class: "base-btn-white",
          to: _ctx.localePath("/about")
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`${ssrInterpolate(_ctx.$t("BUTTONS.letsWorkTogother"))} <i class="${ssrRenderClass(
                _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
              )}"${_scopeId}></i>`);
            } else {
              return [
                createTextVNode(toDisplayString(_ctx.$t("BUTTONS.letsWorkTogother")) + " ", 1),
                createVNode("i", {
                  class: _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
                }, null, 2)
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div></div><div class="space-y-8 why_us_content w-full flex flex-col flex-1"><!--[-->`);
        ssrRenderList(unref(items).why_us_features, (item, i) => {
          _push(ssrRenderComponent(_component_home_card_why_us, {
            "data-wow-duration": "1.3s",
            "data-wow-delay": `${0.2 * i}s`,
            key: item.id,
            item,
            "background-color": item.background,
            class: "animated wow fadeInRightBig"
          }, null, _parent));
        });
        _push(`<!--]--></div></div></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
};
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/HomeWhyUs.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = {
  __name: "HomeCardService",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_nuxt_img = _sfc_main$g;
      const _component_nuxt_link = __nuxt_component_0$2;
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: "border rounded-xl flex flex-col gap-2 border-[#F5F5FC] p-5 animated wow zoomIn",
        "data-wow-duration": "1.3s",
        "data-wow-delay": "0s"
      }, _attrs))}>`);
      if (__props.item.icon) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          width: "40",
          height: "40",
          class: "rounded-full object-contain w-10 h-10 mb-2",
          src: __props.item.icon.media,
          srcset: `${__props.item.icon.media} 480w, ${__props.item.icon.media} 1080w`,
          alt: __props.item.name ? __props.item.name : __props.item.desc.replace(/<[^>]*>/g, ""),
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_nuxt_link, {
        "aria-label": __props.item.name,
        to: _ctx.localePath(`/service/${__props.item.slug}`),
        class: "text-text font-semibold text-lg lg:text-xl line-clamp-1"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(__props.item.name)}`);
          } else {
            return [
              createTextVNode(toDisplayString(__props.item.name), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`<div class="text-text-light text-sm lg:text-base line-clamp-2">${(_a = __props.item.desc.replace(/<[^>]*>/g, "")) != null ? _a : ""}</div></div>`);
    };
  }
};
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("components/home/card/HomeCardService.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = {
  __name: "HomeServices",
  __ssrInlineRender: true,
  setup(__props) {
    useI18n();
    const items = ref(null);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_home_card_service = _sfc_main$1;
      if (unref(items)) {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "container pb-20" }, _attrs))}><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="text-4xl lg:text-5xl mb-2 lg:leading-[3rem] text-text font-bold mleading-[2.5rem] animated wow fadeInUp">${ssrInterpolate(_ctx.$t("TITLES.serviceSection"))}</h2><p data-wow-duration="1.3s" data-wow-delay="0.2s" class="mb-7 text-text-light max-w-[500px] animated wow fadeInUp">${ssrInterpolate(_ctx.$t("TITLES.descriptionServiceSection"))}</p><div class="grid grid-col xs:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-5"><!--[-->`);
        ssrRenderList(unref(items), (item) => {
          _push(ssrRenderComponent(_component_home_card_service, {
            key: item.id,
            item
          }, null, _parent));
        });
        _push(`<!--]--></div></div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/HomeServices.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main$6 as _, _sfc_main$5 as a, _sfc_main$4 as b, _sfc_main$2 as c, _sfc_main as d };
//# sourceMappingURL=HomeServices-KYFFMiTI.mjs.map
