import { d as useI18n, k as useRoute, f as __nuxt_component_0$1, a as _export_sfc, D as __nuxt_component_1 } from "../server.mjs";
import { defineComponent, unref, mergeProps, withCtx, renderSlot, useSSRContext, createVNode, ref, createTextVNode, toDisplayString, createBlock, openBlock, Fragment, renderList, computed } from "vue";
import { ssrRenderComponent, ssrRenderSlot, ssrRenderAttrs, ssrRenderList, ssrRenderClass, ssrInterpolate } from "vue/server-renderer";
import { useForwardPropsEmits, DropdownMenuRoot, DropdownMenuPortal, DropdownMenuContent, useForwardProps, DropdownMenuItem, DropdownMenuTrigger } from "reka-ui";
import { c as cn } from "./utils-H80jjgLf.js";
import { r as reactiveOmit } from "./index-B_IDLhd1.js";
import _sfc_main$c from "./ColorModeSelector-C4TWII1Y.js";
import _sfc_main$d from "./LanguageSwitcher-hWE4P39-.js";
import { _ as _sfc_main$e } from "./index-m9AqQ9dr.js";
import { a as useMobileMenuState } from "./states-DsTfWW88.js";
import { d as useWindowScroll } from "./index-Cce4iXMN.js";
const _sfc_main$b = /* @__PURE__ */ defineComponent({
  __name: "DropdownMenu",
  __ssrInlineRender: true,
  props: {
    defaultOpen: { type: Boolean },
    open: { type: Boolean },
    dir: {},
    modal: { type: Boolean }
  },
  emits: ["update:open"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emits = __emit;
    const forwarded = useForwardPropsEmits(props, emits);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(DropdownMenuRoot), mergeProps({ "data-slot": "dropdown-menu" }, unref(forwarded), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
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/ui/dropdown-menu/DropdownMenu.vue");
  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
};
const _sfc_main$a = /* @__PURE__ */ defineComponent({
  __name: "DropdownMenuContent",
  __ssrInlineRender: true,
  props: {
    forceMount: { type: Boolean },
    loop: { type: Boolean },
    side: {},
    sideOffset: { default: 4 },
    sideFlip: { type: Boolean },
    align: {},
    alignOffset: {},
    alignFlip: { type: Boolean },
    avoidCollisions: { type: Boolean },
    collisionBoundary: {},
    collisionPadding: {},
    arrowPadding: {},
    sticky: {},
    hideWhenDetached: { type: Boolean },
    positionStrategy: {},
    updatePositionStrategy: {},
    disableUpdateOnLayoutShift: { type: Boolean },
    prioritizePosition: { type: Boolean },
    reference: {},
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emits = __emit;
    const delegatedProps = reactiveOmit(props, "class");
    const forwarded = useForwardPropsEmits(delegatedProps, emits);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(DropdownMenuPortal), _attrs, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(unref(DropdownMenuContent), mergeProps({ "data-slot": "dropdown-menu-content" }, unref(forwarded), {
              class: unref(cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", props.class)
            }), {
              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push3, _parent3, _scopeId2);
                } else {
                  return [
                    renderSlot(_ctx.$slots, "default")
                  ];
                }
              }),
              _: 3
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(unref(DropdownMenuContent), mergeProps({ "data-slot": "dropdown-menu-content" }, unref(forwarded), {
                class: unref(cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", props.class)
              }), {
                default: withCtx(() => [
                  renderSlot(_ctx.$slots, "default")
                ]),
                _: 3
              }, 16, ["class"])
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
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/ui/dropdown-menu/DropdownMenuContent.vue");
  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
};
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
  __name: "DropdownMenuItem",
  __ssrInlineRender: true,
  props: {
    disabled: { type: Boolean },
    textValue: {},
    asChild: { type: Boolean },
    as: {},
    class: {},
    inset: { type: Boolean },
    variant: { default: "default" }
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "inset", "variant", "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(DropdownMenuItem), mergeProps({
        "data-slot": "dropdown-menu-item",
        "data-inset": _ctx.inset ? "" : void 0,
        "data-variant": _ctx.variant
      }, unref(forwardedProps), {
        class: unref(cn)(
          `focus:bg-accent focus:text-primary data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
          props.class
        )
      }, _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
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/ui/dropdown-menu/DropdownMenuItem.vue");
  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
  __name: "DropdownMenuTrigger",
  __ssrInlineRender: true,
  props: {
    disabled: { type: Boolean },
    asChild: { type: Boolean },
    as: {}
  },
  setup(__props) {
    const props = __props;
    const forwardedProps = useForwardProps(props);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(DropdownMenuTrigger), mergeProps({ "data-slot": "dropdown-menu-trigger" }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
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/ui/dropdown-menu/DropdownMenuTrigger.vue");
  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
  __name: "ChevronDownIcon",
  __ssrInlineRender: true,
  props: {
    isOpen: { type: Boolean, default: false }
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<svg${ssrRenderAttrs(mergeProps({
        width: "16",
        height: "16",
        viewBox: "0 0 16 16",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg",
        class: ["transition-transform duration-200", { "rotate-180": _ctx.isOpen }]
      }, _attrs))}><path d="M13 5.5L8 10.5L3 5.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
    };
  }
});
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/svg/ChevronDownIcon.vue");
  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
  __name: "Navigation",
  __ssrInlineRender: true,
  setup(__props) {
    const { locale, t } = useI18n();
    const route = useRoute();
    const dropdownStates = ref({});
    const toggleDropdown = (itemLabel, isOpen) => {
      dropdownStates.value[itemLabel] = isOpen;
    };
    const navigationItems = [
      {
        to: "/",
        label: "navigationItems.services",
        hasDropdown: true,
        dropdownItems: [
          {
            to: "/services/web-applications",
            label: "navigationItems.webApplications"
          },
          {
            to: "/services/mobile-applications",
            label: "navigationItems.mobileApplications"
          }
          // { to: "/service/digital-marketing", label: "navigationItems.digitalMarketing" },
        ]
      },
      {
        to: "/our-projects",
        label: "navigationItems.ourProjects",
        hasDropdown: false
      },
      { to: "/about", label: "navigationItems.about", hasDropdown: false }
    ];
    function isDropdownActive(item) {
      var _a;
      return (_a = item.dropdownItems) == null ? void 0 : _a.some(
        (dropdownItem) => route.path.startsWith(dropdownItem.to)
      );
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_DropdownMenu = _sfc_main$b;
      const _component_DropdownMenuTrigger = _sfc_main$8;
      const _component_SvgChevronDownIcon = _sfc_main$7;
      const _component_DropdownMenuContent = _sfc_main$a;
      const _component_NuxtLinkLocale = __nuxt_component_0$1;
      const _component_DropdownMenuItem = _sfc_main$9;
      _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="flex items-center gap-10"><!--[-->`);
      ssrRenderList(navigationItems, (item) => {
        _push(`<li>`);
        if (item.hasDropdown) {
          _push(ssrRenderComponent(_component_DropdownMenu, {
            dir: unref(locale) === "ar" ? "rtl" : "ltr",
            "onUpdate:open": (open) => toggleDropdown(item.label, open)
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(ssrRenderComponent(_component_DropdownMenuTrigger, { class: "text-primary group transition-opacity hover:opacity-80" }, {
                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                    if (_push3) {
                      _push3(`<span class="${ssrRenderClass([{
                        "opacity-100": isDropdownActive(item),
                        "opacity-50": !isDropdownActive(item)
                      }, "flex items-center gap-1 transition-opacity"])}"${_scopeId2}>${ssrInterpolate(unref(t)(item.label))} `);
                      _push3(ssrRenderComponent(_component_SvgChevronDownIcon, {
                        "is-open": unref(dropdownStates)[item.label] || false
                      }, null, _parent3, _scopeId2));
                      _push3(`</span>`);
                    } else {
                      return [
                        createVNode("span", {
                          class: ["flex items-center gap-1 transition-opacity", {
                            "opacity-100": isDropdownActive(item),
                            "opacity-50": !isDropdownActive(item)
                          }]
                        }, [
                          createTextVNode(toDisplayString(unref(t)(item.label)) + " ", 1),
                          createVNode(_component_SvgChevronDownIcon, {
                            "is-open": unref(dropdownStates)[item.label] || false
                          }, null, 8, ["is-open"])
                        ], 2)
                      ];
                    }
                  }),
                  _: 2
                }, _parent2, _scopeId));
                _push2(ssrRenderComponent(_component_DropdownMenuContent, {
                  align: "center",
                  class: "min-w-[200px]"
                }, {
                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                    if (_push3) {
                      _push3(`<!--[-->`);
                      ssrRenderList(item.dropdownItems, (dropdownItem) => {
                        _push3(ssrRenderComponent(_component_NuxtLinkLocale, {
                          key: dropdownItem.to,
                          to: dropdownItem.to,
                          class: "group w-full cursor-pointer"
                        }, {
                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
                            if (_push4) {
                              _push4(ssrRenderComponent(_component_DropdownMenuItem, {
                                class: "group-[.router-link-active]:bg-accent opacity-50 transition-opacity group-[.router-link-active]:opacity-100 focus:opacity-100 group-[:not(.router-link-active)]:focus:bg-transparent",
                                "as-child": ""
                              }, {
                                default: withCtx((_4, _push5, _parent5, _scopeId4) => {
                                  if (_push5) {
                                    _push5(`<span${_scopeId4}>${ssrInterpolate(unref(t)(dropdownItem.label))}</span>`);
                                  } else {
                                    return [
                                      createVNode("span", null, toDisplayString(unref(t)(dropdownItem.label)), 1)
                                    ];
                                  }
                                }),
                                _: 2
                              }, _parent4, _scopeId3));
                            } else {
                              return [
                                createVNode(_component_DropdownMenuItem, {
                                  class: "group-[.router-link-active]:bg-accent opacity-50 transition-opacity group-[.router-link-active]:opacity-100 focus:opacity-100 group-[:not(.router-link-active)]:focus:bg-transparent",
                                  "as-child": ""
                                }, {
                                  default: withCtx(() => [
                                    createVNode("span", null, toDisplayString(unref(t)(dropdownItem.label)), 1)
                                  ]),
                                  _: 2
                                }, 1024)
                              ];
                            }
                          }),
                          _: 2
                        }, _parent3, _scopeId2));
                      });
                      _push3(`<!--]-->`);
                    } else {
                      return [
                        (openBlock(true), createBlock(Fragment, null, renderList(item.dropdownItems, (dropdownItem) => {
                          return openBlock(), createBlock(_component_NuxtLinkLocale, {
                            key: dropdownItem.to,
                            to: dropdownItem.to,
                            class: "group w-full cursor-pointer"
                          }, {
                            default: withCtx(() => [
                              createVNode(_component_DropdownMenuItem, {
                                class: "group-[.router-link-active]:bg-accent opacity-50 transition-opacity group-[.router-link-active]:opacity-100 focus:opacity-100 group-[:not(.router-link-active)]:focus:bg-transparent",
                                "as-child": ""
                              }, {
                                default: withCtx(() => [
                                  createVNode("span", null, toDisplayString(unref(t)(dropdownItem.label)), 1)
                                ]),
                                _: 2
                              }, 1024)
                            ]),
                            _: 2
                          }, 1032, ["to"]);
                        }), 128))
                      ];
                    }
                  }),
                  _: 2
                }, _parent2, _scopeId));
              } else {
                return [
                  createVNode(_component_DropdownMenuTrigger, { class: "text-primary group transition-opacity hover:opacity-80" }, {
                    default: withCtx(() => [
                      createVNode("span", {
                        class: ["flex items-center gap-1 transition-opacity", {
                          "opacity-100": isDropdownActive(item),
                          "opacity-50": !isDropdownActive(item)
                        }]
                      }, [
                        createTextVNode(toDisplayString(unref(t)(item.label)) + " ", 1),
                        createVNode(_component_SvgChevronDownIcon, {
                          "is-open": unref(dropdownStates)[item.label] || false
                        }, null, 8, ["is-open"])
                      ], 2)
                    ]),
                    _: 2
                  }, 1024),
                  createVNode(_component_DropdownMenuContent, {
                    align: "center",
                    class: "min-w-[200px]"
                  }, {
                    default: withCtx(() => [
                      (openBlock(true), createBlock(Fragment, null, renderList(item.dropdownItems, (dropdownItem) => {
                        return openBlock(), createBlock(_component_NuxtLinkLocale, {
                          key: dropdownItem.to,
                          to: dropdownItem.to,
                          class: "group w-full cursor-pointer"
                        }, {
                          default: withCtx(() => [
                            createVNode(_component_DropdownMenuItem, {
                              class: "group-[.router-link-active]:bg-accent opacity-50 transition-opacity group-[.router-link-active]:opacity-100 focus:opacity-100 group-[:not(.router-link-active)]:focus:bg-transparent",
                              "as-child": ""
                            }, {
                              default: withCtx(() => [
                                createVNode("span", null, toDisplayString(unref(t)(dropdownItem.label)), 1)
                              ]),
                              _: 2
                            }, 1024)
                          ]),
                          _: 2
                        }, 1032, ["to"]);
                      }), 128))
                    ]),
                    _: 2
                  }, 1024)
                ];
              }
            }),
            _: 2
          }, _parent));
        } else {
          _push(ssrRenderComponent(_component_NuxtLinkLocale, {
            to: item.to,
            class: "text-primary group transition-opacity hover:opacity-80"
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(`<span class="opacity-50 group-[.router-link-active]:opacity-100"${_scopeId}>${ssrInterpolate(unref(t)(item.label))}</span>`);
              } else {
                return [
                  createVNode("span", { class: "opacity-50 group-[.router-link-active]:opacity-100" }, toDisplayString(unref(t)(item.label)), 1)
                ];
              }
            }),
            _: 2
          }, _parent));
        }
        _push(`</li>`);
      });
      _push(`<!--]--></ul></nav>`);
    };
  }
});
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/layout/Navigation.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const _sfc_main$5 = {};
function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "48",
    height: "48",
    viewBox: "0 0 48 48",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><path fill-rule="evenodd" clip-rule="evenodd" d="M9 24C9 23.2044 9.31607 22.4413 9.87868 21.8787C10.4413 21.3161 11.2044 21 12 21C12.7956 21 13.5587 21.3161 14.1213 21.8787C14.6839 22.4413 15 23.2044 15 24C15 24.7956 14.6839 25.5587 14.1213 26.1213C13.5587 26.6839 12.7956 27 12 27C11.2044 27 10.4413 26.6839 9.87868 26.1213C9.31607 25.5587 9 24.7956 9 24ZM21 24C21 23.2044 21.3161 22.4413 21.8787 21.8787C22.4413 21.3161 23.2044 21 24 21C24.7956 21 25.5587 21.3161 26.1213 21.8787C26.6839 22.4413 27 23.2044 27 24C27 24.7956 26.6839 25.5587 26.1213 26.1213C25.5587 26.6839 24.7956 27 24 27C23.2044 27 22.4413 26.6839 21.8787 26.1213C21.3161 25.5587 21 24.7956 21 24ZM33 24C33 23.2044 33.3161 22.4413 33.8787 21.8787C34.4413 21.3161 35.2044 21 36 21C36.7956 21 37.5587 21.3161 38.1213 21.8787C38.6839 22.4413 39 23.2044 39 24C39 24.7956 38.6839 25.5587 38.1213 26.1213C37.5587 26.6839 36.7956 27 36 27C35.2044 27 34.4413 26.6839 33.8787 26.1213C33.3161 25.5587 33 24.7956 33 24Z" fill="currentColor"></path></svg>`);
}
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/svg/MenuIcon.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const __nuxt_component_5$1 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$3]]);
const _sfc_main$4 = {};
function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "3",
    height: "100%",
    viewBox: "0 0 3 1024",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg",
    preserveAspectRatio: "none"
  }, _attrs))}><g opacity="0.06" clip-path="url(#clip0_1347_18291)"><rect x="3" width="73.1429" height="2.99996" transform="rotate(90 3 0)" fill="#1CD2E2"></rect><rect x="3" y="512" width="73.1429" height="2.99996" transform="rotate(90 3 512)" fill="#FE964A"></rect><rect x="3" y="73.1426" width="73.1429" height="2.99996" transform="rotate(90 3 73.1426)" fill="#1CD2E2"></rect><rect x="3" y="585.143" width="73.1429" height="2.99996" transform="rotate(90 3 585.143)" fill="#FFE57F"></rect><rect x="3" y="146.286" width="73.1429" height="2.99996" transform="rotate(90 3 146.286)" fill="#887EF9"></rect><rect x="3" y="658.286" width="73.1429" height="2.99996" transform="rotate(90 3 658.286)" fill="#FFE57F"></rect><rect x="3" y="219.429" width="73.1429" height="2.99996" transform="rotate(90 3 219.429)" fill="#887EF9"></rect><rect x="3" y="731.429" width="73.1429" height="2.99996" transform="rotate(90 3 731.429)" fill="#FF9889"></rect><rect x="3" y="292.571" width="73.1429" height="2.99996" transform="rotate(90 3 292.571)" fill="#C2FFAB"></rect><rect x="3" y="804.571" width="73.1429" height="2.99996" transform="rotate(90 3 804.571)" fill="#FF9889"></rect><rect x="3" y="365.714" width="73.1429" height="2.99996" transform="rotate(90 3 365.714)" fill="#C2FFAB"></rect><rect x="3" y="877.715" width="73.1429" height="2.99996" transform="rotate(90 3 877.715)" fill="#ABFFD4"></rect><rect x="3" y="438.857" width="73.1429" height="2.99996" transform="rotate(90 3 438.857)" fill="#FE964A"></rect><rect x="3" y="950.857" width="73.1429" height="2.99996" transform="rotate(90 3 950.857)" fill="#ABFFD4"></rect></g><defs><clipPath id="clip0_1347_18291"><rect width="1024" height="2.99996" fill="white" transform="translate(3) rotate(90)"></rect></clipPath></defs></svg>`);
}
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/svg/VerticalSeparator.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$2]]);
const _sfc_main$3 = {};
function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><path d="M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`);
}
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/svg/CloseIcon.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const __nuxt_component_4 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$1]]);
const _sfc_main$2 = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "100%",
    height: "3",
    viewBox: "0 0 1234 3",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg",
    preserveAspectRatio: "none"
  }, _attrs))}><g opacity="0.06"><rect width="88.1429" height="3" fill="#1CD2E2"></rect><rect x="617" width="88.1429" height="3" fill="#FE964A"></rect><rect x="88.1426" width="88.1429" height="3" fill="#1CD2E2"></rect><rect x="705.143" width="88.1429" height="3" fill="#FFE57F"></rect><rect x="176.286" width="88.1429" height="3" fill="#887EF9"></rect><rect x="793.286" width="88.1429" height="3" fill="#FFE57F"></rect><rect x="264.429" width="88.1429" height="3" fill="#887EF9"></rect><rect x="881.429" width="88.1429" height="3" fill="#FF9889"></rect><rect x="352.571" width="88.1429" height="3" fill="#C2FFAB"></rect><rect x="969.571" width="88.1429" height="3" fill="#FF9889"></rect><rect x="440.714" width="88.1429" height="3" fill="#C2FFAB"></rect><rect x="1057.71" width="88.1429" height="3" fill="#ABFFD4"></rect><rect x="528.857" width="88.1429" height="3" fill="#FE964A"></rect><rect x="1146" width="86" height="3" fill="#ABFFD4"></rect></g></svg>`);
}
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/svg/HorizontalSeparator.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const __nuxt_component_5 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender]]);
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "MobileMenu",
  __ssrInlineRender: true,
  setup(__props) {
    const { t } = useI18n();
    const mobileMenuOpen = useMobileMenuState();
    const closeMenu = () => {
      mobileMenuOpen.value = false;
    };
    const navigationLinks = [
      { to: "/", label: "home" },
      { to: "/our-projects", label: "navigationItems.ourProjects" },
      { to: "/testimonials", label: "testimonials" },
      // { to: "/blogs", label: "blogs" },
      { to: "/about", label: "about" },
      { to: "/join-us", label: "joinus" },
      { to: "/contact", label: "contact" }
    ];
    const serviceItems = [
      {
        to: "/services/web-applications",
        label: "navigationItems.webApplications"
      },
      {
        to: "/services/mobile-applications",
        label: "navigationItems.mobileApplications"
      }
      // { to: "/services/digital-marketing", label: "navigationItems.digitalMarketing" },
    ];
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SvgVerticalSeparator = __nuxt_component_0;
      const _component_SvgWebstdyLogo = __nuxt_component_1;
      const _component_ColorModeSelector = _sfc_main$c;
      const _component_LanguageSwitcher = _sfc_main$d;
      const _component_SvgCloseIcon = __nuxt_component_4;
      const _component_SvgHorizontalSeparator = __nuxt_component_5;
      const _component_NuxtLinkLocale = __nuxt_component_0$1;
      const _component_Button = _sfc_main$e;
      if (unref(mobileMenuOpen)) {
        _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-gradient-odd fixed inset-0 z-50 min-h-screen" }, _attrs))}><div class="relative container mx-auto flex min-h-screen w-full flex-col px-4"><div class="absolute start-1/2 top-0 hidden h-full -translate-x-1/2 md:block">`);
        _push(ssrRenderComponent(_component_SvgVerticalSeparator, null, null, _parent));
        _push(`</div><div class="flex items-center justify-between py-4">`);
        _push(ssrRenderComponent(_component_SvgWebstdyLogo, { class: "h-8 w-auto" }, null, _parent));
        _push(`<div class="flex items-center gap-4"><div class="flex items-center gap-4 sm:hidden">`);
        _push(ssrRenderComponent(_component_ColorModeSelector, null, null, _parent));
        _push(ssrRenderComponent(_component_LanguageSwitcher, null, null, _parent));
        _push(`</div><button class="cursor-pointer" aria-label="close icon">`);
        _push(ssrRenderComponent(_component_SvgCloseIcon, null, null, _parent));
        _push(`</button></div></div>`);
        _push(ssrRenderComponent(_component_SvgHorizontalSeparator, null, null, _parent));
        _push(`<div class="ws-scrollbar max-h-[calc(100vh-8rem)] flex-grow overflow-y-auto md:flex md:justify-between"><div class="ws-scrollbar flex flex-col overflow-y-auto py-4 md:w-1/2"><div class="flex flex-col gap-2"><!--[-->`);
        ssrRenderList(navigationLinks, (navLink) => {
          _push(ssrRenderComponent(_component_NuxtLinkLocale, {
            class: "group",
            to: navLink.to,
            onClick: closeMenu
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(`<span class="text-[24px] font-bold opacity-25 group-[.router-link-active]:opacity-100 md:text-[48px] xl:text-[48px]"${_scopeId}>${ssrInterpolate(unref(t)(navLink.label))}</span>`);
              } else {
                return [
                  createVNode("span", { class: "text-[24px] font-bold opacity-25 group-[.router-link-active]:opacity-100 md:text-[48px] xl:text-[48px]" }, toDisplayString(unref(t)(navLink.label)), 1)
                ];
              }
            }),
            _: 2
          }, _parent));
        });
        _push(`<!--]--></div></div>`);
        _push(ssrRenderComponent(_component_SvgHorizontalSeparator, { class: "h-[2px] md:hidden" }, null, _parent));
        _push(`<div class="flex flex-col justify-center gap-10 pe-4 pt-4 md:pt-0"><div class="flex flex-col gap-4"><span class="text-[24px] text-[#828888] md:text-[16px]">${ssrInterpolate(unref(t)("navigationItems.services"))}</span><!--[-->`);
        ssrRenderList(serviceItems, (service) => {
          _push(ssrRenderComponent(_component_NuxtLinkLocale, {
            class: "group",
            to: service.to,
            onClick: closeMenu
          }, {
            default: withCtx((_, _push2, _parent2, _scopeId) => {
              if (_push2) {
                _push2(`<span class="text-[20px] font-semibold opacity-25 group-[.router-link-active]:opacity-100"${_scopeId}>${ssrInterpolate(unref(t)(service.label))}</span>`);
              } else {
                return [
                  createVNode("span", { class: "text-[20px] font-semibold opacity-25 group-[.router-link-active]:opacity-100" }, toDisplayString(unref(t)(service.label)), 1)
                ];
              }
            }),
            _: 2
          }, _parent));
        });
        _push(`<!--]-->`);
        _push(ssrRenderComponent(_component_NuxtLinkLocale, {
          "aria-label": "contact us",
          to: "/",
          onClick: closeMenu
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(ssrRenderComponent(_component_Button, {
                "aria-label": "contact us",
                class: "mt-4 mb-4 flex rounded-[24px] px-7 py-5 md:hidden"
              }, {
                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(`${ssrInterpolate(unref(t)("startProject"))}`);
                  } else {
                    return [
                      createTextVNode(toDisplayString(unref(t)("startProject")), 1)
                    ];
                  }
                }),
                _: 1
              }, _parent2, _scopeId));
            } else {
              return [
                createVNode(_component_Button, {
                  "aria-label": "contact us",
                  class: "mt-4 mb-4 flex rounded-[24px] px-7 py-5 md:hidden"
                }, {
                  default: withCtx(() => [
                    createTextVNode(toDisplayString(unref(t)("startProject")), 1)
                  ]),
                  _: 1
                })
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div></div></div>`);
        _push(ssrRenderComponent(_component_SvgHorizontalSeparator, null, null, _parent));
        _push(`<div class="flex h-16 items-center"><p class="text-lg">${ssrInterpolate(unref(t)("whereYouCreate"))}</p></div></div></div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
});
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/layout/MobileMenu.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "Navbar",
  __ssrInlineRender: true,
  setup(__props) {
    useMobileMenuState();
    const { y } = useWindowScroll();
    const isScrolled = computed(() => y.value > 0);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtLinkLocale = __nuxt_component_0$1;
      const _component_SvgWebstdyLogo = __nuxt_component_1;
      const _component_LayoutNavigation = _sfc_main$6;
      const _component_ColorModeSelector = _sfc_main$c;
      const _component_LanguageSwitcher = _sfc_main$d;
      const _component_SvgMenuIcon = __nuxt_component_5$1;
      const _component_LayoutMobileMenu = _sfc_main$1;
      _push(`<header${ssrRenderAttrs(mergeProps({
        class: ["sticky inset-x-0 top-0 z-50 transition-colors duration-300", unref(isScrolled) ? "bg-background" : "bg-transparent"]
      }, _attrs))}><div class="h-header container mx-auto flex items-center justify-between px-4"><div class="flex min-w-[201.33px] items-center">`);
      _push(ssrRenderComponent(_component_NuxtLinkLocale, {
        to: "/",
        "aria-label": _ctx.$t("ariaLabels.homeLink")
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_SvgWebstdyLogo, { class: "h-8 w-auto" }, null, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_SvgWebstdyLogo, { class: "h-8 w-auto" })
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div><div class="flex items-center gap-14">`);
      _push(ssrRenderComponent(_component_LayoutNavigation, { class: "hidden lg:block" }, null, _parent));
      _push(`<div class="flex items-center gap-4"><div class="flex items-center gap-4 max-sm:hidden">`);
      _push(ssrRenderComponent(_component_ColorModeSelector, null, null, _parent));
      _push(ssrRenderComponent(_component_LanguageSwitcher, null, null, _parent));
      _push(`</div><button class="cursor-pointer" aria-label="menu toggle">`);
      _push(ssrRenderComponent(_component_SvgMenuIcon, null, null, _parent));
      _push(`</button></div></div></div>`);
      _push(ssrRenderComponent(_component_LayoutMobileMenu, null, null, _parent));
      _push(`</header>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/layout/Navbar.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as _
};
//# sourceMappingURL=Navbar-Brf-Y8mw.js.map
