import { _ as __nuxt_component_49 } from './MainLoader-BFnVrwHB.mjs';
import { _ as _sfc_main$6, a as _sfc_main$5$1, b as _sfc_main$4$1, c as _sfc_main$2$1, d as _sfc_main$7 } from './HomeServices-KYFFMiTI.mjs';
import { _ as _sfc_main$5 } from './MetaTags-C8KDkLj_.mjs';
import { a as _export_sfc, u as useI18n, b as useNuxtApp, c as useHead, d as useLazyAsyncData, e as useFetch, f as useRuntimeConfig, _ as _sfc_main$g } from './server.mjs';
import { ref, withAsyncContext, watch, mergeProps, unref, useSSRContext, withCtx, createVNode, openBlock, createBlock, Fragment, renderList } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrRenderAttr } from 'vue/server-renderer';
import { Carousel, Slide } from 'vue3-carousel/dist/carousel';
import { _ as __nuxt_component_51 } from './SkeltonSection1-CE-bQItR.mjs';
import { _ as __nuxt_component_0 } from './AlamiyaNewSection-1njN8O2m.mjs';
import { _ as _sfc_main$8 } from './AboutCards-Dt9tMbfm.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:fs';
import 'node:url';
import 'ipx';
import 'node:path';
import './components-BFogvFSQ.mjs';
import 'unhead';
import '@unhead/shared';
import 'vue-router';
import 'vue-social-sharing';
import 'axios';
import '@headlessui/vue';
import 'yup';
import './GeneralCallToAction-BNzByXfE.mjs';
import './useAPIFetch-Bdd4OwYk.mjs';

const _sfc_main$4 = {
  __name: "AboutMissionCard",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "p-4 rounded-xl bg-[#E50E9C08]" }, _attrs))}><div data-wow-duration="1.3s" data-wow-delay="0s" class="icon w-12 h-12 text-xl flex justify-center items-center rounded-full text-white font-bold mb-5 animated wow fadeInDown">`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        format: "webp",
        alt: __props.item.title,
        src: __props.item.image,
        align: "center",
        width: "48",
        height: "48",
        loading: "lazy",
        sizes: "48"
      }, null, _parent));
      _push(`</div><div data-wow-duration="1.3s" data-wow-delay="0s" class="content animated wow fadeInUp"><h3 class="text-text font-semibold my-2 text-xl">${ssrInterpolate(__props.item.title)}</h3><p class="text-text-light">${ssrInterpolate(__props.item.description)}</p></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/about/AboutMissionCard.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const _sfc_main$3 = {
  __name: "AboutMission",
  __ssrInlineRender: true,
  props: {
    items: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_about_mission_card = _sfc_main$4;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container pb-20" }, _attrs))}><div class="grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3"><!--[-->`);
      ssrRenderList(__props.items, (item) => {
        _push(ssrRenderComponent(_component_about_mission_card, {
          key: item.id,
          item
        }, null, _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/about/AboutMission.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const _sfc_main$2 = {
  __name: "AboutStatistics",
  __ssrInlineRender: true,
  props: {
    items: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container pb-20" }, _attrs))}><div class="mb-8"><h1 data-wow-duration="1.3s" data-wow-delay="0s" class="text-2xl leading-[2.2rem] md:text-4xl font-extrabold md:leading-[3.5rem] text-text animated wow fadeInUp">${ssrInterpolate(__props.items.title)}</h1><p data-wow-duration="1.3s" data-wow-delay="0.3s" class="text-text-light text-sm mb-5 leading-6 animated wow fadeInUp">${ssrInterpolate(__props.items.description)}</p></div><div class="grid grid-cols-5 gap-5 xl:gap-12"><div data-wow-duration="1.3s" data-wow-delay="0s" class="col-span-5 lg:col-span-3 rounded-2xl animated wow fadeInLeft">`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        width: "200",
        height: "200",
        class: "w-full h-full object-cover min-h-[200px] rounded-2xl",
        format: "webp",
        src: __props.items.image,
        alt: __props.items.alt_image,
        loading: "lazy",
        sizes: "200px"
      }, null, _parent));
      _push(`</div><div class="grid grid-cols-1 xs:grid-cols-2 gap-4 col-span-5 lg:col-span-2"><!--[-->`);
      ssrRenderList(__props.items.features, (feature, i) => {
        _push(`<div data-wow-duration="1.3s" data-wow-delay="0s" class="${ssrRenderClass([i % 2 == 0 ? "fadeInUp" : "fadeInDown", "border rounded-xl border-[#D8E8F8] bg-[#f9fcfe] max-h-[194px] animated wow"])}"><div class="flex flex-col items-center justify-center gap-2 h-[150px] md:h-[180px] px-5"><p class="text-3xl md:text-5xl font-bold"><bdi>${ssrInterpolate(feature.title)}</bdi></p><p class="font-semibold">${ssrInterpolate(feature.description)}</p></div></div>`);
      });
      _push(`<!--]--></div></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/about/AboutStatistics.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = {
  __name: "AboutPartners",
  __ssrInlineRender: true,
  props: {
    items: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      768: {
        itemsToShow: 5
      },
      1200: {
        itemsToShow: 8
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex flex-col lg:flex-row md:gap-8 lg:gap-12 py-11 mb-11 lg:mb-20 container" }, _attrs))}><div class="w-full px-3 py-2"><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="text-4xl lg:text-5xl lg:leading-[4rem] font-bold leading-[2.8rem] max-w-[500px] mb-11 animated wow fadeInLeft">${ssrInterpolate(_ctx.$t("TITLES.partnersTruted"))}</h2>`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        autoplay: 5e3,
        "items-to-show": 3,
        transition: 1200,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        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(`<div data-wow-duration="1.3s" data-wow-delay="0s" class="w-[140px] mx-1 h-[140px] flex justify-center items-center rounded-full animated wow rotateIn"${_scopeId2}><a${ssrRenderAttr("href", item.link)} target="_blank"${_scopeId2}>`);
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      src: item.image,
                      alt: item.alt_image,
                      format: "webp",
                      loading: "lazy",
                      width: "120",
                      height: "120",
                      class: "object-contain",
                      srcset: `${item.image} 480w, ${item.image} 1080w`
                    }, null, _parent3, _scopeId2));
                    _push3(`</a></div>`);
                  } else {
                    return [
                      createVNode("div", {
                        "data-wow-duration": "1.3s",
                        "data-wow-delay": "0s",
                        class: "w-[140px] mx-1 h-[140px] flex justify-center items-center rounded-full animated wow rotateIn"
                      }, [
                        createVNode("a", {
                          href: item.link,
                          target: "_blank"
                        }, [
                          createVNode(_component_nuxt_img, {
                            src: item.image,
                            alt: item.alt_image,
                            format: "webp",
                            loading: "lazy",
                            width: "120",
                            height: "120",
                            class: "object-contain",
                            srcset: `${item.image} 480w, ${item.image} 1080w`
                          }, null, 8, ["src", "alt", "srcset"])
                        ], 8, ["href"])
                      ])
                    ];
                  }
                }),
                _: 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("div", {
                      "data-wow-duration": "1.3s",
                      "data-wow-delay": "0s",
                      class: "w-[140px] mx-1 h-[140px] flex justify-center items-center rounded-full animated wow rotateIn"
                    }, [
                      createVNode("a", {
                        href: item.link,
                        target: "_blank"
                      }, [
                        createVNode(_component_nuxt_img, {
                          src: item.image,
                          alt: item.alt_image,
                          format: "webp",
                          loading: "lazy",
                          width: "120",
                          height: "120",
                          class: "object-contain",
                          srcset: `${item.image} 480w, ${item.image} 1080w`
                        }, null, 8, ["src", "alt", "srcset"])
                      ], 8, ["href"])
                    ])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _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/about/AboutPartners.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = {
  __name: "index",
  __ssrInlineRender: true,
  async setup(__props) {
    let __temp, __restore;
    const stats = ref(null);
    const allMisstion = ref(null);
    const { locale, t } = useI18n();
    const config = useRuntimeConfig();
    const axios = useNuxtApp().$axios;
    useHead({
      title: t("NAV.about")
    });
    const { data: about, error, pending } = ([__temp, __restore] = withAsyncContext(() => useLazyAsyncData(
      `about_us`,
      () => axios.get(`about_us`, {
        baseURL: config.public.baseURL,
        headers: {
          "Accept-Language": locale.value
        }
      }).then((res) => res.data.data)
    )), __temp = await __temp, __restore(), __temp);
    watch(
      () => about.value,
      (newVal) => {
        if (newVal) {
          stats.value = newVal.sections.find((el) => el.key == "our_success");
          allMisstion.value = newVal.sections.filter(
            (el) => el.key != "our_success"
          );
        }
      },
      {
        immediate: true,
        deep: true
      }
    );
    const { data: homeAbout, pending: load } = useFetch(`aboutCert`, {
      baseURL: config.public.baseURL,
      server: false,
      lazy: true,
      headers: {
        "Accept-Language": locale.value
      }
    }, "$46HtYhc5ci");
    const loading = ref(true);
    const scrolled = ref(false);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_MainLoader = __nuxt_component_49;
      const _component_BackError = _sfc_main$6;
      const _component_meta_tags = _sfc_main$5;
      const _component_about_intro = _sfc_main$5$1;
      const _component_about_mission = _sfc_main$3;
      const _component_general_certifications_swiper = _sfc_main$4$1;
      const _component_about_statistics = _sfc_main$2;
      const _component_about_partners = _sfc_main$1;
      const _component_skelton_section1 = __nuxt_component_51;
      const _component_home_why_us = _sfc_main$2$1;
      const _component_home_services = _sfc_main$7;
      const _component_alamiya_new_section = __nuxt_component_0;
      const _component_about_cards = _sfc_main$8;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "mt-11" }, _attrs))} data-v-0a7d03b6>`);
      if (unref(pending)) {
        _push(ssrRenderComponent(_component_MainLoader, null, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(error)) {
        _push(ssrRenderComponent(_component_BackError, null, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(about)) {
        _push(`<!--[-->`);
        if (unref(about).metas) {
          _push(ssrRenderComponent(_component_meta_tags, {
            metas: unref(about).metas
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(ssrRenderComponent(_component_about_intro, {
          items: unref(about).intro
        }, null, _parent));
        if (unref(allMisstion)) {
          _push(ssrRenderComponent(_component_about_mission, { items: unref(allMisstion) }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        if (!unref(load) && unref(homeAbout)) {
          _push(ssrRenderComponent(_component_general_certifications_swiper, {
            items: unref(homeAbout).data.certification
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        if (unref(stats)) {
          _push(ssrRenderComponent(_component_about_statistics, { items: unref(stats) }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(`<div class="partnersection" data-v-0a7d03b6>`);
        _push(ssrRenderComponent(_component_about_partners, {
          items: unref(about).partners
        }, null, _parent));
        _push(`</div>`);
        if (unref(loading)) {
          _push(ssrRenderComponent(_component_skelton_section1, null, null, _parent));
        } else {
          _push(`<!---->`);
        }
        if (unref(scrolled)) {
          _push(`<!--[-->`);
          _push(ssrRenderComponent(_component_home_why_us, null, null, _parent));
          _push(ssrRenderComponent(_component_home_services, null, null, _parent));
          _push(ssrRenderComponent(_component_alamiya_new_section, null, null, _parent));
          _push(ssrRenderComponent(_component_about_cards, null, null, _parent));
          _push(`<!--]-->`);
        } else {
          _push(`<!---->`);
        }
        _push(`<!--]-->`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/about/index.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a7d03b6"]]);

export { index as default };
//# sourceMappingURL=index-0sMZAARK.mjs.map
