import { _ as __nuxt_component_49 } from './MainLoader-BFnVrwHB.mjs';
import { g as useRoute, h as useRouter, i as useLocalePath, u as useI18n, b as useNuxtApp, d as useLazyAsyncData, f as useRuntimeConfig, j as _sfc_main$3$1, _ as _sfc_main$g } from './server.mjs';
import { _ as _sfc_main$a } from './MetaTags-C8KDkLj_.mjs';
import { withAsyncContext, watch, mergeProps, unref, useSSRContext, withCtx, createVNode, openBlock, createBlock, Fragment, renderList, toDisplayString } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderStyle, ssrRenderClass } from 'vue/server-renderer';
import { Carousel, Slide } from 'vue3-carousel/dist/carousel';
import { _ as _sfc_main$b } from './GeneralCallToAction-BNzByXfE.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 'yup';
import './components-BFogvFSQ.mjs';

const _sfc_main$9 = {
  __name: "SecondaryHeader",
  __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: "relative container z-20" }, _attrs))}><div class="grid md:grid-cols-2 gap-5 items-start">`);
      if (__props.item.about_image) {
        _push(`<div class="rounded-2xl order-2 md:order-1">`);
        _push(ssrRenderComponent(_component_nuxt_img, {
          src: __props.item.about_image,
          alt: __props.item.name,
          loading: "lazy",
          width: "450",
          height: "500",
          format: "webp",
          class: "object-contain mx-auto md:ms-auto rounded-2xl md:-translate-y-36 relative"
        }, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="md:mt-11 order-1 md:order-2">`);
      if (__props.item.name) {
        _push(`<h2 class="mb-3 text-2xl lg:text-3xl font-bold capitalize">${ssrInterpolate(_ctx.$t("TITLES.what"))} ${ssrInterpolate(__props.item.name)} ${ssrInterpolate(_ctx.$t("TITLES.questionMaker"))}</h2>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<p class="text-[#737195]">${ssrInterpolate(__props.item.about_project)}</p></div></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/portfolio/SecondaryHeader.vue");
  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
const _sfc_main$8 = {
  __name: "MainHeader",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_nuxt_img = _sfc_main$g;
      const _component_portfolio_secondary_header = _sfc_main$9;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "portfolio-header" }, _attrs))}><div class="grid container grid-cols-1 gap-3 md:grid-cols-2 mt-5 relative z-20 items-start"><div class="lg:mb-5 md:mt-7">`);
      if (__props.item.name) {
        _push(`<h1 class="mb-5 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold leading-[2.8rem] capitalize"><span class="text-[#339989]">${ssrInterpolate(__props.item.name.split(" ")[0])}</span>`);
        if (__props.item.name.indexOf(" ") + 1 != 0) {
          _push(`<span>${ssrInterpolate(__props.item.name.substr(__props.item.name.indexOf(" ")))}</span>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</h1>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="text-[#737195] italic">${ssrInterpolate(__props.item.description)}</div></div>`);
      if (__props.item.image) {
        _push(`<div class="relative rounded-2xl mb-5 lg:mb-0 z-10">`);
        _push(ssrRenderComponent(_component_nuxt_img, {
          src: __props.item.image,
          alt: __props.item.name,
          loading: "lazy",
          width: "500",
          height: "500",
          class: "rounded-2xl object-cover mx-auto w-[400px] h-[400px] lg:w-[500px] lg:h-[500px] lg:ms-auto",
          sizes: "sm:300px lg:500px",
          format: "webp"
        }, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
      _push(ssrRenderComponent(_component_portfolio_secondary_header, { item: __props.item }, null, _parent));
      _push(`</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/portfolio/MainHeader.vue");
  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
const _sfc_main$7 = {
  __name: "PortfolioProjects",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      768: {
        itemsToShow: 2
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid lg:grid-cols-5 gap-5 items-center" }, _attrs))}><div class="lg:col-span-2">`);
      if (__props.item.feature_title) {
        _push(`<h2 class="mb-2 text-3xl lg:text-4xl lg:leading-[3.7rem] font-bold leading-[2.8rem] capitalize text-[#737195]">${ssrInterpolate(__props.item.feature_title)}</h2>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.feature_description) {
        _push(`<p class="text-[#737195]">${ssrInterpolate(__props.item.feature_description)}</p>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.main_features) {
        _push(`<div class="mt-5 grid xl:grid-cols-2 grid-cols-1"><!--[-->`);
        ssrRenderList(__props.item.main_features, (listItem, index) => {
          _push(`<ul><li style="${ssrRenderStyle(`background-image: url(${listItem.icon})`)}" class="${ssrRenderClass([_ctx.$i18n.locale == "en" ? "bg-left" : "bg-right", "leading-8 text-[#737195] list-none bg-[length:20px] bg-no-repeat ps-[30px]"])}">${ssrInterpolate(listItem.title)}</li></ul>`);
        });
        _push(`<!--]--></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div><div class="projects-swiper lg:col-span-3"><div class="projectsSwiper">`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        autoplay: 5e3,
        "items-to-show": 1,
        "wrap-around": true,
        transition: 2e3,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.feature_images, (image, index) => {
              _push2(ssrRenderComponent(_component_slide, { key: index }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`<div class="max-w-[300px] mx-1"${_scopeId2}>`);
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      src: image.media,
                      alt: __props.item.title,
                      loading: "lazy",
                      class: "relative w-full h-auto rounded-2xl m-auto",
                      width: "270",
                      height: "540"
                    }, null, _parent3, _scopeId2));
                    _push3(`</div>`);
                  } else {
                    return [
                      createVNode("div", { class: "max-w-[300px] mx-1" }, [
                        createVNode(_component_nuxt_img, {
                          src: image.media,
                          alt: __props.item.title,
                          loading: "lazy",
                          class: "relative w-full h-auto rounded-2xl m-auto",
                          width: "270",
                          height: "540"
                        }, null, 8, ["src", "alt"])
                      ])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.feature_images, (image, index) => {
                return openBlock(), createBlock(_component_slide, { key: index }, {
                  default: withCtx(() => [
                    createVNode("div", { class: "max-w-[300px] mx-1" }, [
                      createVNode(_component_nuxt_img, {
                        src: image.media,
                        alt: __props.item.title,
                        loading: "lazy",
                        class: "relative w-full h-auto rounded-2xl m-auto",
                        width: "270",
                        height: "540"
                      }, null, 8, ["src", "alt"])
                    ])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div></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/portfolio/PortfolioProjects.vue");
  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
const _sfc_main$6 = {
  __name: "PortfolioFacts",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-[url('@/assets/media/bg/bg.webp')] bg-cover" }, _attrs))}><div class="container py-11"><h2 class="mb-12 text-3xl lg:text-4xl font-bold capitalize">${ssrInterpolate(_ctx.$t("TITLES.facts"))} <span class="text-[#339989] block">${ssrInterpolate(__props.item.name)}</span></h2><div class="grid lg:grid-cols-4 md:grid-cols-2 gap-3"><div class="text-center leading-10 mb-5"><h3 class="font-bold text-3xl">${ssrInterpolate(__props.item.founded_in)}</h3><p class="text-[#737195]">${ssrInterpolate(_ctx.$t("TITLES.foundedIn"))}</p></div><div class="text-center leading-10 mb-5"><h3 class="font-bold text-3xl">${ssrInterpolate(__props.item.location)}</h3><p class="text-[#737195]">${ssrInterpolate(_ctx.$t("TITLES.location"))}</p></div><div class="text-center leading-10 mb-5"><h3 class="font-bold text-3xl">${ssrInterpolate(__props.item.downloads)}</h3><p class="text-[#737195]">${ssrInterpolate(_ctx.$t("TITLES.downloads"))}</p></div><div class="text-center leading-10 mb-5"><h3 class="font-bold text-3xl">${ssrInterpolate(__props.item.ratings)}</h3><p class="text-[#737195]">${ssrInterpolate(_ctx.$t("TITLES.ratings"))}</p></div></div></div></div>`);
    };
  }
};
const _sfc_setup$6 = _sfc_main$6.setup;
_sfc_main$6.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/portfolio/PortfolioFacts.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const _sfc_main$5 = {
  __name: "PortfolioScreens",
  __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: "container" }, _attrs))}><h2 class="mb-11 text-3xl lg:text-4xl font-bold capitalize">${ssrInterpolate(_ctx.$t("TITLES.splash"))}</h2><div class="grid lg:grid-cols-2">`);
      if (__props.item.first_splashes) {
        _push(`<div class="first_section"><!--[-->`);
        ssrRenderList(__props.item.first_splashes, (content) => {
          _push(ssrRenderComponent(_component_nuxt_img, {
            key: content.id,
            alt: "app image",
            src: content.media,
            class: "max-w-[300px] h-auto",
            width: "",
            height: "",
            format: "webp"
          }, null, _parent));
        });
        _push(`<!--]--></div>`);
      } else {
        _push(`<!---->`);
      }
      if (__props.item.second_splashes) {
        _push(`<div class="first_section"><!--[-->`);
        ssrRenderList(__props.item.second_splashes, (content) => {
          _push(ssrRenderComponent(_component_nuxt_img, {
            key: content.id,
            alt: "app image",
            src: content.media,
            class: "max-w-[300px] h-auto",
            width: "",
            height: "",
            format: "webp"
          }, null, _parent));
        });
        _push(`<!--]--></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div>`);
    };
  }
};
const _sfc_setup$5 = _sfc_main$5.setup;
_sfc_main$5.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/portfolio/PortfolioScreens.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const _sfc_main$4 = {
  __name: "PortfolioWhatWeDid",
  __ssrInlineRender: true,
  props: {
    item: {
      required: false
    }
  },
  setup(__props) {
    const breakpoints = {
      500: {
        itemsToShow: 2
      },
      1200: {
        itemsToShow: 4
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-[url('@/assets/media/bg/bg.webp')] bg-cover relative" }, _attrs))}><div class="container pt-12"><h2 class="text-3xl lg:text-4xl font-bold capitalize mb-2">${ssrInterpolate(_ctx.$t("TITLES.whatWeDid"))}</h2><p class="text-[#737195] max-w-[750px] mb-7">${ssrInterpolate(__props.item.project_done_description)}</p>`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        "items-to-show": 1,
        transition: 300,
        "snap-align": "center",
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.project_done_images, (image, index) => {
              _push2(ssrRenderComponent(_component_slide, {
                key: image.id
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`<div class="mx-1"${_scopeId2}>`);
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      format: "webp",
                      alt: __props.item.name,
                      src: image.media,
                      "data-aos": "flip-right",
                      class: "w-[273.26px] h-[551.25px] m-auto",
                      "data-aos-easing": "ease-out-cubic",
                      "data-aos-delay": "500",
                      "data-aos-duration": index * 500 + 1500
                    }, null, _parent3, _scopeId2));
                    _push3(`</div>`);
                  } else {
                    return [
                      createVNode("div", { class: "mx-1" }, [
                        createVNode(_component_nuxt_img, {
                          format: "webp",
                          alt: __props.item.name,
                          src: image.media,
                          "data-aos": "flip-right",
                          class: "w-[273.26px] h-[551.25px] m-auto",
                          "data-aos-easing": "ease-out-cubic",
                          "data-aos-delay": "500",
                          "data-aos-duration": index * 500 + 1500
                        }, null, 8, ["alt", "src", "data-aos-duration"])
                      ])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.project_done_images, (image, index) => {
                return openBlock(), createBlock(_component_slide, {
                  key: image.id
                }, {
                  default: withCtx(() => [
                    createVNode("div", { class: "mx-1" }, [
                      createVNode(_component_nuxt_img, {
                        format: "webp",
                        alt: __props.item.name,
                        src: image.media,
                        "data-aos": "flip-right",
                        class: "w-[273.26px] h-[551.25px] m-auto",
                        "data-aos-easing": "ease-out-cubic",
                        "data-aos-delay": "500",
                        "data-aos-duration": index * 500 + 1500
                      }, null, 8, ["alt", "src", "data-aos-duration"])
                    ])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</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/portfolio/PortfolioWhatWeDid.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const _sfc_main$3 = {
  __name: "PortfolioWhyApp",
  __ssrInlineRender: true,
  props: {
    item: {
      required: true
    }
  },
  setup(__props) {
    const breakpoints = {
      768: {
        itemsToShow: 2
      },
      992: {
        itemsToShow: 3
      },
      1200: {
        itemsToShow: 4
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container" }, _attrs))}><div class="grid lg:grid-cols-2 grid-cols-1 gap-8">`);
      if (__props.item.project_provide_title) {
        _push(`<h2 class="text-3xl lg:text-4xl font-bold capitalize">${ssrInterpolate(__props.item.project_provide_title)}</h2>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class=""><p class="text-[#737195]">${ssrInterpolate(__props.item.project_provide_description)}</p>`);
      if (__props.item.project_provide_features) {
        _push(`<div class="mt-5 grid lg:grid-cols-2 grid-cols-1"><!--[-->`);
        ssrRenderList(__props.item.project_provide_features, (listItem, index) => {
          _push(`<ul><li style="${ssrRenderStyle(`background-image: url(${listItem.icon})`)}" class="${ssrRenderClass([_ctx.$i18n.locale == "en" ? "bg-left" : "bg-right", "leading-8 text-[#737195] list-none bg-[length:20px] bg-no-repeat ps-[30px]"])}">${ssrInterpolate(listItem.title)}</li></ul>`);
        });
        _push(`<!--]--></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></div><div class="whyApp my-11">`);
      _push(ssrRenderComponent(_component_carousel, {
        breakpoints,
        "items-to-show": 1,
        transition: 1200,
        autoplay: 3e3,
        "snap-align": "center",
        "wrap-around": true,
        "pause-autoplay-on-hover": true,
        dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<!--[-->`);
            ssrRenderList(__props.item.project_provide_images, (image, index) => {
              _push2(ssrRenderComponent(_component_slide, { key: index }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`<div class="mx-1"${_scopeId2}>`);
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      src: image.media,
                      alt: __props.item.title,
                      loading: "lazy",
                      width: "300",
                      height: "500",
                      class: "relative object-contain rounded-2xl"
                    }, null, _parent3, _scopeId2));
                    _push3(`</div>`);
                  } else {
                    return [
                      createVNode("div", { class: "mx-1" }, [
                        createVNode(_component_nuxt_img, {
                          src: image.media,
                          alt: __props.item.title,
                          loading: "lazy",
                          width: "300",
                          height: "500",
                          class: "relative object-contain rounded-2xl"
                        }, null, 8, ["src", "alt"])
                      ])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.project_provide_images, (image, index) => {
                return openBlock(), createBlock(_component_slide, { key: index }, {
                  default: withCtx(() => [
                    createVNode("div", { class: "mx-1" }, [
                      createVNode(_component_nuxt_img, {
                        src: image.media,
                        alt: __props.item.title,
                        loading: "lazy",
                        width: "300",
                        height: "500",
                        class: "relative object-contain rounded-2xl"
                      }, 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/portfolio/PortfolioWhyApp.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const _sfc_main$2 = {
  __name: "PortfolioTechnologies",
  __ssrInlineRender: true,
  props: {
    item: {
      required: false
    }
  },
  setup(__props) {
    const breakpoints = {
      500: {
        itemsToShow: 3
      },
      1200: {
        itemsToShow: 5
      }
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container" }, _attrs))}><h2 class="text-3xl lg:text-4xl font-bold capitalize leading-[2.8rem] lg:leading-[3.7rem]">${ssrInterpolate(_ctx.$t("TITLES.tools"))}</h2><p class="max-w-[500px] text-md mb-5 mt-2">${ssrInterpolate(_ctx.$t("TITLES.tecnologesDesc"))}</p>`);
      _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,
                class: "border-r border-[#d1e8e4]"
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`<div class="py-5 space-y-3 flex flex-col justify-center bg-white"${_scopeId2}>`);
                    _push3(ssrRenderComponent(_component_nuxt_img, {
                      class: "items-center p-2 px-3 m-auto w-[80px] h-[80px]",
                      src: content.image,
                      width: "80",
                      height: "80",
                      alt: content.alt_image
                    }, null, _parent3, _scopeId2));
                    _push3(`<h2 class="font-bold text-black text-lg text-center"${_scopeId2}>${ssrInterpolate(content.title)}</h2></div>`);
                  } else {
                    return [
                      createVNode("div", { class: "py-5 space-y-3 flex flex-col justify-center bg-white" }, [
                        createVNode(_component_nuxt_img, {
                          class: "items-center p-2 px-3 m-auto w-[80px] h-[80px]",
                          src: content.image,
                          width: "80",
                          height: "80",
                          alt: content.alt_image
                        }, null, 8, ["src", "alt"]),
                        createVNode("h2", { class: "font-bold text-black text-lg text-center" }, toDisplayString(content.title), 1)
                      ])
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]-->`);
          } else {
            return [
              (openBlock(true), createBlock(Fragment, null, renderList(__props.item.tools, (content, index) => {
                return openBlock(), createBlock(_component_slide, {
                  key: index,
                  class: "border-r border-[#d1e8e4]"
                }, {
                  default: withCtx(() => [
                    createVNode("div", { class: "py-5 space-y-3 flex flex-col justify-center bg-white" }, [
                      createVNode(_component_nuxt_img, {
                        class: "items-center p-2 px-3 m-auto w-[80px] h-[80px]",
                        src: content.image,
                        width: "80",
                        height: "80",
                        alt: content.alt_image
                      }, null, 8, ["src", "alt"]),
                      createVNode("h2", { class: "font-bold text-black text-lg text-center" }, toDisplayString(content.title), 1)
                    ])
                  ]),
                  _: 2
                }, 1024);
              }), 128))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div>`);
    };
  }
};
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/portfolio/PortfolioTechnologies.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = {
  __name: "PortfolioAd",
  __ssrInlineRender: true,
  props: {
    item: {
      required: false
    }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_general_call_to_action = _sfc_main$b;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container rounded-2xl bg-[url('@/assets/media/bg/bg.webp')] bg-cover bg-no-repeat py-7 mb-20" }, _attrs))}><div class="${ssrRenderClass([_ctx.$i18n.locale == "en" ? "bg-right" : "bg-left", "container grid grid-cols-3 bg-[url('@/assets/media/bg/backgroundBall.webp')] bg-no-repeat bg-right bg-contain py-[90px]"])}"><div class="xl:col-span-2 lg:col-span-2 md:col-span-2 col-span-3 m-auto"><h2 class="text-4xl leading-[2.2rem] lg:text-5xl font-bold mb-3 lg:leading-[3.5rem] text-text">${ssrInterpolate(_ctx.$t("TITLES.pannarTitlePortfolio"))}</h2><div class="flex mt-8">`);
      _push(ssrRenderComponent(_component_general_call_to_action, {
        text: _ctx.$t("BUTTONS.getStart"),
        classes: "base-btn ",
        icon: `${_ctx.$i18n.locale == "en" ? "fa-solid fa-chevron-right" : "fa-solid fa-chevron-left"} text-xs`
      }, null, _parent));
      _push(`</div></div></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/portfolio/PortfolioAd.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = {
  __name: "[slug]",
  __ssrInlineRender: true,
  async setup(__props) {
    let __temp, __restore;
    const route = useRoute();
    const config = useRuntimeConfig();
    const router = useRouter();
    const localePath = useLocalePath();
    const { locale } = useI18n();
    const axios = useNuxtApp().$axios;
    const { data: pageData, error, pending } = ([__temp, __restore] = withAsyncContext(() => useLazyAsyncData(
      `project`,
      () => axios.get(`project/${encodeURI(route.params.slug)}`, {
        baseURL: config.public.baseURL,
        headers: {
          "Accept-Language": locale.value
        }
      }).then((res) => res.data.data).catch((err) => err)
    )), __temp = await __temp, __restore(), __temp);
    watch(
      () => pageData.value,
      (newVal, old) => {
        if (old && old.id == newVal.id) {
          if (route.params.slug != newVal.slug) {
            router.push(localePath(`/portfolio/${pageData.value.slug}`));
          }
        }
      },
      {
        immediate: true,
        deep: true
      }
    );
    return (_ctx, _push, _parent, _attrs) => {
      const _component_MainLoader = __nuxt_component_49;
      const _component_NotFound = _sfc_main$3$1;
      const _component_meta_tags = _sfc_main$a;
      const _component_portfolio_main_header = _sfc_main$8;
      const _component_portfolio_projects = _sfc_main$7;
      const _component_portfolio_facts = _sfc_main$6;
      const _component_portfolio_screens = _sfc_main$5;
      const _component_portfolio_what_we_did = _sfc_main$4;
      const _component_portfolio_why_app = _sfc_main$3;
      const _component_portfolio_technologies = _sfc_main$2;
      const _component_portfolio_ad = _sfc_main$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "space-y-11 lg:space-y-20" }, _attrs))}>`);
      if (unref(pending)) {
        _push(ssrRenderComponent(_component_MainLoader, null, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(error)) {
        _push(ssrRenderComponent(_component_NotFound, null, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(pageData)) {
        _push(`<!--[-->`);
        if (unref(pageData).metas) {
          _push(ssrRenderComponent(_component_meta_tags, {
            metas: unref(pageData).metas
          }, null, _parent));
        } else {
          _push(`<!---->`);
        }
        _push(ssrRenderComponent(_component_portfolio_main_header, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_projects, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_facts, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_screens, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_what_we_did, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_why_app, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_technologies, { item: unref(pageData) }, null, _parent));
        _push(ssrRenderComponent(_component_portfolio_ad, null, null, _parent));
        _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/portfolio/[slug].vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=_slug_-DUzMJkJe.mjs.map
