import { _ as _sfc_main$b } from './MetaTags-C8KDkLj_.mjs';
import { _ as __nuxt_component_49 } from './MainLoader-BFnVrwHB.mjs';
import { _ as _sfc_main$6$1, a as _sfc_main$5$1, d as _sfc_main$c, b as _sfc_main$4$1, c as _sfc_main$2$1 } from './HomeServices-KYFFMiTI.mjs';
import { u as useI18n, i as useLocalePath, b as useNuxtApp, d as useLazyAsyncData, e as useFetch, f as useRuntimeConfig, k as __nuxt_component_0$2, m as useToast, P as POSITION, F as Form, q as Field, E as ErrorMessage, n as __nuxt_component_1, o as _sfc_main$9$1, s as _sfc_main$8$1, p as _sfc_main$7$1, a as _export_sfc, _ as _sfc_main$g$1 } from './server.mjs';
import { _ as _sfc_main$e } from './MainModal-CspCWVZB.mjs';
import { _ as _sfc_main$f } from './PlayVideo-YRE_Sr6i.mjs';
import { ref, withAsyncContext, mergeProps, unref, withCtx, createVNode, toDisplayString, createTextVNode, useSSRContext, openBlock, createBlock, withModifiers, createCommentVNode, Fragment, renderList } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderTeleport, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr } from 'vue/server-renderer';
import { _ as __nuxt_component_51 } from './SkeltonSection1-CE-bQItR.mjs';
import { _ as _sfc_main$g } from './ProjectsCard-D2AVU033.mjs';
import { Carousel, Slide } from 'vue3-carousel/dist/carousel';
import { _ as _sfc_main$1$1, a as __nuxt_component_52 } from './SkeltonSection2-Bw4lhr-n.mjs';
import * as yup from 'yup';
import { _ as _sfc_main$d } from './BlogWhatsHappening-Cce5xsjg.mjs';
import './components-BFogvFSQ.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:fs';
import 'node:url';
import 'ipx';
import 'node:path';
import 'unhead';
import '@unhead/shared';
import 'vue-router';
import 'vue-social-sharing';
import 'axios';
import '@headlessui/vue';
import './BlogCard-z4kvdhKV.mjs';

const _sfc_main$a = {
  __name: "HomeIntro",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const openModal = ref(false);
    const localePath = useLocalePath();
    const ISKSA = ref(false);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_main_modal = _sfc_main$e;
      const _component_play_video = _sfc_main$f;
      if (__props.item) {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "home_intro" }, _attrs))} data-v-8a3a668c><h1 data-v-8a3a668c>${ssrInterpolate(unref(ISKSA) ? __props.item.title_ksa : __props.item.title)}</h1><p data-v-8a3a668c>${ssrInterpolate(unref(ISKSA) ? __props.item.desc_ksa : __props.item.desc)}</p><div class="home_intro_details" data-v-8a3a668c><div data-v-8a3a668c>`);
        _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));
        if (__props.item.video) {
          _push(`<button type="button" data-v-8a3a668c><span data-v-8a3a668c><i class="fa-solid fa-play" data-v-8a3a668c></i></span> ${ssrInterpolate(_ctx.$t("BUTTONS.introVideo"))}</button>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div></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$a = _sfc_main$a.setup;
_sfc_main$a.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/HomeIntro.vue");
  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
};
const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8a3a668c"]]);
const _sfc_main$9 = {
  __name: "HomeCardFeatures",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    },
    backgroundColor: {
      required: false,
      defulat: "#fff"
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g$1;
      const _cssVars = { style: {
        "--7b9ec195": __props.backgroundColor
      } };
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: ["text_card_content p-3 rounded-xl border", __props.item.background ? `bg-[url('${__props.item.background}')]` : ""]
      }, _attrs, _cssVars))}><div class="inner_card"><div class="flex gap-2 justify-start items-center mb-3">`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        alt: "icon",
        src: __props.item.icon,
        srcset: `${__props.item.icon} 480w, ${__props.item.icon} 1080w`,
        class: "img-fluid",
        width: "24",
        height: "35",
        format: "webp",
        loading: "lazy"
      }, null, _parent));
      _push(`<p class="font-bold text-xl">${ssrInterpolate(__props.item.title)}</p></div><p class="desc max-h-[100px] overflow-hidden hover:cursor-pointer hover:overflow-y-auto">${ssrInterpolate(__props.item.description)}</p></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/home/card/HomeCardFeatures.vue");
  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
const _sfc_main$8 = {
  __name: "HomeHeader",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const ISKSA = ref(false);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_home_intro = __nuxt_component_0;
      const _component_home_card_features = _sfc_main$9;
      if (__props.item) {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))}><div class="${ssrRenderClass([unref(ISKSA) ? "is_ksa" : "is_all", "home_header first-letter:"])}">`);
        _push(ssrRenderComponent(_component_home_intro, { item: __props.item }, null, _parent));
        _push(`<div class="grid md:grid-cols-2 xl:grid-cols-3 gap-4 my-11"><!--[-->`);
        ssrRenderList(__props.item.features, (item) => {
          _push(ssrRenderComponent(_component_home_card_features, {
            "background-color": item.background,
            key: item.id,
            item
          }, null, _parent));
        });
        _push(`<!--]--></div></div></div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
};
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/home/HomeHeader.vue");
  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
const _sfc_main$7 = {
  __name: "HomeProjects",
  __ssrInlineRender: true,
  setup(__props) {
    useI18n();
    const projects = ref(null);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_projects_card = _sfc_main$g;
      const _component_nuxt_link = __nuxt_component_0$2;
      if (unref(projects)) {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "container" }, _attrs))}><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="mb-7 text-4xl lg:text-5xl lg:leading-[3rem] text-text font-bold mleading-[2.5rem] animated wow fadeInUp">${ssrInterpolate(_ctx.$t("Subtitle.lastProjectsSection"))}</h2><div class="flex flex-wrap odd:flex-row-reverse gap-11"><!--[-->`);
        ssrRenderList(unref(projects), (item) => {
          _push(ssrRenderComponent(_component_projects_card, {
            key: item.key,
            item
          }, null, _parent));
        });
        _push(`<!--]--></div><div class="flex items-center justify-center mt-16">`);
        _push(ssrRenderComponent(_component_nuxt_link, {
          class: "base-btn-white",
          to: _ctx.localePath("/portfolio")
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`${ssrInterpolate(_ctx.$t("BUTTONS.showMore"))} <i class="${ssrRenderClass(
                _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
              )}"${_scopeId}></i>`);
            } else {
              return [
                createTextVNode(toDisplayString(_ctx.$t("BUTTONS.showMore")) + " ", 1),
                createVNode("i", {
                  class: _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
                }, null, 2)
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div></div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
};
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/home/HomeProjects.vue");
  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
const _sfc_main$6 = {
  __name: "HomeCardTools",
  __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({
        "data-wow-duration": "1.3s",
        "data-wow-delay": "0s",
        class: "rounded-xl border p-5 animated wow fadeInUp"
      }, _attrs))}><h3 class="text-2xl font-bold text-text mb-7">${ssrInterpolate(__props.item.title)}</h3><div class="flex flex-wrap gap-8"><!--[-->`);
      ssrRenderList(__props.item.tools, (tool) => {
        _push(`<a data-wow-duration="1.3s" data-wow-delay="0.3s" class="flex flex-col items-center justify-center animated wow bounceIn" target="_blank"${ssrRenderAttr("href", tool.link)}>`);
        _push(ssrRenderComponent(_component_nuxt_img, {
          format: "webp",
          width: "55",
          height: "55",
          class: "mb-2",
          src: tool.image,
          loading: "lazy",
          alt: tool.alt_image + " " + __props.item.title,
          sizes: "55px"
        }, null, _parent));
        _push(`<h2 class="mt-auto text-text text-sm">${ssrInterpolate(tool.title)}</h2></a>`);
      });
      _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/home/card/HomeCardTools.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const _sfc_main$5 = {
  __name: "HomeTools",
  __ssrInlineRender: true,
  setup(__props) {
    useI18n();
    const items = ref(null);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_home_card_tools = _sfc_main$6;
      if (unref(items)) {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "container min-h-fit" }, _attrs))}><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="text-4xl lg:text-5xl mb-2 lg:leading-[3rem] text-text font-bold mleading-[2.5rem] animated wow bounceIn">${ssrInterpolate(_ctx.$t("TITLES.tools"))}</h2><p data-wow-duration="1.3s" data-wow-delay="0s" class="mb-7 text-text-light max-w-[500px] animated wow bounceIn">${ssrInterpolate(_ctx.$t("TITLES.descriptionServiceSection"))}</p><div class="grid grid-col lg:grid-cols-2 gap-5"><!--[-->`);
        ssrRenderList(unref(items), (item) => {
          _push(`<!--[-->`);
          if (item.tools.length) {
            _push(ssrRenderComponent(_component_home_card_tools, { item }, null, _parent));
          } else {
            _push(`<!---->`);
          }
          _push(`<!--]-->`);
        });
        _push(`<!--]--></div></div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
};
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/home/HomeTools.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const _sfc_main$4 = {
  __name: "HomeCardTestimonials",
  __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: "border border-[#8F98C54D] rounded-xl mx-1 w-full p-5" }, _attrs))}><div class="border-b border-[#1413241A] pb-2 animated wow fadeIn">`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        "data-wow-duration": "1.3s",
        "data-wow-delay": "0s",
        format: "webp",
        width: "20",
        height: "20",
        class: "h-[50px] w-auto",
        src: __props.item.project_image,
        srcset: `${__props.item.project_image} 480w, ${__props.item.project_image} 1080w`,
        alt: __props.item.client_career,
        sizes: "sm:355px md:320px lg:480px",
        loading: "lazy"
      }, null, _parent));
      _push(`</div><div><p class="text-text text-sm py-3 min-h-[180px] max-h-[180px] overflow-y-auto leading-6">${ssrInterpolate(__props.item.client_content)}</p><div class="flex gap-2">`);
      _push(ssrRenderComponent(_component_nuxt_img, {
        width: "60",
        height: "60",
        class: "rounded-full",
        format: "webp",
        src: __props.item.client_image,
        srcset: `${__props.item.client_image} 480w, ${__props.item.client_image} 1080w`,
        alt: __props.item.client_career,
        sizes: "sm:355px md:320px lg:480px",
        loading: "lazy"
      }, null, _parent));
      _push(`<div class="flex flex-col justify-evenly"><h3 class="text-base font-bold text-text">${ssrInterpolate(__props.item.client_name)}</h3><p class="text-sm text-text">${ssrInterpolate(__props.item.client_career)}</p></div></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/home/card/HomeCardTestimonials.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const _sfc_main$3 = {
  __name: "HomeTestimonials",
  __ssrInlineRender: true,
  setup(__props) {
    useI18n();
    const items = ref(null);
    const breakpoints = {
      992: {
        itemsToShow: 2
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_home_card_testimonials = _sfc_main$4;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container min-h-fit" }, _attrs))}><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="mb-7 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold leading-[2.8rem] animated wow bounceIn"><span class="block">${ssrInterpolate(_ctx.$t("TITLES.letHear"))}</span> ${ssrInterpolate(_ctx.$t("TITLES.whatSay"))}</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(unref(items), (item) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: item.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(_component_home_card_testimonials, { item }, null, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(_component_home_card_testimonials, { item }, null, 8, ["item"])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(unref(items), (item) => {
                return openBlock(), createBlock(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx(() => [
                    createVNode(_component_home_card_testimonials, { item }, null, 8, ["item"])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div>`);
    };
  }
};
const _sfc_setup$3 = _sfc_main$3.setup;
_sfc_main$3.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/HomeTestimonials.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const _sfc_main$2 = {
  __name: "HomeSubscription",
  __ssrInlineRender: true,
  props: {
    boxClass: {
      required: false
    }
  },
  setup(__props) {
    const toast = useToast();
    const config = useRuntimeConfig();
    const i18n = useI18n();
    const schema = yup.object().shape({
      email: yup.string().email().required()
    });
    const btnLoading = ref(false);
    function subscribe(e, actions) {
      btnLoading.value = true;
      const SUBMITDATA = new FormData();
      SUBMITDATA.append(`email`, e.email);
      $fetch("subscription", {
        method: "POST",
        body: SUBMITDATA,
        baseURL: config.public.baseURL,
        headers: {
          "Accept-Language": i18n.locale.value
        }
      }).then((res) => {
        btnLoading.value = false;
        actions.resetForm();
        toast.success(res.message, {
          timeout: 2e3,
          position: i18n.locale.value == "en" ? POSITION.BOTTOM_RIGHT : POSITION.BOTTOM_LEFT
        });
      }).catch((err) => {
        btnLoading.value = false;
        toast.error(err.response._data.message, {
          timeout: 2e3,
          position: i18n.locale.value == "en" ? POSITION.BOTTOM_RIGHT : POSITION.BOTTOM_LEFT
        });
      });
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_VeeForm = Form;
      const _component_VeeField = Field;
      const _component_VeeErrorMessage = ErrorMessage;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "min-h-fit" }, _attrs))}><div class="${ssrRenderClass([__props.boxClass, "text-white py-14 text-center min-width-full"])}"><div class="container space-y-3"><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="text-4xl font-bold m-auto max-w-[700px] tracking-wide animated wow fadeInLeftBig">${ssrInterpolate(_ctx.$t("SectionsDescription.SubscribeSection"))}</h2><p data-wow-duration="1.3s" data-wow-delay="0s" class="max-w-[550px] text-lg !mt-5 mx-auto animated wow fadeInRightBig">${ssrInterpolate(_ctx.$t("SectionsDescription.SubscribeSectionP"))}</p><div data-wow-duration="1.3s" data-wow-delay="0s" class="animated wow fadeInUp">`);
      _push(ssrRenderComponent(_component_VeeForm, {
        as: "div",
        onSubmit: subscribe,
        "validation-schema": unref(schema)
      }, {
        default: withCtx(({ meta }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<form class="my-4"${_scopeId}><div class="col-span-3 lg:col-span-1"${_scopeId}><div class="flex items-center lg:w-[35%] mt-10 md:w-[30%] m-auto subscribe_form rounded-full bg-white"${_scopeId}>`);
            _push2(ssrRenderComponent(_component_VeeField, {
              type: "email",
              name: "email"
            }, {
              default: withCtx(({ field, meta: meta2 }, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(`<div class="${ssrRenderClass([{ error: !meta2.valid && meta2.touched }, "input_wrapper flex-1 mb-0"])}"${_scopeId2}><input${ssrRenderAttrs(mergeProps({
                    type: "email",
                    id: "emailAddress"
                  }, field, {
                    placeholder: _ctx.$t("FORMS.Placeholders.writeYourEmail"),
                    class: [
                      "border-[#D7DAEA] text-text rounded-xl",
                      !meta2.valid && meta2.touched && "border-red-500 placeholder:text-red-500 lg:text-lg text-sm "
                    ]
                  }))}${_scopeId2}></div>`);
                } else {
                  return [
                    createVNode("div", {
                      class: ["input_wrapper flex-1 mb-0", { error: !meta2.valid && meta2.touched }]
                    }, [
                      createVNode("input", mergeProps({
                        type: "email",
                        id: "emailAddress"
                      }, field, {
                        placeholder: _ctx.$t("FORMS.Placeholders.writeYourEmail"),
                        class: [
                          "border-[#D7DAEA] text-text rounded-xl",
                          !meta2.valid && meta2.touched && "border-red-500 placeholder:text-red-500 lg:text-lg text-sm "
                        ]
                      }), null, 16, ["placeholder"])
                    ], 2)
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
            _push2(`<button type="submit" class="w-[120px] rounded-full text-white px-4 m-1 bg-primary p-4"${ssrIncludeBooleanAttr(!meta.valid || unref(btnLoading)) ? " disabled" : ""}${_scopeId}>${ssrInterpolate(_ctx.$t("BUTTONS.subscribe"))} `);
            if (unref(btnLoading)) {
              _push2(`<span class="btn_loader"${_scopeId}></span>`);
            } else {
              _push2(`<!---->`);
            }
            _push2(`</button></div></div>`);
            if (!meta.valid && meta.touched) {
              _push2(ssrRenderComponent(_component_VeeErrorMessage, {
                name: "email",
                as: "div",
                class: "text-red-500 mt-2"
              }, null, _parent2, _scopeId));
            } else {
              _push2(`<!---->`);
            }
            _push2(`</form>`);
          } else {
            return [
              createVNode("form", { class: "my-4" }, [
                createVNode("div", { class: "col-span-3 lg:col-span-1" }, [
                  createVNode("div", { class: "flex items-center lg:w-[35%] mt-10 md:w-[30%] m-auto subscribe_form rounded-full bg-white" }, [
                    createVNode(_component_VeeField, {
                      type: "email",
                      name: "email"
                    }, {
                      default: withCtx(({ field, meta: meta2 }) => [
                        createVNode("div", {
                          class: ["input_wrapper flex-1 mb-0", { error: !meta2.valid && meta2.touched }]
                        }, [
                          createVNode("input", mergeProps({
                            type: "email",
                            id: "emailAddress"
                          }, field, {
                            placeholder: _ctx.$t("FORMS.Placeholders.writeYourEmail"),
                            class: [
                              "border-[#D7DAEA] text-text rounded-xl",
                              !meta2.valid && meta2.touched && "border-red-500 placeholder:text-red-500 lg:text-lg text-sm "
                            ]
                          }), null, 16, ["placeholder"])
                        ], 2)
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("button", {
                      type: "submit",
                      class: "w-[120px] rounded-full text-white px-4 m-1 bg-primary p-4",
                      disabled: !meta.valid || unref(btnLoading)
                    }, [
                      createTextVNode(toDisplayString(_ctx.$t("BUTTONS.subscribe")) + " ", 1),
                      unref(btnLoading) ? (openBlock(), createBlock("span", {
                        key: 0,
                        class: "btn_loader"
                      })) : createCommentVNode("", true)
                    ], 8, ["disabled"])
                  ])
                ]),
                !meta.valid && meta.touched ? (openBlock(), createBlock(_component_VeeErrorMessage, {
                  key: 0,
                  name: "email",
                  as: "div",
                  class: "text-red-500 mt-2"
                })) : createCommentVNode("", true)
              ])
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></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/home/HomeSubscription.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = {
  __name: "GeneralForm",
  __ssrInlineRender: true,
  setup(__props) {
    const toast = useToast();
    const config = useRuntimeConfig();
    const i18n = useI18n();
    const schema = yup.object({
      full_name: yup.string().required(i18n.t("FORMS.Validation.name")),
      email: yup.string().email(i18n.t("FORMS.Validation.validEmail")).required(i18n.t("FORMS.Validation.email")),
      phone: yup.string().required(i18n.t("FORMS.Validation.phone")),
      service: yup.string().required(i18n.t("FORMS.Validation.service")),
      // budget: yup.object().required(i18n.t("FORMS.Validation.budget")),
      message: yup.string().required(i18n.t("FORMS.Validation.message"))
    });
    const phone_code = ref(null);
    const btnLoading = ref(false);
    function onSubmit(e, actions) {
      btnLoading.value = true;
      const SUBMITDATA = new FormData();
      SUBMITDATA.append(`email`, e.email);
      SUBMITDATA.append("name", e.full_name);
      SUBMITDATA.append("phone", e.phone);
      SUBMITDATA.append("content", e.message);
      SUBMITDATA.append("phone_code", phone_code.value.phone_code);
      SUBMITDATA.append("service_id", e.service);
      $fetch("contact", {
        method: "POST",
        body: SUBMITDATA,
        baseURL: config.public.baseURL,
        headers: {
          "Accept-Language": i18n.locale.value
        }
      }).then((res) => {
        btnLoading.value = false;
        actions.resetForm();
        toast.success(res.message, {
          timeout: 2e3,
          position: i18n.locale.value == "en" ? POSITION.BOTTOM_RIGHT : POSITION.BOTTOM_LEFT
        });
      }).catch((err) => {
        btnLoading.value = false;
        toast.error(err.response._data.message, {
          timeout: 2e3,
          position: i18n.locale.value == "en" ? POSITION.BOTTOM_RIGHT : POSITION.BOTTOM_LEFT
        });
      });
    }
    function getPhoneCode(e, s) {
      phone_code.value = e;
    }
    const services = ref([]);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_VeeForm = Form;
      const _component_inputs_base = __nuxt_component_1;
      const _component_inputs_phone = _sfc_main$9$1;
      const _component_inputs_select = _sfc_main$8$1;
      const _component_inputs_textarea = _sfc_main$7$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container min-h-fit pb-11" }, _attrs))}><div class="${ssrRenderClass([_ctx.$i18n.locale, "form_wrapper"])}"><div class="lg:pe-20 lg:ps-9 z-10"><h2 data-wow-duration="1.3s" data-wow-delay="0s" class="text-4xl lg:text-5xl lg:leading-[3.5rem] lg:mt-20 2xl:text-7 font-bold animated wow fadeInUp">${ssrInterpolate(_ctx.$t("TITLES.readyToGetStarted"))}</h2><p data-wow-duration="1.3s" data-wow-delay="0.3s" class="mt-1 mb-5 animated wow fadeInUp">${ssrInterpolate(_ctx.$t("TITLES.letBuildBestDigitalSolutionsForYourBusinessNow"))}</p></div>`);
      _push(ssrRenderComponent(_component_VeeForm, {
        as: "div",
        onSubmit,
        "validation-schema": unref(schema)
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<form data-wow-duration="1.3s" data-wow-delay="0s" class="bg-white bg-opacity-10 space-y-2 border border-opacity-10 border-white shadow-md rounded-[25px] px-8 pt-6 pb-8 mb-4 animated wow zoomIn z-10"${_scopeId}>`);
            _push2(ssrRenderComponent(_component_inputs_base, {
              id: "full_name",
              name: "full_name",
              placeholder: _ctx.$t("FORMS.Placeholders.fullName")
            }, null, _parent2, _scopeId));
            _push2(ssrRenderComponent(_component_inputs_base, {
              id: "email_address",
              name: "email",
              type: "email",
              placeholder: _ctx.$t("FORMS.Placeholders.yourEmail")
            }, null, _parent2, _scopeId));
            _push2(ssrRenderComponent(_component_inputs_phone, {
              onCode_change: ($event) => getPhoneCode($event),
              placeholder: _ctx.$t("FORMS.Placeholders.yourPhone")
            }, null, _parent2, _scopeId));
            _push2(ssrRenderComponent(_component_inputs_select, {
              id: "service",
              name: "service",
              options: unref(services),
              placeholder: _ctx.$t("FORMS.Placeholders.selectService")
            }, null, _parent2, _scopeId));
            _push2(ssrRenderComponent(_component_inputs_textarea, {
              rows: "4",
              id: "message",
              name: "message",
              placeholder: _ctx.$t("FORMS.Placeholders.TypeYourMessageHere")
            }, null, _parent2, _scopeId));
            _push2(`<div class="flex items-center justify-between"${_scopeId}><button${ssrIncludeBooleanAttr(unref(btnLoading)) ? " disabled" : ""} class="bg-blue-500 border border-white rounded-[25px] px-[30px] py-3 hover:bg-blue-700 text-white focus:outline-none focus:shadow-outline hover:bg-white hover:text-[#184aad] m-auto" type="submit"${_scopeId}>${ssrInterpolate(_ctx.$t("BUTTONS.sendRequest"))}</button></div></form>`);
          } else {
            return [
              createVNode("form", {
                "data-wow-duration": "1.3s",
                "data-wow-delay": "0s",
                class: "bg-white bg-opacity-10 space-y-2 border border-opacity-10 border-white shadow-md rounded-[25px] px-8 pt-6 pb-8 mb-4 animated wow zoomIn z-10"
              }, [
                createVNode(_component_inputs_base, {
                  id: "full_name",
                  name: "full_name",
                  placeholder: _ctx.$t("FORMS.Placeholders.fullName")
                }, null, 8, ["placeholder"]),
                createVNode(_component_inputs_base, {
                  id: "email_address",
                  name: "email",
                  type: "email",
                  placeholder: _ctx.$t("FORMS.Placeholders.yourEmail")
                }, null, 8, ["placeholder"]),
                createVNode(_component_inputs_phone, {
                  onCode_change: ($event) => getPhoneCode($event),
                  placeholder: _ctx.$t("FORMS.Placeholders.yourPhone")
                }, null, 8, ["onCode_change", "placeholder"]),
                createVNode(_component_inputs_select, {
                  id: "service",
                  name: "service",
                  options: unref(services),
                  placeholder: _ctx.$t("FORMS.Placeholders.selectService")
                }, null, 8, ["options", "placeholder"]),
                createVNode(_component_inputs_textarea, {
                  rows: "4",
                  id: "message",
                  name: "message",
                  placeholder: _ctx.$t("FORMS.Placeholders.TypeYourMessageHere")
                }, null, 8, ["placeholder"]),
                createVNode("div", { class: "flex items-center justify-between" }, [
                  createVNode("button", {
                    disabled: unref(btnLoading),
                    class: "bg-blue-500 border border-white rounded-[25px] px-[30px] py-3 hover:bg-blue-700 text-white focus:outline-none focus:shadow-outline hover:bg-white hover:text-[#184aad] m-auto",
                    type: "submit"
                  }, toDisplayString(_ctx.$t("BUTTONS.sendRequest")), 9, ["disabled"])
                ])
              ])
            ];
          }
        }),
        _: 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/general/GeneralForm.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 { locale } = useI18n();
    ref(true);
    const config = useRuntimeConfig();
    const localePath = useLocalePath();
    const showSections = ref(false);
    const axios = useNuxtApp().$axios;
    const { data: homeIntro, error, pending } = ([__temp, __restore] = withAsyncContext(() => useLazyAsyncData(
      `home_intro`,
      () => axios.get(`home_intro`, {
        baseURL: config.public.baseURL,
        headers: {
          "Accept-Language": locale.value
        }
      }).then((res) => res.data.data)
    )), __temp = await __temp, __restore(), __temp);
    const { data: aboutCert, pending: load } = useFetch(`aboutCert`, {
      baseURL: config.public.baseURL,
      server: false,
      lazy: true,
      headers: {
        "Accept-Language": locale.value
      }
    }, "$PslAyef5YX");
    const { data: blogs, pending: blogLoading } = useFetch(`homeBlogs`, {
      baseURL: config.public.baseURL,
      server: false,
      lazy: true,
      headers: {
        "Accept-Language": locale.value
      }
    }, "$6PO73qLRkI");
    ref(false);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_meta_tags = _sfc_main$b;
      const _component_MainLoader = __nuxt_component_49;
      const _component_BackError = _sfc_main$6$1;
      const _component_home_header = _sfc_main$8;
      const _component_skelton_section1 = __nuxt_component_51;
      const _component_about_intro = _sfc_main$5$1;
      const _component_home_services = _sfc_main$c;
      const _component_home_projects = _sfc_main$7;
      const _component_home_tools = _sfc_main$5;
      const _component_home_testimonials = _sfc_main$3;
      const _component_general_certifications_swiper = _sfc_main$4$1;
      const _component_home_why_us = _sfc_main$2$1;
      const _component_home_partners = _sfc_main$1$1;
      const _component_home_subscription = _sfc_main$2;
      const _component_skelton_section2 = __nuxt_component_52;
      const _component_blog_whats_happening = _sfc_main$d;
      const _component_nuxt_link = __nuxt_component_0$2;
      const _component_general_form = _sfc_main$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "" }, _attrs))}>`);
      if (unref(homeIntro) && unref(homeIntro).metas) {
        _push(ssrRenderComponent(_component_meta_tags, {
          metas: unref(homeIntro).metas
        }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      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(homeIntro)) {
        _push(`<!--[-->`);
        if (unref(homeIntro).home_intro) {
          _push(ssrRenderComponent(_component_home_header, {
            item: unref(homeIntro).home_intro
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        if (unref(load)) {
          _push(ssrRenderComponent(_component_skelton_section1, null, null, _parent));
        } else {
          _push(`<!--[-->`);
          _push(ssrRenderComponent(_component_about_intro, {
            "has-link": true,
            items: unref(aboutCert).data.about_intro
          }, null, _parent));
          if (unref(showSections)) {
            _push(`<!--[-->`);
            _push(ssrRenderComponent(_component_home_services, { class: "pb-11 lg:pb-20" }, null, _parent));
            _push(ssrRenderComponent(_component_home_projects, { class: "pb-11 lg:pb-20" }, null, _parent));
            _push(ssrRenderComponent(_component_home_tools, { class: "pb-11 lg:pb-20" }, null, _parent));
            _push(ssrRenderComponent(_component_home_testimonials, { class: "pb-11 lg:pb-20" }, null, _parent));
            _push(ssrRenderComponent(_component_general_certifications_swiper, {
              items: unref(aboutCert).data.certification
            }, null, _parent));
            _push(`<div class="back_image">`);
            _push(ssrRenderComponent(_component_home_why_us, { class: "pb-11 lg:pb-20" }, null, _parent));
            _push(`</div>`);
            _push(ssrRenderComponent(_component_home_partners, { class: "pb-11 lg:pb-20" }, null, _parent));
            _push(ssrRenderComponent(_component_home_subscription, {
              class: "pb-11 lg:pb-20",
              boxClass: "bg-gradient-to-r from-[#021736] via-[#226bac] via-50% to-[#021736]"
            }, null, _parent));
            if (unref(blogLoading)) {
              _push(ssrRenderComponent(_component_skelton_section2, null, null, _parent));
            } else {
              _push(ssrRenderComponent(_component_blog_whats_happening, {
                items: unref(blogs).data,
                class: "pb-11 lg:pb-20"
              }, {
                header: withCtx((_, _push2, _parent2, _scopeId) => {
                  if (_push2) {
                    _push2(`<h2 class="text-4xl md:text-5xl text-text font-bold mb-4"${_scopeId}>${ssrInterpolate(_ctx.$t("TITLES.whatHappend"))}</h2><p class="mb-7 text-text-light max-w-[500px]"${_scopeId}>${ssrInterpolate(_ctx.$t("TITLES.descriptionServiceSection"))}</p>`);
                  } else {
                    return [
                      createVNode("h2", { class: "text-4xl md:text-5xl text-text font-bold mb-4" }, toDisplayString(_ctx.$t("TITLES.whatHappend")), 1),
                      createVNode("p", { class: "mb-7 text-text-light max-w-[500px]" }, toDisplayString(_ctx.$t("TITLES.descriptionServiceSection")), 1)
                    ];
                  }
                }),
                footer: withCtx((_, _push2, _parent2, _scopeId) => {
                  if (_push2) {
                    _push2(`<div class="flex items-center justify-center mt-14"${_scopeId}>`);
                    _push2(ssrRenderComponent(_component_nuxt_link, {
                      class: "base-btn-white",
                      to: unref(localePath)("/articles")
                    }, {
                      default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                        if (_push3) {
                          _push3(`${ssrInterpolate(_ctx.$t("BUTTONS.showMore"))} <i class="${ssrRenderClass(
                            _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
                          )}"${_scopeId2}></i>`);
                        } else {
                          return [
                            createTextVNode(toDisplayString(_ctx.$t("BUTTONS.showMore")) + " ", 1),
                            createVNode("i", {
                              class: _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
                            }, null, 2)
                          ];
                        }
                      }),
                      _: 1
                    }, _parent2, _scopeId));
                    _push2(`</div>`);
                  } else {
                    return [
                      createVNode("div", { class: "flex items-center justify-center mt-14" }, [
                        createVNode(_component_nuxt_link, {
                          class: "base-btn-white",
                          to: unref(localePath)("/articles")
                        }, {
                          default: withCtx(() => [
                            createTextVNode(toDisplayString(_ctx.$t("BUTTONS.showMore")) + " ", 1),
                            createVNode("i", {
                              class: _ctx.$i18n.locale == "en" ? "fas fa-arrow-right" : "fas fa-arrow-left"
                            }, null, 2)
                          ]),
                          _: 1
                        }, 8, ["to"])
                      ])
                    ];
                  }
                }),
                _: 1
              }, _parent));
            }
            _push(`<!--]-->`);
          } else {
            _push(`<!--[-->`);
            _push(ssrRenderComponent(_component_skelton_section1, null, null, _parent));
            _push(ssrRenderComponent(_component_skelton_section2, null, null, _parent));
            _push(`<!--]-->`);
          }
          _push(ssrRenderComponent(_component_general_form, null, null, _parent));
          _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/index.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=index-POoY0Z8f.mjs.map
