import { defineAsyncComponent, useSSRContext, ref, mergeProps, unref, withCtx, createTextVNode, toDisplayString, openBlock, createBlock, withModifiers, createCommentVNode, createVNode, Fragment, renderList, Transition } from 'vue';
import { i as useLocalePath, a as _export_sfc, u as useI18n, k as __nuxt_component_0$2, _ as _sfc_main$g$1 } from './server.mjs';
import { _ as _sfc_main$N } from './GeneralCallToAction-BNzByXfE.mjs';
import { _ as _sfc_main$O } from './MainModal-CspCWVZB.mjs';
import { _ as _sfc_main$P } from './PlayVideo-YRE_Sr6i.mjs';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderTeleport, ssrRenderAttr, ssrRenderList, ssrRenderStyle, ssrRenderClass } from 'vue/server-renderer';
import { Carousel, Slide, Navigation } from 'vue3-carousel/dist/carousel';
import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';

const __nuxt_component_0_lazy = defineAsyncComponent(() => import('./HeaderTitle-QiB76Ts9.mjs').then((c) => c.default || c));
const _sfc_main$M = {
  __name: "AlamiyaHeader",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    headerBg: {
      required: false
    },
    isHome: {
      required: false,
      default: false
    }
  },
  setup(__props) {
    const openModal = ref(false);
    const localePath = useLocalePath();
    return (_ctx, _push, _parent, _attrs) => {
      const _component_lazy_header_title = __nuxt_component_0_lazy;
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_general_call_to_action = _sfc_main$N;
      const _component_main_modal = _sfc_main$O;
      const _component_play_video = _sfc_main$P;
      if (__props.item) {
        _push(`<div${ssrRenderAttrs(mergeProps({
          class: [__props.headerBg, "py-11 lg:py-20 container"]
        }, _attrs))}>`);
        _push(ssrRenderComponent(_component_lazy_header_title, {
          title: __props.item.title
        }, null, _parent));
        if (__props.item.desc) {
          _push(`<p class="max-w-[700px] mx-auto text-[#737195] text-center mt-5">${ssrInterpolate(__props.item.desc)}</p>`);
        } else {
          _push(`<!---->`);
        }
        _push(`<div class="flex items-center gap-5 justify-center mt-8">`);
        if (__props.isHome) {
          _push(ssrRenderComponent(_component_nuxt_link, {
            to: unref(localePath)("/about"),
            class: "base-btn"
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(`${ssrInterpolate(_ctx.$t("BUTTONS.contactUs"))}`);
              } else {
                return [
                  createTextVNode(toDisplayString(_ctx.$t("BUTTONS.contactUs")), 1)
                ];
              }
            }),
            _: 1
          }, _parent));
        } else {
          _push(ssrRenderComponent(_component_general_call_to_action, {
            text: _ctx.$t("BUTTONS.getStart"),
            classes: "base-btn"
          }, null, _parent));
        }
        if (__props.item.video) {
          _push(`<button type="button" class="text-primary font-medium gap-2 flex items-center"><span class="border border-primary flex items-center justify-center rounded-full w-10 h-10"><i class="fa-solid fa-play"></i></span> ${ssrInterpolate(_ctx.$t("BUTTONS.introVideo"))}</button>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
        ssrRenderTeleport(_push, (_push2) => {
          if (unref(openModal)) {
            _push2(ssrRenderComponent(_component_main_modal, {
              onClose: ($event) => openModal.value = false
            }, {
              default: withCtx((_, _push3, _parent2, _scopeId) => {
                if (_push3) {
                  if (__props.item.video) {
                    _push3(ssrRenderComponent(_component_play_video, {
                      src: __props.item.video.media,
                      onClick: () => {
                      }
                    }, null, _parent2, _scopeId));
                  } else {
                    _push3(`<!---->`);
                  }
                } else {
                  return [
                    __props.item.video ? (openBlock(), createBlock(_component_play_video, {
                      key: 0,
                      src: __props.item.video.media,
                      onClick: withModifiers(() => {
                      }, ["stop"])
                    }, null, 8, ["src", "onClick"])) : createCommentVNode("", true)
                  ];
                }
              }),
              _: 1
            }, _parent));
          } else {
            _push2(`<!---->`);
          }
        }, "body", false, _parent);
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
};
const _sfc_setup$M = _sfc_main$M.setup;
_sfc_main$M.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader.vue");
  return _sfc_setup$M ? _sfc_setup$M(props, ctx) : void 0;
};
const _sfc_main$L = {
  __name: "AlamiyaHeader1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    isHome: {
      required: false,
      default: false
    }
  },
  setup(__props) {
    const openModal = ref(false);
    const localePath = useLocalePath();
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_general_call_to_action = _sfc_main$N;
      const _component_main_modal = _sfc_main$O;
      const _component_play_video = _sfc_main$P;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "min-h-fit pt-14 pb-28 container" }, _attrs))}><div class="flex items-center flex-wrap gap-7"><div class="w-full lg:flex-1 order-2 lg:order-1">`);
      if (__props.item.title) {
        _push(`<div class="text-3xl md:text-5xl xl:text-6xl 2xl:text-7xl 2xl:leading-[5rem] capitalize md:leading-[3.5rem] font-bold max-w-[630px] 2xl:max-w-[670px] max-h-fit text-black">${(_a = __props.item.title) != null ? _a : ""}</div>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.desc) {
        _push(`<p class="max-w-[500px] text-[#737195] 2xl:text-xl mt-7">${ssrInterpolate(__props.item.desc)}</p>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="flex items-center gap-5 mt-8">`);
      if (__props.isHome) {
        _push(ssrRenderComponent(_component_nuxt_link, {
          to: unref(localePath)("/about"),
          class: "base-btn"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`${ssrInterpolate(_ctx.$t("BUTTONS.contactUs"))}`);
            } else {
              return [
                createTextVNode(toDisplayString(_ctx.$t("BUTTONS.contactUs")), 1)
              ];
            }
          }),
          _: 1
        }, _parent));
      } else {
        _push(ssrRenderComponent(_component_general_call_to_action, {
          text: _ctx.$t("BUTTONS.getStart"),
          classes: "base-btn-white   bg-transparent"
        }, null, _parent));
      }
      if (__props.item.video) {
        _push(`<button type="button" class="text-primary font-medium gap-2 flex items-center"><span class="border border-primary flex items-center justify-center rounded-full w-10 h-10"><i class="fa-solid fa-play"></i></span> ${ssrInterpolate(_ctx.$t("BUTTONS.introVideo"))}</button>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div>`);
      if (__props.item.images && __props.item.images.length) {
        _push(`<div class="w-full lg:w-[400px] lg:h-[400px] order-1 lg:order-2">`);
        if (__props.item.images.length) {
          _push(`<img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.title)} class="mx-auto aspect-auto w-[350px] h-[350px] lg:w-[400px] lg:h-[400px] object-cover rounded-full" width="450" height="450">`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
      ssrRenderTeleport(_push, (_push2) => {
        if (unref(openModal)) {
          _push2(ssrRenderComponent(_component_main_modal, {
            onClose: ($event) => openModal.value = false
          }, {
            default: withCtx((_, _push3, _parent2, _scopeId) => {
              if (_push3) {
                if (__props.item.video) {
                  _push3(ssrRenderComponent(_component_play_video, {
                    src: __props.item.video.media,
                    onClick: () => {
                    }
                  }, null, _parent2, _scopeId));
                } else {
                  _push3(`<!---->`);
                }
              } else {
                return [
                  __props.item.video ? (openBlock(), createBlock(_component_play_video, {
                    key: 0,
                    src: __props.item.video.media,
                    onClick: withModifiers(() => {
                    }, ["stop"])
                  }, null, 8, ["src", "onClick"])) : createCommentVNode("", true)
                ];
              }
            }),
            _: 1
          }, _parent));
        } else {
          _push2(`<!---->`);
        }
      }, "body", false, _parent);
      _push(`</div>`);
    };
  }
};
const _sfc_setup$L = _sfc_main$L.setup;
_sfc_main$L.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader1.vue");
  return _sfc_setup$L ? _sfc_setup$L(props, ctx) : void 0;
};
const _sfc_main$K = {
  __name: "AlamiyaHeader2",
  __ssrInlineRender: true,
  props: {
    item: {
      required: false
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "py-20 container" }, _attrs))}><div class="text-black capitalize space-y-5"><div class="font-bold text-center text-5xl max-w-[650px] mx-auto tracking-wide">${(_a = __props.item.title) != null ? _a : ""}</div><p class="text-text-light text-center text-sm mx-auto max-w-[500px]">${ssrInterpolate(__props.item.desc)}</p><div class="min-h-[300px] bg-third rounded-2xl">`);
      if (__props.item.background) {
        _push(`<img${ssrRenderAttr("src", __props.item.background.media)}${ssrRenderAttr("alt", __props.item.title)} class="mb-5 mx-auto">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="grid md:grid-cols-2 pt-5 gap-4"><h2 class="text-3xl max-w-[400px] font-bold mb-4">${ssrInterpolate(__props.item.sub_title)}</h2><div class="text-[#737195] text-sm max-w-[400px] leading-6">${(_b = __props.item.sub_desc) != null ? _b : ""}</div></div></div></div>`);
    };
  }
};
const _sfc_setup$K = _sfc_main$K.setup;
_sfc_main$K.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader2.vue");
  return _sfc_setup$K ? _sfc_setup$K(props, ctx) : void 0;
};
const _sfc_main$J = {
  __name: "AlamiyaHeader3",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "min-h-fit min-h-[50vh] flex items-center pt-14 pb-28 container" }, _attrs))}><div><div class="text-4xl md:text-5xl lg:leading-[3.5rem] font-bold mb-5 capitalize text-text max-w-[630px] xl:max-w-[800px]">${(_a = __props.item.title) != null ? _a : ""}</div><p class="text-text-light text-lg lg:text-xl max-w-[500px]">${ssrInterpolate(__props.item.desc)}</p></div></div>`);
    };
  }
};
const _sfc_setup$J = _sfc_main$J.setup;
_sfc_main$J.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader3.vue");
  return _sfc_setup$J ? _sfc_setup$J(props, ctx) : void 0;
};
const _sfc_main$I = {
  __name: "AlamiyaHeader4",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    isHome: {
      required: false,
      default: false
    }
  },
  setup(__props) {
    const localePath = useLocalePath();
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "min-h-fit pt-14 pb-28 container" }, _attrs))}><div class="grid grid-cols-1 lg:grid-cols-2 items-center gap-5 bg-[#B8EBF742] px-5 sm:px-14 py-14 rounded-[4rem]"><div class="order-2 lg:order-1">`);
      if (__props.item.title) {
        _push(`<h2 class="text-3xl md:text-5xl 2xl:text-6xl 2xl:leading-[4.5rem] capitalize md:leading-[3.5rem] font-bold max-w-[630px] 2xl:max-w-[750px] max-h-fit text-black">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.desc) {
        _push(`<p class="max-w-[500px] text-[#737195] text-sm mt-5">${ssrInterpolate(__props.item.desc)}</p>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="flex items-center gap-5 mt-8">`);
      if (__props.isHome) {
        _push(ssrRenderComponent(_component_nuxt_link, {
          to: unref(localePath)("/about"),
          class: "base-btn"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`${ssrInterpolate(_ctx.$t("BUTTONS.contactUs"))}`);
            } else {
              return [
                createTextVNode(toDisplayString(_ctx.$t("BUTTONS.contactUs")), 1)
              ];
            }
          }),
          _: 1
        }, _parent));
      } else {
        _push(ssrRenderComponent(_component_general_call_to_action, {
          text: _ctx.$t("BUTTONS.getServiceNow"),
          classes: "base-btn hover:bg-transparent",
          icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-xs`
        }, null, _parent));
      }
      _push(`</div></div><div class="order-1 lg:order-2">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.title)} class="mx-auto aspect-auto max-h-[350px] object-contain" width="400" height="400">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$I = _sfc_main$I.setup;
_sfc_main$I.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader4.vue");
  return _sfc_setup$I ? _sfc_setup$I(props, ctx) : void 0;
};
const _sfc_main$H = {
  __name: "AlamiyaHeader5",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({
        style: __props.item.background ? `background:url(${__props.item.background.media})` : "",
        class: "!bg-no-repeat !bg-cover min-h-[70vh] flex items-center transparent_bg mb-20"
      }, _attrs))}><div class="container z-10"><div class="max-w-[550px]">`);
      if (__props.item.title) {
        _push(`<div class="text-4xl md:text-5xl xl:text-6xl xl:leading-[4.5rem] capitalize md:leading-[3.5rem] font-bold text-white">${(_a = __props.item.title) != null ? _a : ""}</div>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.desc) {
        _push(`<div class="text-white mt-5">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="flex items-center gap-5 mt-8">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.letsGetStart"),
        classes: `hover:cursor-pointer hover:bg-white hover:border-primary rounded-full py-3 px-5 bg-primary text-white transition-background-color duration-300  from-[#963E90] via-[#653c8e] to-[#29398C] ${_ctx.$i18n.locale == "ar" ? "bg-gradient-to-r" : "bg-gradient-to-l"}`,
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} bg-white text-[#963E90] rounded-full w-5 h-5 flex items-center justify-center`
      }, null, _parent));
      _push(`</div></div></div></div>`);
    };
  }
};
const _sfc_setup$H = _sfc_main$H.setup;
_sfc_main$H.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader5.vue");
  return _sfc_setup$H ? _sfc_setup$H(props, ctx) : void 0;
};
const _sfc_main$G = {
  __name: "AlamiyaHeader6",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({
        style: __props.item.background ? `background:url(${__props.item.background.media})` : "",
        class: "!bg-no-repeat !bg-cover min-h-[80vh] flex items-center justify-center mb-20"
      }, _attrs))}><div class="max-w-[650px] text-center">`);
      if (__props.item.title) {
        _push(`<div class="text-5xl md:text-6xl xl:text-7xl xl:leading-[4.5rem] capitalize md:leading-[3.5rem] font-bold text-white">${(_a = __props.item.title) != null ? _a : ""}</div>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.desc) {
        _push(`<p class="text-white mt-5 m-auto">${(_b = __props.item.desc) != null ? _b : ""}</p>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="mt-8">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.letsGetStart"),
        classes: "base-btn mx-auto",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} bg-white  text-[#29398C] rounded-full w-5 h-5 flex items-center justify-center`
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$G = _sfc_main$G.setup;
_sfc_main$G.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader6.vue");
  return _sfc_setup$G ? _sfc_setup$G(props, ctx) : void 0;
};
const _sfc_main$F = {
  __name: "AlamiyaHeader7",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container py-11 lg:py-20 grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 items-center gap-5" }, _attrs))}>`);
      if (__props.item.images.length) {
        _push(`<div class="rounded-2xl flex justify-center items-center order-1 lg:order-2 2xl:col-span-2">`);
        if (__props.item.images.length) {
          _push(ssrRenderComponent(_component_nuxt_img, {
            format: "webp",
            src: __props.item.images[0].media,
            alt: __props.item.images[0].alt,
            class: "max-h-[550px] object-contain mx-auto",
            width: "550",
            height: "550",
            quality: "80",
            sizes: "300px 400px md:500px xl:575px",
            loading: "lazy"
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="m-auto order-1 col-span-1"><div class="mb-7 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold leading-[2.8rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</div><div class="text-text-light">${(_b = __props.item.desc) != null ? _b : ""}</div><div class="mt-10">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-sm`
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$F = _sfc_main$F.setup;
_sfc_main$F.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader7.vue");
  return _sfc_setup$F ? _sfc_setup$F(props, ctx) : void 0;
};
const _sfc_main$E = {
  __name: "AlamiyaHeader8",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_general_call_to_action = _sfc_main$N;
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: "header-8 !bg-cover !bg-no-repeat pt-20 mb-20",
        style: __props.item.background ? `background:url(${__props.item.background.media})` : ""
      }, _attrs))}><div class="container"><div class="grid grid-cols-1 lg:grid-cols-2 items-start gap-5 min-h-[85vh]"><div class="space-y-5 pb-11 lg:pb-0"><div class="text-text text-4xl md:text-5xl 2xl:text-6xl max-w-[500px] 2xl:max-w-[700px] font-montserrat md:leading-[3.5rem] font-bold">${(_a = __props.item.title) != null ? _a : ""}</div><div class="max-w-[500px] text-[#737195]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-sm`
      }, null, _parent));
      _push(`</div>`);
      if (__props.item.images.length) {
        _push(`<div class="flex items-center justify-center relative -translate-y-11 md:translate-y-0">`);
        if (__props.item.images.length) {
          _push(ssrRenderComponent(_component_nuxt_img, {
            format: "webp",
            src: __props.item.images[0].media,
            alt: __props.item.images[0].alt,
            class: "max-h-[595px] mx-auto object-contain",
            width: "595",
            height: "521",
            quality: "80",
            sizes: "300px 400px md:500px",
            loading: "lazy"
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$E = _sfc_main$E.setup;
_sfc_main$E.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader8.vue");
  return _sfc_setup$E ? _sfc_setup$E(props, ctx) : void 0;
};
const _sfc_main$D = {
  __name: "AlamiyaHeader9",
  __ssrInlineRender: true,
  props: {
    item: {
      required: false
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "py-20 container" }, _attrs))}><div class="text-black capitalize space-y-5"><div class="font-bold text-center text-5xl max-w-[650px] mx-auto tracking-wide">${(_a = __props.item.title) != null ? _a : ""}</div><p class="text-text-light text-center text-sm mx-auto max-w-[500px]">${ssrInterpolate(__props.item.desc)}</p>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn mx-auto",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-xs`
      }, null, _parent));
      _push(`<div class="min-h-[300px] rounded-2xl">`);
      if (__props.item.background) {
        _push(`<img${ssrRenderAttr("src", __props.item.background.media)}${ssrRenderAttr("alt", __props.item.title)} class="mx-auto">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$D = _sfc_main$D.setup;
_sfc_main$D.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader9.vue");
  return _sfc_setup$D ? _sfc_setup$D(props, ctx) : void 0;
};
const _sfc_main$C = {
  __name: "AlamiyaHeader10",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      576: {
        itemsToShow: 2
      },
      992: {
        itemsToShow: 3
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-gradient-to-b from-[#D1F6FF4D] via-white to-white" }, _attrs))}><div class="pt-14 pb-20 container"><div class="font-bold text-center text-3xl md:text-5xl max-w-[650px] mx-auto tracking-wide mb-3">${(_a = __props.item.title) != null ? _a : ""}</div><p class="text-text-light text-center text-sm mx-auto max-w-[500px]">${ssrInterpolate(__props.item.desc)}</p><div class="mt-12 max-w-[900px] mx-auto">`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        autoplay: 5e3,
        "items-to-show": 1,
        transition: 1200,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.images, (item) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      format: "webp",
                      src: item.media_trans,
                      alt: item.alt,
                      class: "max-h-[585px] object-contain min-h-[300px] mx-auto",
                      width: "300",
                      height: "585",
                      quality: "80",
                      sizes: "300px",
                      loading: "lazy"
                    }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(_component_nuxt_img, {
                        format: "webp",
                        src: item.media_trans,
                        alt: item.alt,
                        class: "max-h-[585px] object-contain min-h-[300px] mx-auto",
                        width: "300",
                        height: "585",
                        quality: "80",
                        sizes: "300px",
                        loading: "lazy"
                      }, null, 8, ["src", "alt"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.images, (item) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode(_component_nuxt_img, {
                      format: "webp",
                      src: item.media_trans,
                      alt: item.alt,
                      class: "max-h-[585px] object-contain min-h-[300px] mx-auto",
                      width: "300",
                      height: "585",
                      quality: "80",
                      sizes: "300px",
                      loading: "lazy"
                    }, null, 8, ["src", "alt"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$C = _sfc_main$C.setup;
_sfc_main$C.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader10.vue");
  return _sfc_setup$C ? _sfc_setup$C(props, ctx) : void 0;
};
const _sfc_main$B = {
  __name: "AlamiyaHeader11",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container py-11 lg:py-20 grid grid-cols-1 lg:grid-cols-2 items-center gap-5" }, _attrs))}>`);
      if (__props.item.images.length) {
        _push(`<div class="rounded-2xl flex justify-center items-center order-1 lg:order-2">`);
        if (__props.item.images.length) {
          _push(ssrRenderComponent(_component_nuxt_img, {
            format: "webp",
            src: __props.item.images[0].media_trans,
            alt: __props.item.images[0].alt,
            class: "max-h-[550px] object-contain mx-auto",
            width: "550",
            height: "550",
            quality: "80",
            sizes: "300px 400px md:500px xl:575px",
            loading: "lazy"
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="m-auto order-1"><div class="mb-7 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold leading-[2.8rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</div><div class="text-text-light">${(_b = __props.item.desc) != null ? _b : ""}</div><div class="mt-10">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-sm`
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$B = _sfc_main$B.setup;
_sfc_main$B.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaHeader11.vue");
  return _sfc_setup$B ? _sfc_setup$B(props, ctx) : void 0;
};
const _imports_0 = "data:image/webp;base64,UklGRogBAABXRUJQVlA4WAoAAAAQAAAAEwAAEgAAQUxQSKMAAAABgFXbTljpSEBCJFQCEuqgcTA4AAdvHPAczDioBCREQiTkA2gtRMQEsP2xobyt0VrUJ/m28AynhY28EP/VMwFI1q+nSZ3HplMZL8rU75184K8DNWQjNuDwioSyTsME0MhqAH7BMGE2zXEBzY9uwnyF0PwAWpgwSzTg+w/QDpZ3Byg27UeZ9IXrlLxrlimd+nGZyMPCTsgedmcetmg1Gm91WGELAFZQOCC+AAAAEAUAnQEqFAATAD5RJI9Fo6IhFAQAOAUEtgBOmUJAfWz4rPTAOe29jz9tPSVAm3mcAAD+9pWXv9t8/7mXxX+ZQksMm55fOdkn1z/66Bkiau2bkP10MAvO4FQUgOdi4th5J8kxYf0pDqKurQYzb5l+u/0hyewDAXuPvKNdIn++55ORM6ygzFTfwBfgg6rqtWA8Net/pr2mXp7V14jTe/+X7arMsiv8HGepKp+Pize7tvoik83cTdyJ1IAGSbgAAA==";
const _sfc_main$A = {
  __name: "AlamiyaSection",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-[3rem]">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media_trans,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] mx-auto object-contain rounded-[3rem]",
          width: "595",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5"><h2 class="text-2xl lg:text-3xl lg:leading-[2.4rem] text-text font-semibold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<ul class="features_list"><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="text-[#737195]"><img${ssrRenderAttr("src", _imports_0)} alt="list_icon" width="20" height="20" class="me-1"><span class="flex-1">${ssrInterpolate(item.title)}</span></li>`);
        });
        _push(`<!--]--></ul>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-11"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$A = _sfc_main$A.setup;
_sfc_main$A.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection.vue");
  return _sfc_setup$A ? _sfc_setup$A(props, ctx) : void 0;
};
const _sfc_main$z = {
  __name: "AlamiyaSection1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-[3rem] lg:order-2">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media_trans,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] mx-auto object-contain !rounded-[3rem]",
          width: "595",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="lg:order-1 space-y-5"><h2 class="text-2xl lg:text-3xl lg:leading-[2.4rem] text-text font-semibold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<ul class="features_list"><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="text-[#737195]"><img${ssrRenderAttr("src", _imports_0)} alt="list_icon" width="20" height="20" class="me-1"><span class="flex-1">${ssrInterpolate(item.title)}</span></li>`);
        });
        _push(`<!--]--></ul>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-5"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$z = _sfc_main$z.setup;
_sfc_main$z.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection1.vue");
  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
};
const _sfc_main$y = {
  __name: "AlamiyaSection2",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-[3rem]">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] mx-auto !object-contain rounded-[3rem]",
          width: "595",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5"><h2 class="text-2xl lg:text-3xl lg:leading-[2.4rem] text-text font-semibold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<ul class="features_list"><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="text-[#737195]"><img${ssrRenderAttr("src", _imports_0)} alt="list_icon" width="20" height="20" class="me-1"><span class="flex-1">${ssrInterpolate(item.title)}</span></li>`);
        });
        _push(`<!--]--></ul>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-5"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$y = _sfc_main$y.setup;
_sfc_main$y.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection2.vue");
  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
};
const _sfc_main$x = {
  __name: "AlamiyaSection3",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-[3rem] lg:order-2">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] mx-auto object-contain !rounded-[3rem]",
          width: "595",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="lg:order-1 space-y-5"><h2 class="text-2xl lg:text-3xl lg:leading-[2.4rem] text-text font-semibold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<ul class="features_list"><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="text-[#737195]"><img${ssrRenderAttr("src", _imports_0)} alt="list_icon" width="20" height="20" class="me-1"><span class="flex-1">${ssrInterpolate(item.title)}</span></li>`);
        });
        _push(`<!--]--></ul>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-5"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$x = _sfc_main$x.setup;
_sfc_main$x.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection3.vue");
  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
};
const _sfc_main$w = {
  __name: "AlamiyaSection4",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-[3rem]">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.images[0].alt)} class="relative rounded-[3rem] w-full object-contain max-h-[500px]">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5"><div class="text-3xl lg:text-4xl mb-4 lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</div><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<div class="mt-5"><ul><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="flex items-start gap-2 mb-4 last:mb-0">`);
          if (item.image) {
            _push(`<img${ssrRenderAttr("src", item.image.media)}${ssrRenderAttr("alt", item.title)} class="relative rounded-full w-9 h-9 object-cover">`);
          } else {
            _push(`<!---->`);
          }
          _push(`<div><h3 class="text-text font-semibold mb-2 text-2xl">${ssrInterpolate(item.title)}</h3><p class="text-[#737195]">${ssrInterpolate(item.desc)}</p></div></li>`);
        });
        _push(`<!--]--></ul></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-5"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$w = _sfc_main$w.setup;
_sfc_main$w.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection4.vue");
  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
};
const _sfc_main$v = {
  __name: "AlamiyaSection5",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-[3rem] lg:order-2">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.images[0].alt)} class="relative !rounded-[3rem] object-contain max-h-[550px]">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5 lg:order-1"><div class="text-3xl lg:text-4xl mb-4 lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</div><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<div class="mt-5"><ul><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="flex items-start gap-2 mb-4 last:mb-0">`);
          if (item.image) {
            _push(`<img${ssrRenderAttr("src", item.image.media)}${ssrRenderAttr("alt", item.title)} class="relative rounded-full w-9 h-9 object-cover">`);
          } else {
            _push(`<!---->`);
          }
          _push(`<div><h3 class="text-text font-semibold mb-2 text-2xl">${ssrInterpolate(item.title)}</h3><p class="text-[#737195]">${ssrInterpolate(item.desc)}</p></div></li>`);
        });
        _push(`<!--]--></ul></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-5"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$v = _sfc_main$v.setup;
_sfc_main$v.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection5.vue");
  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
};
const _sfc_main$u = {
  __name: "AlamiyaSection6",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container" }, _attrs))}><div class="pb-24 mb-20 relative flex items-center justify-center"><div class="absolute !top-0 !left-0 w-full section-with-bg !bg-no-repeat rounded-[3rem] !h-[50vh] !bg-cover" style="${ssrRenderStyle(
        __props.item.background ? `background:url(${__props.item.background.media})` : ""
      )}"></div><div class="max-h-[575px] translate-y-20 rounded-[3rem]">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media_trans)}${ssrRenderAttr("alt", __props.item.images[0].alt)} height="400" class="relative rounded-[3rem] object-conatin max-h-[550px]">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$u = _sfc_main$u.setup;
_sfc_main$u.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection6.vue");
  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
};
const _sfc_main$t = {
  __name: "AlamiyaSection7",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "pb-20 relative container" }, _attrs))}><div class="!bg-no-repeat rounded-[3rem] !min-h-[430px] xl:!min-h-[500px] !bg-cover w-full flex items-end justify-center md:justify-start pt-5" style="${ssrRenderStyle(__props.item.background ? `background:url(${__props.item.background.media})` : "")}"><div class=""><h2 class="text-2xl xl:text-3xl mb-2 capitalize max-w-[350px] text-white text-center">${ssrInterpolate(__props.item.title)}</h2><div class="mx-auto">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media_trans)}${ssrRenderAttr("alt", __props.item.images[0].alt)} height="350" class="relative mx-auto object-conatin max-h-[350px] rounded-[3rem]">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div></div>`);
    };
  }
};
const _sfc_setup$t = _sfc_main$t.setup;
_sfc_main$t.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection7.vue");
  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
};
const _sfc_main$s = {
  __name: "AlamiyaSection8",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container" }, _attrs))}><div class="grid gap-8 mb-11 lg:mb-20 grid-cols-1 py-7 lg:grid-cols-2 items-center bg-[#FBFDFE] border border-[#D8E8F8] rounded-3xl"><div class="rounded-[3rem]">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media_trans,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] me-auto object-contain rounded-[3rem]",
          width: "595",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<ul class="features_list"><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="text-[#737195]"><img${ssrRenderAttr("src", _imports_0)} alt="list_icon" width="20" height="20" class="me-1"><span class="flex-1">${ssrInterpolate(item.title)}</span></li>`);
        });
        _push(`<!--]--></ul>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-11"
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$s = _sfc_main$s.setup;
_sfc_main$s.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection8.vue");
  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
};
const _sfc_main$r = {
  __name: "AlamiyaSection9",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container" }, _attrs))}><div class="grid gap-8 mb-11 lg:mb-20 grid-cols-1 py-7 lg:grid-cols-2 items-center bg-[#FBFDFE] border border-[#D8E8F8] rounded-3xl"><div class="rounded-[3rem] lg:order-2">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media_trans,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] ms-auto object-contain !rounded-[3rem]",
          width: "595",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="lg:order-1 space-y-5 px-11"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[500px]">${(_b = __props.item.desc) != null ? _b : ""}</div>`);
      if (__props.item.features.length) {
        _push(`<ul class="features_list"><!--[-->`);
        ssrRenderList(__props.item.features, (item, index) => {
          _push(`<li class="text-[#737195]"><img${ssrRenderAttr("src", _imports_0)} alt="list_icon" width="20" height="20" class="me-1"><span class="flex-1">${ssrInterpolate(item.title)}</span></li>`);
        });
        _push(`<!--]--></ul>`);
      } else {
        _push(`<!---->`);
      }
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-5"
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$r = _sfc_main$r.setup;
_sfc_main$r.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaSection9.vue");
  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
};
const _sfc_main$q = {
  __name: "AlamiyaCardService",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true,
      type: Object
    },
    index: {
      required: true
    },
    serviceClass: {
      required: false
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: ["rounded-3xl pb-5 shadow p-5 space-y-3 border border-solid border-[#F5F5FC] h-full", __props.serviceClass]
      }, _attrs))}><div class="${ssrRenderClass([__props.item.image ? "" : "border border-solid rounded-full ", "font-bold w-11 h-11 flex justify-center items-center overflow-hidden"])}">`);
      if (__props.item.image) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          width: "44",
          height: "44",
          format: "webp",
          src: __props.item.image.media,
          sizes: "44px",
          alt: __props.item.title,
          class: "w-11 h-11 object-contain",
          loading: "lazy",
          quality: "80"
        }, null, _parent));
      } else {
        _push(`<span>${ssrInterpolate(__props.index < 10 ? "0" + (__props.index + 1) : __props.index + 1)}</span>`);
      }
      _push(`</div><h2 class="font-bold text-start text-black text-lg line-clamp-1">${ssrInterpolate(__props.item.title)}</h2><p class="text-text-light text-start">${ssrInterpolate(__props.item.desc)}</p></div>`);
    };
  }
};
const _sfc_setup$q = _sfc_main$q.setup;
_sfc_main$q.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/card/AlamiyaCardService.vue");
  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
};
const _sfc_main$p = {
  __name: "AlamiyaBestServices1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      768: {
        itemsToShow: 2
      },
      1200: {
        itemsToShow: 3
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_alamiya_card_service = _sfc_main$q;
      const _component_navigation = Navigation;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-[#FBFDFE] py-10 mb-20" }, _attrs))}><div class="container best_services_swiper1"><div class="space-y-2 mb-14 md:mb-2"><h2 class="text-3xl lg:text-4xl lg:leading-[3.2rem] font-bold text-text max-w-[500px]">${ssrInterpolate(__props.item.title)}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-7 text-lg">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="top_navigation my-4">`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        "items-to-show": 1,
        transition: 500,
        autoplay: 2e3,
        "wrap-around": true,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        addons: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_navigation, null, null, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_navigation)
            ];
          }
        }),
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.features, (item, index) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_alamiya_card_service, {
                      class: "mx-1",
                      item,
                      key: item.id,
                      index,
                      serviceClass: " shadow-none bg-white"
                    }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      (openBlock(), createBlock(_component_alamiya_card_service, {
                        class: "mx-1",
                        item,
                        key: item.id,
                        index,
                        serviceClass: " shadow-none bg-white"
                      }, null, 8, ["item", "index"]))
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.features, (item, index) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    (openBlock(), createBlock(_component_alamiya_card_service, {
                      class: "mx-1",
                      item,
                      key: item.id,
                      index,
                      serviceClass: " shadow-none bg-white"
                    }, null, 8, ["item", "index"]))
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$p = _sfc_main$p.setup;
_sfc_main$p.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaBestServices1.vue");
  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
};
const _sfc_main$o = {
  __name: "AlamiyaBrand",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      768: {
        itemsToShow: 2
      },
      992: {
        itemsToShow: 2
      },
      1200: {
        itemsToShow: 2
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><h2 class="text-3xl lg:text-4xl xl:text-5xl lg:leading-[3rem] xl:leading-[3.7rem] italic font-bold text-text mb-8 max-w-[420px]">${ssrInterpolate(__props.item.title)}</h2>`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        autoplay: 5e3,
        "items-to-show": 1,
        transition: 1200,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.tools, (content, index) => {
              _push2(ssrRenderComponent(_component_slide, { key: index }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`<div class="p-5 mx-1 mt-8 space-y-3 bg-white border-r border-[#d1e8e4]"${_scopeId2}>`);
                    if (content.image) {
                      _push3(ssrRenderComponent(_component_nuxt_img, {
                        class: "items-center p-2 px-3 m-auto w-[79px] h-[71px]",
                        src: content.image,
                        alt: content.alt_image
                      }, null, _parent3, _scopeId2));
                    } else {
                      _push3(`<!---->`);
                    }
                    if (content.title) {
                      _push3(`<h2 class="font-bold text-black text-lg text-center"${_scopeId2}>${ssrInterpolate(content.title)}</h2>`);
                    } else {
                      _push3(`<!---->`);
                    }
                    _push3(`</div>`);
                  } else {
                    return [
                      createVNode("div", { class: "p-5 mx-1 mt-8 space-y-3 bg-white border-r border-[#d1e8e4]" }, [
                        content.image ? (openBlock(), createBlock(_component_nuxt_img, {
                          key: 0,
                          class: "items-center p-2 px-3 m-auto w-[79px] h-[71px]",
                          src: content.image,
                          alt: content.alt_image
                        }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
                        content.title ? (openBlock(), createBlock("h2", {
                          key: 1,
                          class: "font-bold text-black text-lg text-center"
                        }, toDisplayString(content.title), 1)) : createCommentVNode("", true)
                      ])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.tools, (content, index) => {
                return openBlock(), createBlock(_component_slide, { key: index }, {
                  default: withCtx(() => [
                    createVNode("div", { class: "p-5 mx-1 mt-8 space-y-3 bg-white border-r border-[#d1e8e4]" }, [
                      content.image ? (openBlock(), createBlock(_component_nuxt_img, {
                        key: 0,
                        class: "items-center p-2 px-3 m-auto w-[79px] h-[71px]",
                        src: content.image,
                        alt: content.alt_image
                      }, null, 8, ["src", "alt"])) : createCommentVNode("", true),
                      content.title ? (openBlock(), createBlock("h2", {
                        key: 1,
                        class: "font-bold text-black text-lg text-center"
                      }, toDisplayString(content.title), 1)) : createCommentVNode("", true)
                    ])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div>`);
    };
  }
};
const _sfc_setup$o = _sfc_main$o.setup;
_sfc_main$o.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaBrand.vue");
  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
};
const _sfc_main$n = {
  __name: "alamiyaCardSection",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="border border-[#d8e8f8] rounded-3xl bg-[#fbfdfe]"><div class="flex justify-center xl:justify-between flex-wrap gap-12 p-12 items-center"><div class="w-full xl:flex-1 order-2 xl:order-1"><h2 class="text-[40px] font-bold mb-5 capitalize text-black max-w-[600px]">${ssrInterpolate(__props.item.title)}</h2><!--[-->`);
      ssrRenderList(__props.item.features, (item, index) => {
        _push(`<div class="text-[#737195] ml-3 mt-8"><h4 class="flex items-center gap-2 font-bold text-lg text-black"><span class="flex items-center justify-center border rounded-full border-third w-11 h-11">`);
        if (item.image) {
          _push(`<img class="max-w-full"${ssrRenderAttr("src", item.image.media)}>`);
        } else {
          _push(`<!--[-->${ssrInterpolate(index < 10 ? "0" + (index + 1) : index + 1)}<!--]-->`);
        }
        _push(`</span> ${ssrInterpolate(item.title)}</h4><p class="max-w-[700px]">${ssrInterpolate(item.desc)}</p></div>`);
      });
      _push(`<!--]--></div>`);
      if (__props.item.images && __props.item.images.length) {
        _push(`<div class="flex items-center order-1 xl:order-2 w-[300px] h-[300px] xl:w-[450px] xl:h-[450px] overflow-hidden">`);
        if (__props.item.images.length) {
          _push(ssrRenderComponent(_component_nuxt_img, {
            format: "webp",
            src: __props.item.images[0].media,
            alt: __props.item.images[0].alt,
            srcset: `${__props.item.images[0].media} 480w, ${__props.item.images[0].media} 1080w`,
            loading: "lazy",
            class: "w-[300px] h-[300px] xl:w-[450px] xl:h-[450px] mx-auto rounded-full"
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$n = _sfc_main$n.setup;
_sfc_main$n.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/alamiyaCardSection.vue");
  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
};
const _sfc_main$m = {
  __name: "AlamiyaCardSection1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$N;
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="grid grid-cols-1 lg:grid-cols-2 gap-5 items-center"><div class="order-2 xl:order-1 space-y-5"><h2 class="text-2xl md:text-3xl xl:text-5xl font-bold capitalize text-black max-w-[600px]">${ssrInterpolate(__props.item.title)}</h2><!--[-->`);
      ssrRenderList(__props.item.features, (item, index) => {
        _push(`<div class="text-[#737195] ml-3 mt-8"><h4 class="flex items-center gap-2 font-bold text-lg text-black"><span class="flex items-center justify-center border rounded-full border-third w-11 h-11">`);
        if (item.image) {
          _push(`<img class="max-w-full"${ssrRenderAttr("src", item.image.media)}>`);
        } else {
          _push(`<!--[-->${ssrInterpolate(index < 10 ? "0" + (index + 1) : index + 1)}<!--]-->`);
        }
        _push(`</span> ${ssrInterpolate(item.title)}</h4><p class="max-w-[700px]">${ssrInterpolate(item.desc)}</p></div>`);
      });
      _push(`<!--]-->`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-11",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-xs`
      }, null, _parent));
      _push(`</div><div class="order-1 xl:order-2">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media,
          alt: __props.item.images[0].alt,
          loading: "lazy",
          width: "550",
          height: "550",
          sizes: "350px md:400px lg:550px",
          class: "object-contain"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$m = _sfc_main$m.setup;
_sfc_main$m.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaCardSection1.vue");
  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
};
const _sfc_main$l = {
  __name: "AlamiyaContactSection",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="${ssrRenderClass([
        !__props.item.background ? " bg-gradient-to-r from-[#0037a9] via-[#a470ed] via-70% to-[#0037a9]" : " !bg-no-repeat !bg-cover",
        "flex flex-col items-center justify-center text-center border rounded-[40px] px-4 py-11 lg:py-20 font-montserrat"
      ])}" style="${ssrRenderStyle(__props.item.background ? `background:url(${__props.item.background.media})` : "")}"><h2 class="lg:text-4xl text-3xl font-bold mb-5 capitalize max-w-[700px] leading-[3rem] lg:leading-[3.7rem] text-white">${ssrInterpolate(__props.item.title)}</h2>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white w-fit !py-2 bg-transparent !mt-0 text-white border-white"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$l = _sfc_main$l.setup;
_sfc_main$l.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaContactSection.vue");
  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
};
const _sfc_main$k = {
  __name: "AlamiyaContactSection1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="${ssrRenderClass([
        !__props.item.background ? "bg-gradient-to-r from-[#44418b] via-[#4384a9] via-70% to-[#4689a9]" : " !bg-no-repeat !bg-cover",
        "flex flex-col items-center justify-center text-center border rounded-[40px] px-4 py-11 space-y-3 md:space-y-5 lg:py-20 font-montserrat"
      ])}" style="${ssrRenderStyle(__props.item.background ? `background:url(${__props.item.background.media})` : "")}"><h2 class="lg:text-4xl text-2xl font-bold capitalize max-w-[700px] leading-[2.2rem] lg:leading-[3.7rem] text-white">${ssrInterpolate(__props.item.title)}</h2><p class="max-w-[600px] flex-1 text-white">${ssrInterpolate(__props.item.desc)}</p>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !py-2 bg-transparent  text-white border-white"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$k = _sfc_main$k.setup;
_sfc_main$k.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaContactSection1.vue");
  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
};
const _sfc_main$j = {
  __name: "AlamiyaContactSection2",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="${ssrRenderClass([
        !__props.item.background ? " bg-gradient-to-r from-[#0037a9] via-[#a470ed] via-70% to-[#0037a9]" : " !bg-no-repeat !bg-cover",
        "flex flex-col items-center justify-center text-center border rounded-[40px] py-20 font-montserrat"
      ])}" style="${ssrRenderStyle(__props.item.background ? `background:url(${__props.item.background.media})` : "")}"><h2 class="lg:text-4xl text-3xl font-bold mb-5 capitalize max-w-[700px] leading-[3rem] lg:leading-[3.7rem] text-text">${ssrInterpolate(__props.item.title)}</h2>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn flex items-center text-sm font-semibold gap-3  !py-2 bg-transparent !mt-0 text-text border-text"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$j = _sfc_main$j.setup;
_sfc_main$j.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaContactSection2.vue");
  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
};
const _sfc_main$i = {
  __name: "AlamiyaContactSection3",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="${ssrRenderClass([
        !__props.item.background ? "bg-gradient-to-r from-[#44418b] via-[#4384a9] via-70% to-[#4689a9]" : " !bg-no-repeat !bg-cover",
        "border border-solid px-5 rounded-[40px] py-20 font-montserrat"
      ])}" style="${ssrRenderStyle(__props.item.background ? `background:url(${__props.item.background.media})` : "")}"><h2 class="lg:text-4xl text-3xl font-bold mb-5 capitalize max-w-[700px] leading-[3rem] lg:leading-[3.7rem] text-text">${ssrInterpolate(__props.item.title)}</h2><div class="flex lg:flex-row flex-col justify-between items-center xs:space-y-3 text-text"><p class="max-w-[600px] flex-1">${ssrInterpolate(__props.item.desc)}</p>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !py-2 bg-transparent !mt-0 text-text border-text"
      }, null, _parent));
      _push(`</div></div></div>`);
    };
  }
};
const _sfc_setup$i = _sfc_main$i.setup;
_sfc_main$i.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaContactSection3.vue");
  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
};
const _sfc_main$h = {
  __name: "AlamiyaContactSection4",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "mb-11 md:mb-20 relative container" }, _attrs))} data-v-2e61f8c7><div class="has_bg !bg-no-repeat !bg-cover" style="${ssrRenderStyle(
        __props.item.background ? ` background:url(${__props.item.background.media})` : ""
      )}" data-v-2e61f8c7></div><div class="relative px-5 md:px-10 w-full z-10 flex justify-center lg:justify-between flex-wrap gap-5 items-center" data-v-2e61f8c7><div class="rounded-[3rem]" data-v-2e61f8c7>`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media,
          alt: __props.item.images[0].alt,
          class: "max-h-[595px] mx-auto !object-contain rounded-[3rem] scale-105",
          width: "450",
          height: "521",
          quality: "80",
          sizes: "300px 400px md:500px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5 w-full lg:flex-1 py-11" data-v-2e61f8c7><h2 class="text-2xl md:text-3xl lg:leading-[2.8rem] text-white font-bold md:leading-[2.5rem] capitalize" data-v-2e61f8c7>${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-white" data-v-2e61f8c7>${(_b = __props.item.desc) != null ? _b : ""}</div></div></div></div>`);
    };
  }
};
const _sfc_setup$h = _sfc_main$h.setup;
_sfc_main$h.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaContactSection4.vue");
  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
};
const __nuxt_component_32 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2e61f8c7"]]);
const _sfc_main$g = {
  __name: "AlamiyaFaq",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    mainData: {
      required: true
    }
  },
  setup(__props) {
    useI18n();
    const items = ref([]);
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><h2 class="text-3xl lg:text-4xl max-w-[500px] mb-7 text-black font-bold capitalize">${ssrInterpolate(__props.item.title)}</h2><!--[-->`);
      ssrRenderList(unref(items), (item) => {
        _push(`<div class="faq_card m-4 mt-10">`);
        _push(ssrRenderComponent(unref(Disclosure), null, {
          default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(ssrRenderComponent(unref(DisclosureButton), { class: "text-lg font-bold text-black border-b-[1px] w-full text-left pb-4 mb-8 flex justify-between focus:outline-none" }, {
                default: withCtx((_, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`${ssrInterpolate(item.question)} <i class="${ssrRenderClass([open ? "fa-angle-up" : "fa-angle-down", "fa-solid text-[13px] ms-auto text-primary border border-primary w-5 h-5 p-1 rounded-full flex items-center justify-center"])}"${_scopeId2}></i>`);
                  } else {
                    return [
                      createTextVNode(toDisplayString(item.question) + " ", 1),
                      createVNode("i", {
                        class: ["fa-solid text-[13px] ms-auto text-primary border border-primary w-5 h-5 p-1 rounded-full flex items-center justify-center", open ? "fa-angle-up" : "fa-angle-down"]
                      }, null, 2)
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
              _push2(``);
              _push2(ssrRenderComponent(unref(DisclosurePanel), { class: "pb-10" }, {
                default: withCtx((_, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`${ssrInterpolate(item.answer)}`);
                  } else {
                    return [
                      createTextVNode(toDisplayString(item.answer), 1)
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            } else {
              return [
                createVNode(unref(DisclosureButton), { class: "text-lg font-bold text-black border-b-[1px] w-full text-left pb-4 mb-8 flex justify-between focus:outline-none" }, {
                  default: withCtx(() => [
                    createTextVNode(toDisplayString(item.question) + " ", 1),
                    createVNode("i", {
                      class: ["fa-solid text-[13px] ms-auto text-primary border border-primary w-5 h-5 p-1 rounded-full flex items-center justify-center", open ? "fa-angle-up" : "fa-angle-down"]
                    }, null, 2)
                  ]),
                  _: 2
                }, 1024),
                createVNode(Transition, {
                  "enter-active-class": "transition duration-100 ease-out",
                  "enter-from-class": "transform scale-95 opacity-0",
                  "enter-to-class": "transform scale-100 opacity-100",
                  "leave-active-class": "transition duration-75 ease-out",
                  "leave-from-class": "transform scale-100 opacity-100",
                  "leave-to-class": "transform scale-95 opacity-0"
                }, {
                  default: withCtx(() => [
                    createVNode(unref(DisclosurePanel), { class: "pb-10" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(item.answer), 1)
                      ]),
                      _: 2
                    }, 1024)
                  ]),
                  _: 2
                }, 1024)
              ];
            }
          }),
          _: 2
        }, _parent));
        _push(`</div>`);
      });
      _push(`<!--]--></div>`);
    };
  }
};
const _sfc_setup$g = _sfc_main$g.setup;
_sfc_main$g.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaFaq.vue");
  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
};
const _sfc_main$f = {
  __name: "AlamiyaFeatures",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><h2 class="text-3xl font-bold text-text text-center mb-2">${ssrInterpolate(__props.item.title)}</h2><p class="text-base text-text-light mx-auto max-w-[700px] text-center">${ssrInterpolate(__props.item.desc)}</p><div class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-2 mt-7 grid_area_template items-start">`);
      if (__props.item.images.length) {
        _push(`<div class="rounded-2xl img_wrapper w-full h-fit">`);
        _push(ssrRenderComponent(_component_nuxt_img, {
          src: __props.item.images[0].media_trans,
          alt: __props.item.images[0].alt,
          class: "relative object-contain w-full rounded-2xl",
          width: "350",
          height: "450",
          quality: "80",
          formate: "webp"
        }, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<!--[-->`);
      ssrRenderList(__props.item.features, (item, index) => {
        _push(`<div class="rounded-3xl pb-5 shadow h-fit p-5 space-y-3 border border-solid border-[#F5F5FC]"><div class="rounded-full p-2 font-bold w-11 h-11 border border-solid flex justify-center items-center">`);
        if (item.image) {
          _push(ssrRenderComponent(_component_nuxt_img, {
            src: item.image.media,
            alt: item.title,
            class: "w-11 h-11 rounded-full object-cover",
            width: "44",
            height: "400",
            quality: "80",
            formate: "webp",
            sizes: "44px"
          }, null, _parent));
        } else {
          _push(`<span>${ssrInterpolate(index < 10 ? "0" + (index + 1) : index + 1)}</span>`);
        }
        _push(`</div><h3 class="font-bold text-black text-lg line-clamp-1">${ssrInterpolate(item.title)}</h3><p class="text-text-light line-clamp-3">${ssrInterpolate(item.desc)}</p></div>`);
      });
      _push(`<!--]--></div></div>`);
    };
  }
};
const _sfc_setup$f = _sfc_main$f.setup;
_sfc_main$f.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaFeatures.vue");
  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
};
const _sfc_main$e = {
  __name: "AlamiyaFeatures1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    mainData: {
      required: false
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: "with_bg !bg-no-repeat",
        style: __props.item.background ? `background:url(${__props.item.background.media})` : ""
      }, _attrs))}><div class="container pb-11 lg:pb-20"><h2 class="text-3xl mb-2 font-bold text-text text-center mx-auto max-w-[700px]">${ssrInterpolate(__props.item.title)}</h2><p class="text-base text-text-light mx-auto max-w-[700px] text-center">${ssrInterpolate(__props.item.desc)}</p><div class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-2 mt-7 grid_area_template items-center">`);
      if (__props.item.images.length) {
        _push(`<div class="rounded-2xl img_wrapper w-full h-full">`);
        _push(ssrRenderComponent(_component_nuxt_img, {
          src: __props.item.images[0].media_trans,
          alt: __props.item.images[0].alt,
          class: "relative object-contain h-full rounded-2xl mx-auto",
          width: "300",
          height: "400",
          quality: "80",
          formate: "webp"
        }, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<!--[-->`);
      ssrRenderList(__props.item.features, (itm, index) => {
        _push(`<div class="${ssrRenderClass([__props.item.background ? "" : "shadow border border-[#F5F5FC]", "rounded-3xl pb-5 h-fit p-5 space-y-3"])}"><h3 class="flex items-center gap-1 font-bold text-black text-xl"><span class="rounded-2xl text-lg text-primary border-primary font-bold w-11 h-11 border border-solid flex justify-center items-center">${ssrInterpolate(index < 10 ? "0" + (index + 1) : index + 1)}</span><span class="line-clamp-1 flex-1">${ssrInterpolate(itm.title)}</span></h3><p class="text-text-light line-clamp-3">${ssrInterpolate(itm.desc)}</p></div>`);
      });
      _push(`<!--]--></div></div></div>`);
    };
  }
};
const _sfc_setup$e = _sfc_main$e.setup;
_sfc_main$e.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaFeatures1.vue");
  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
};
const _sfc_main$d = {
  __name: "AlamiyaProgress",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}>`);
      if (__props.item.images.length) {
        _push(`<div class="rounded-2xl bg-rotated"><img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.title)} class="relative rounded-2xl w-full object-cover max-h-[400px]"></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="space-y-5"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-8">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<ul><!--[-->`);
      ssrRenderList(__props.item.statistics, (item, index) => {
        _push(`<li class="text-text mb-3 last:mb-0"><h2 class="flex items-center justify-between"><span>${ssrInterpolate(item.title)}</span><span>${ssrInterpolate(item.text + "%")}</span></h2><p class="h-3 w-full bg-third rounded-full overflow-hidden"><span class="block bg-primary h-3 transition duration-300 w-0 rounded-full" style="${ssrRenderStyle(` width: ${item.text}% `)}"></span></p></li>`);
      });
      _push(`<!--]--></ul>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-11"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$d = _sfc_main$d.setup;
_sfc_main$d.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaProgress.vue");
  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
};
const _sfc_main$c = {
  __name: "AlamiyaProgress1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-8 pb-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><div class="rounded-2xl">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.title)} class="relative rounded-2xl w-full object-cover max-h-[400px]">`);
      } else {
        _push(`<div class="relative object-cover h-full min-h-[300px] bg-third rounded-2xl"></div>`);
      }
      _push(`</div><div class="space-y-5"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-8">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<ul><!--[-->`);
      ssrRenderList(__props.item.statistics, (item, index) => {
        _push(`<li class="text-text mb-3 last:mb-0"><h2 class="flex items-center justify-between"><span>${ssrInterpolate(item.title)}</span><span>${ssrInterpolate(item.text + "%")}</span></h2><p class="h-3 w-full bg-third rounded-full overflow-hidden"><span class="block bg-primary h-3 transition duration-300 w-0 rounded-full" style="${ssrRenderStyle(` width: ${item.text}% `)}"></span></p></li>`);
      });
      _push(`<!--]--></ul>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-11"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$c = _sfc_main$c.setup;
_sfc_main$c.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaProgress1.vue");
  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
};
const _sfc_main$b = {
  __name: "AlamiyaProgress2",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const colors = [
      "#6273FB",
      "#FF7A72",
      "#E1FCDC",
      "#FFEDEF",
      "#E3E8FF",
      "#FFF9E6",
      "#E1FCDC",
      "#FFEDEF",
      "#E3E8FF",
      "#FFF9E6"
    ];
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({
        style: __props.item.background ? `background:url(${__props.item.background.media})` : "",
        class: "container grid gap-8 lg:gap-14 py-20 grid-cols-1 lg:grid-cols-2 items-center !bg-cover rounded-3xl mb-11 lg:mb-20 !bg-no-repeat"
      }, _attrs))}><div class="rounded-2xl">`);
      if (__props.item.images.length) {
        _push(`<img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.title)} class="relative rounded-2xl w-full object-contain max-h-[650px]">`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px]">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<ul class="flex w-full gap-1 !mt-11"><!--[-->`);
      ssrRenderList(__props.item.statistics, (item, index) => {
        _push(`<li class="text-text mb-3 last:mb-0 space-y-5" style="${ssrRenderStyle(` width: ${item.text}% `)}"><h2 class="font-bold text-5xl">${ssrInterpolate(item.text + "%")}</h2><h2><span>${ssrInterpolate(item.title)}</span></h2><p class="h-3 w-full rounded-full overflow-hidden" style="${ssrRenderStyle(`background:${colors[index]}`)}"></p></li>`);
      });
      _push(`<!--]--></ul>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: `hover:cursor-pointer hover:bg-white   hover:border-primary text-xl rounded-full pt-3 pb-4 px-5 bg-primary text-white transition-background-color duration-300  from-[#963E90] via-[#653c8e] to-[#29398C] ${_ctx.$i18n.locale == "ar" ? "bg-gradient-to-r" : "bg-gradient-to-l"}`,
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"}    text-white rounded-full w-5 h-5 text-sm flex items-center justify-center mt-2`
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$b = _sfc_main$b.setup;
_sfc_main$b.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaProgress2.vue");
  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
};
const _sfc_main$a = {
  __name: "AlamiyaServiceStatistics",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-[8rem] py-20 grid-cols-1 lg:grid-cols-2 items-center" }, _attrs))}><img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.images[0].alt_image)} class="rounded-2xl w-full object-cover max-h-full"><div class="space-y-5 w-[80%]"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px]">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 col-span-5 lg:col-span-2"><!--[-->`);
      ssrRenderList(__props.item.features, (feature) => {
        _push(`<div class="statistics rounded-xl bg-[#f9fcfe]"><div class="flex flex-row items-center justify-center gap-5 h-[6rem] px-5"><p class="text-3xl">${ssrInterpolate(feature.description)}</p><p class="text-lg font-semibold"><bdi>${ssrInterpolate(feature.title)}</bdi></p></div></div>`);
      });
      _push(`<!--]--></div><button type="button" class="base-btn-white !mt-11">${ssrInterpolate(_ctx.$t("TITLES.about"))}</button></div></div>`);
    };
  }
};
const _sfc_setup$a = _sfc_main$a.setup;
_sfc_main$a.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaServiceStatistics.vue");
  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
};
const _sfc_main$9 = {
  __name: "AlamiyaStatistics",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    function kFormatter(num) {
      if (Math.abs(num) > 999 && Math.abs(num) < 999999) {
        return Math.sign(num) * (Math.abs(num) / 1e3).toFixed(1) + "K";
      } else if (Math.abs(num) > 999999 && Math.abs(num) < 999999999) {
        return Math.sign(num) * (Math.abs(num) / 1e6).toFixed(1) + "M";
      } else if (Math.abs(num) > 999999999) {
        return Math.sign(num) * (Math.abs(num) / 1e9).toFixed(1) + "B";
      } else {
        return num;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "py-11 container" }, _attrs))}><div class="grid grid-cols-2 lg:grid-cols-4 gap-4 py-11 border-y border-[#E9EAF3]"><!--[-->`);
      ssrRenderList(__props.item.statistics, (item, index) => {
        _push(`<div class="space-y-2"><h3 class="font-bold text-3xl text-text text-center">${ssrInterpolate(kFormatter(parseInt(item.text)))}</h3><p class="text-text-light text-center">${ssrInterpolate(item.title)}</p></div>`);
      });
      _push(`<!--]--></div></div>`);
    };
  }
};
const _sfc_setup$9 = _sfc_main$9.setup;
_sfc_main$9.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaStatistics.vue");
  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
const _sfc_main$8 = {
  __name: "AlamiyaStatistics1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const colors = [
      "#E1FCDC",
      "#FFEDEF",
      "#E3E8FF",
      "#FFF9E6",
      "#E1FCDC",
      "#FFEDEF",
      "#E3E8FF",
      "#FFF9E6"
    ];
    function kFormatter(num) {
      if (Math.abs(num) > 999 && Math.abs(num) < 999999) {
        return Math.sign(num) * (Math.abs(num) / 1e3).toFixed(1) + "K";
      } else if (Math.abs(num) > 999999 && Math.abs(num) < 999999999) {
        return Math.sign(num) * (Math.abs(num) / 1e6).toFixed(1) + "M";
      } else if (Math.abs(num) > 999999999) {
        return Math.sign(num) * (Math.abs(num) / 1e9).toFixed(1) + "B";
      } else {
        return num;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid gap-11 pb-20 grid-cols-1 lg:grid-cols-2 items-center place-content-between" }, _attrs))}><div class="rounded-[3rem]">`);
      if (__props.item.images.length) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          src: __props.item.images[0].media,
          alt: __props.item.images[0].alt,
          class: "rounded-[3rem] object-cover max-h-[500px] w-full",
          width: "550",
          height: "575",
          quality: "80",
          sizes: "300px 400px md:500px xl:600px",
          loading: "lazy"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="space-y-5 w-[95%] ms-auto"><h2 class="text-2xl md:text-3xl lg:text-4xl lg:leading-[2.8rem] text-text font-bold leading-[2.5rem] capitalize">${(_a = __props.item.title) != null ? _a : ""}</h2><div class="text-text-light max-w-[450px]">${(_b = __props.item.desc) != null ? _b : ""}</div><div class="grid grid-cols-1 sm:grid-cols-2 gap-5 !mt-11 max-w-[450px]"><!--[-->`);
      ssrRenderList(__props.item.statistics, (item, index) => {
        _push(`<div class="space-y-2 text-center min-h-[80px] p-5 rounded-xl flex justify-between items-center" style="${ssrRenderStyle(`background:${colors[index]}`)}"><h3 class="text-lg text-black">${ssrInterpolate(item.title)}</h3><p class="text-text text-2xl font-bold !mt-0">${ssrInterpolate(kFormatter(item.text))}</p></div>`);
      });
      _push(`<!--]--></div>`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white !mt-11"
      }, null, _parent));
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$8 = _sfc_main$8.setup;
_sfc_main$8.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaStatistics1.vue");
  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
const _sfc_main$7 = {
  __name: "Swiper",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-[#fafcfe] border border-[#D8E8F8] rounded-[3rem] pt-8 space-y-5 w-full mx-2" }, _attrs))}><h2 class="font-bold text-text text-center max-w-[300px] mx-auto text-2xl mb-3 line-clamp-2 min-h-[65px]">${ssrInterpolate(__props.item.title)}</h2>`);
      if (__props.item.image) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          src: __props.item.image.media,
          alt: __props.item.title,
          class: "aspect-auto max-w-full object-contain mx-auto h-[400px]",
          width: "300",
          height: "400",
          quality: "80",
          formate: "webp"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
};
const _sfc_setup$7 = _sfc_main$7.setup;
_sfc_main$7.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/card/Swiper.vue");
  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
const _sfc_main$6 = {
  __name: "AlamiyaBestServices",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_alamiya_card_service = _sfc_main$q;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><h2 class="${ssrRenderClass([__props.item.desc ? "mb-3" : " mb-8 ", "text-3xl lg:text-4xl lg:leading-[3.2rem] font-bold text-text mb-3 max-w-[450px]"])}">${ssrInterpolate(__props.item.title)}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-7 text-lg">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-3"><!--[-->`);
      ssrRenderList(__props.item.features, (item, index) => {
        _push(ssrRenderComponent(_component_alamiya_card_service, {
          item,
          key: item.id,
          index
        }, null, _parent));
      });
      _push(`<!--]--></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/alamiya/best-services/AlamiyaBestServices.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const _sfc_main$5 = {
  __name: "AlamiyaBestServicesSwiper",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      500: {
        itemsToShow: 1
      },
      1200: {
        itemsToShow: 2
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "grid grid-cols-3 gap-11 py-20 container" }, _attrs))}>`);
      if (__props.item.features) {
        _push(`<div class="flex p-5 items-center gap-5 overflow-x-auto border border-[#F5F5FC] rounded-3xl col-span-3 lg:col-span-2 order-2 lg:order-1">`);
        _push(ssrRenderComponent(_component_carousel, {
          breakpoints,
          autoplay: 5e3,
          "items-to-show": 1,
          transition: 1200,
          "pause-autoplay-on-hover": true,
          dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`<!--[-->`);
              ssrRenderList(__props.item.features, (item, index) => {
                _push2(ssrRenderComponent(_component_slide, { key: index }, {
                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                    var _a;
                    if (_push3) {
                      _push3(`<h2 class="text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-bold text-text"${_scopeId2}>${ssrInterpolate(item.title)}</h2><div class="max-w-[600px] mt-5 text-text-light"${_scopeId2}>${(_a = item.desc) != null ? _a : ""}</div>`);
                      _push3(ssrRenderComponent(_component_general_call_to_action, {
                        text: _ctx.$t("BUTTONS.getServiceNow"),
                        classes: "base-btn-white mt-auto mt-5"
                      }, null, _parent3, _scopeId2));
                    } else {
                      return [
                        createVNode("h2", { class: "text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-bold text-text" }, toDisplayString(item.title), 1),
                        createVNode("div", {
                          class: "max-w-[600px] mt-5 text-text-light",
                          innerHTML: item.desc
                        }, null, 8, ["innerHTML"]),
                        createVNode(_component_general_call_to_action, {
                          text: _ctx.$t("BUTTONS.getServiceNow"),
                          classes: "base-btn-white mt-auto mt-5"
                        }, null, 8, ["text"])
                      ];
                    }
                  }),
                  _: 2
                }, _parent2, _scopeId));
              });
              _push2(`<!--]-->`);
            } else {
              return [
                (openBlock(true), createBlock(Fragment, null, renderList(__props.item.features, (item, index) => {
                  return openBlock(), createBlock(_component_slide, { key: index }, {
                    default: withCtx(() => [
                      createVNode("h2", { class: "text-2xl xs:text-3xl sm:text-4xl lg:text-5xl font-bold text-text" }, toDisplayString(item.title), 1),
                      createVNode("div", {
                        class: "max-w-[600px] mt-5 text-text-light",
                        innerHTML: item.desc
                      }, null, 8, ["innerHTML"]),
                      createVNode(_component_general_call_to_action, {
                        text: _ctx.$t("BUTTONS.getServiceNow"),
                        classes: "base-btn-white mt-auto mt-5"
                      }, null, 8, ["text"])
                    ]),
                    _: 2
                  }, 1024);
                }), 128))
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.images && __props.item.images.length) {
        _push(`<div class="col-span-3 lg:col-span-1 order-1 lg:order-2"><img${ssrRenderAttr("src", __props.item.images[0].media)}${ssrRenderAttr("alt", __props.item.images[0].alt)} class="relative object-cover h-full w-full aspect-square rounded-2xl"></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</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/alamiya/best-services/AlamiyaBestServicesSwiper.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const _sfc_main$4 = {
  __name: "AlamiyaBestServicesSwiper1",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      500: {
        itemsToShow: 1
      },
      1200: {
        itemsToShow: 2
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_alamiya_card_swiper = _sfc_main$7;
      const _component_navigation = Navigation;
      const _component_general_call_to_action = _sfc_main$N;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container space-y-5 pb-20" }, _attrs))}><h2 class="${ssrRenderClass([__props.item.desc ? "mb-3" : "mb-8", "text-3xl lg:text-4xl lg:leading-[3.2rem] font-bold text-text max-w-[500px]"])}">${ssrInterpolate(__props.item.title)}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-7 text-lg">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="my-4 swiper_top_navigation">`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        autoplay: 5e3,
        "items-to-show": 1,
        transition: 1200,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        addons: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_navigation, null, null, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_navigation)
            ];
          }
        }),
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.features, (item) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_alamiya_card_swiper, { item }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(_component_alamiya_card_swiper, { item }, null, 8, ["item"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.features, (item) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode(_component_alamiya_card_swiper, { item }, null, 8, ["item"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div><div class="with_under_line !mt-14"><div class="px-5 bg-white w-fit mx-auto">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-xs`
      }, null, _parent));
      _push(`</div></div></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/alamiya/best-services/AlamiyaBestServicesSwiper1.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const _sfc_main$3 = {
  __name: "AlamiyaBestServicesSwiper2",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      500: {
        itemsToShow: 2
      },
      768: {
        itemsToShow: 3
      },
      1200: {
        itemsToShow: 5
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_navigation = Navigation;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container pb-11 lg:pb-20" }, _attrs))}><div class="mb-[5rem] md:mb-2"><h2 class="${ssrRenderClass([__props.item.desc ? "mb-3" : " mb-8 ", "text-3xl lg:text-4xl lg:leading-[3.2rem] font-bold text-text max-w-[500px]"])}">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-7 text-lg">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="solutions_swiper1 my-4 top_navigation">`);
      _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"
      }, {
        addons: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_navigation, null, null, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_navigation)
            ];
          }
        }),
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.features, (item) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      format: "webp",
                      src: item.image.media,
                      alt: item.image.alt,
                      class: "max-h-[595px] object-contain min-h-[300px]",
                      width: "595",
                      height: "521",
                      quality: "80",
                      sizes: "300px 400px md:500px",
                      loading: "lazy"
                    }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(_component_nuxt_img, {
                        format: "webp",
                        src: item.image.media,
                        alt: item.image.alt,
                        class: "max-h-[595px] object-contain min-h-[300px]",
                        width: "595",
                        height: "521",
                        quality: "80",
                        sizes: "300px 400px md:500px",
                        loading: "lazy"
                      }, null, 8, ["src", "alt"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.features, (item) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode(_component_nuxt_img, {
                      format: "webp",
                      src: item.image.media,
                      alt: item.image.alt,
                      class: "max-h-[595px] object-contain min-h-[300px]",
                      width: "595",
                      height: "521",
                      quality: "80",
                      sizes: "300px 400px md:500px",
                      loading: "lazy"
                    }, null, 8, ["src", "alt"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</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/alamiya/best-services/AlamiyaBestServicesSwiper2.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const _sfc_main$2 = {
  __name: "AlamiyaBestServicesSwiper3",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      500: {
        itemsToShow: 2
      },
      768: {
        itemsToShow: 3
      },
      1200: {
        itemsToShow: 6
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      var _a;
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_navigation = Navigation;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-3 pb-11 lg:pb-20" }, _attrs))}><div class="container mb-[5rem] md:mb-2"><h2 class="${ssrRenderClass([__props.item.desc ? "mb-3" : " mb-8 ", "text-3xl lg:text-4xl lg:leading-[3.2rem] font-bold text-text max-w-[500px]"])}">${(_a = __props.item.title) != null ? _a : ""}</h2>`);
      if (__props.item.desc) {
        _push(`<div class="text-text-light max-w-[500px] mb-7 text-lg">${ssrInterpolate(__props.item.desc)}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="solutions_swiper1 top_navigation my-4">`);
      _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"
      }, {
        addons: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_navigation, null, null, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_navigation)
            ];
          }
        }),
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.features, (item) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      format: "webp",
                      src: item.image.media,
                      alt: item.image.alt,
                      class: "max-h-[595px] object-contain min-h-[300px]",
                      width: "595",
                      height: "521",
                      quality: "80",
                      sizes: "300px 400px md:500px",
                      loading: "lazy"
                    }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(_component_nuxt_img, {
                        format: "webp",
                        src: item.image.media,
                        alt: item.image.alt,
                        class: "max-h-[595px] object-contain min-h-[300px]",
                        width: "595",
                        height: "521",
                        quality: "80",
                        sizes: "300px 400px md:500px",
                        loading: "lazy"
                      }, null, 8, ["src", "alt"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.features, (item) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode(_component_nuxt_img, {
                      format: "webp",
                      src: item.image.media,
                      alt: item.image.alt,
                      class: "max-h-[595px] object-contain min-h-[300px]",
                      width: "595",
                      height: "521",
                      quality: "80",
                      sizes: "300px 400px md:500px",
                      loading: "lazy"
                    }, null, 8, ["src", "alt"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></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/alamiya/best-services/AlamiyaBestServicesSwiper3.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = {
  __name: "AlamiyaMultiSection",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    mainData: {
      required: false
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$N;
      const _component_nuxt_img = _sfc_main$g$1;
      const _component_alamiya_card_service = _sfc_main$q;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "pb-14" }, _attrs))}><div class="grid grid-cols-1 lg:grid-cols-2 gap-2 pb-11 items-center pt-4"><div class="space-y-5 order-2 lg:order-1 ps-7 lg:ps-11"><h3 class="text-3xl lg:text-4xl lg:leading-[3rem] font-bold capitalize text-text text-start">${ssrInterpolate(__props.item.title)}</h3><p class="text-text-light max-w-[600px] text-start">${ssrInterpolate(__props.item.desc)}</p><div class="!mt-11">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getServiceNow"),
        classes: "base-btn-white  bg-transparent",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-xs`
      }, null, _parent));
      _push(`</div></div><div class="order-1 lg:order-2">`);
      if (__props.item.background) {
        _push(ssrRenderComponent(_component_nuxt_img, {
          src: __props.item.background.media,
          alt: __props.item.title,
          class: "aspect-auto lg:ms-auto",
          width: "500",
          heigh: "300"
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div><div class="container grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2"><!--[-->`);
      ssrRenderList(__props.item.features, (item, index) => {
        _push(ssrRenderComponent(_component_alamiya_card_service, {
          class: "bg-[#E50E9C08]",
          key: item.id,
          item,
          index
        }, null, _parent));
      });
      _push(`<!--]--></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/alamiya/AlamiyaMultiSection.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = {
  __name: "AlamiyaMulti",
  __ssrInlineRender: true,
  props: {
    items: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_alamiya_multi_section = _sfc_main$1;
      const _component_navigation = Navigation;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}>`);
      _push(ssrRenderComponent(_component_carousel, {
        class: "solution_swiper border border-[#d8e8f8] rounded-3xl",
        "items-to-show": 1,
        transition: 1200,
        autoplay: 5e3,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        addons: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_navigation, null, null, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_navigation)
            ];
          }
        }),
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.items, (item) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_alamiya_multi_section, { item }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(_component_alamiya_multi_section, { item }, null, 8, ["item"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.items, (item) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode(_component_alamiya_multi_section, { item }, null, 8, ["item"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div>`);
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/alamiya/AlamiyaMulti.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main$k as A, _sfc_main$j as B, _sfc_main$i as C, __nuxt_component_32 as D, _sfc_main$g as E, _sfc_main$f as F, _sfc_main$e as G, _sfc_main$d as H, _sfc_main$c as I, _sfc_main$b as J, _sfc_main$a as K, _sfc_main$9 as L, _sfc_main$8 as M, _sfc_main$7 as N, _sfc_main$6 as O, _sfc_main$5 as P, _sfc_main$4 as Q, _sfc_main$3 as R, _sfc_main$2 as S, _sfc_main as T, _sfc_main$M as _, _sfc_main$L as a, _sfc_main$K as b, _sfc_main$J as c, _sfc_main$I as d, _sfc_main$H as e, _sfc_main$G as f, _sfc_main$F as g, _sfc_main$E as h, _sfc_main$D as i, _sfc_main$C as j, _sfc_main$B as k, _sfc_main$A as l, _sfc_main$z as m, _sfc_main$y as n, _sfc_main$x as o, _sfc_main$w as p, _sfc_main$v as q, _sfc_main$u as r, _sfc_main$t as s, _sfc_main$s as t, _sfc_main$r as u, _sfc_main$p as v, _sfc_main$o as w, _sfc_main$n as x, _sfc_main$m as y, _sfc_main$l as z };
//# sourceMappingURL=AlamiyaMulti-BC6MJJp1.mjs.map
