import { resolveComponent, mergeProps, withCtx, createVNode, createTextVNode, toDisplayString, useSSRContext } from "vue";
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderAttr, ssrInterpolate } from "vue/server-renderer";
import { _ as _imports_0 } from "./chunk-D6xvUbdb.js";
import { _ as _export_sfc } from "../entries/pages.mjs";
import "@vue/server-renderer";
import "vue-router";
import "@vueuse/head";
import "vike/server";
/* empty css               */
/* empty css               */
import "pinia";
import "vue-i18n";
/*! src/assets/images/value-blur.svg [vike:pluginModuleBanner] */
const _imports_1 = "/assets/static/value-blur.DThIVf4U.svg";
/*! src/views/NotFoundPage.vue [vike:pluginModuleBanner] */
const _sfc_main = {
  computed: {
    locale() {
      return this.$route.params.lang || this.$i18n.locale || "en";
    },
    homeHref() {
      return `/${this.locale}`;
    },
    blogsHref() {
      return `/${this.locale}/blogs`;
    },
    contactHref() {
      return `/${this.locale}/contact-us`;
    }
  }
};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
  const _component_router_link = resolveComponent("router-link");
  _push(`<section${ssrRenderAttrs(mergeProps({ class: "not-found-page min-h-dvh overflow-hidden bg-[#F7F9FC] text-[#192F52]" }, _attrs))}><div class="mx-auto flex min-h-dvh max-w-screen-2xl items-center px-6 py-10 sm:px-8 md:px-12 lg:px-16 xl:px-20"><div class="relative isolate grid w-full gap-10 overflow-hidden rounded-[32px] bg-white px-6 py-8 shadow-[0px_24px_80px_0px_#19213D14] sm:px-10 sm:py-12 lg:grid-cols-[minmax(0,1.1fr)_minmax(320px,420px)] lg:items-center lg:px-14 xl:px-20"><div class="pointer-events-none absolute -top-24 ltr:-left-24 rtl:-right-24 h-56 w-56 rounded-full bg-[#EB57571A] blur-3xl"></div><div class="pointer-events-none absolute -bottom-28 ltr:-right-16 rtl:-left-16 h-72 w-72 rounded-full bg-[#192F5214] blur-3xl"></div><div class="relative z-[1]">`);
  _push(ssrRenderComponent(_component_router_link, {
    to: $options.homeHref,
    class: "inline-flex w-fit items-center gap-3 rounded-full border border-solid border-[#D8E0EA] bg-white px-4 py-2 text-sm font-medium text-[#192F52] transition-colors duration-300 hover:border-[#192F52]"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`<img${ssrRenderAttr("src", _imports_0)} alt="ValuePlus" class="h-7 w-auto"${_scopeId}><span${_scopeId}>ValuePlus</span>`);
      } else {
        return [
          createVNode("img", {
            src: _imports_0,
            alt: "ValuePlus",
            class: "h-7 w-auto"
          }),
          createVNode("span", null, "ValuePlus")
        ];
      }
    }),
    _: 1
    /* STABLE */
  }, _parent));
  _push(`<p class="mt-8 text-sm font-semibold uppercase tracking-[0.32em] text-[#EB5757]">Error 404</p><h1 class="mt-4 max-w-xl text-4xl font-bold leading-tight text-[#192F52] sm:text-5xl lg:text-6xl">${ssrInterpolate(_ctx.$t("Page not found"))}</h1><p class="mt-5 max-w-2xl text-base leading-7 text-[#5E6A7D] sm:text-lg">${ssrInterpolate(_ctx.$t("The page you are looking for might have been moved, deleted, or the link may be incorrect."))}</p><div class="mt-8 flex flex-col gap-3 sm:flex-row sm:flex-wrap">`);
  _push(ssrRenderComponent(_component_router_link, {
    to: $options.homeHref,
    class: "inline-flex items-center justify-center rounded-full bg-[#192F52] px-6 py-3 text-sm font-medium text-white transition-all duration-300 hover:bg-[#10203B]"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`${ssrInterpolate(_ctx.$t("Back to Home"))}`);
      } else {
        return [
          createTextVNode(
            toDisplayString(_ctx.$t("Back to Home")),
            1
            /* TEXT */
          )
        ];
      }
    }),
    _: 1
    /* STABLE */
  }, _parent));
  _push(ssrRenderComponent(_component_router_link, {
    to: $options.blogsHref,
    class: "inline-flex items-center justify-center rounded-full border border-solid border-[#192F52] px-6 py-3 text-sm font-medium text-[#192F52] transition-all duration-300 hover:bg-[#192F520A]"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`${ssrInterpolate(_ctx.$t("Explore Blogs"))}`);
      } else {
        return [
          createTextVNode(
            toDisplayString(_ctx.$t("Explore Blogs")),
            1
            /* TEXT */
          )
        ];
      }
    }),
    _: 1
    /* STABLE */
  }, _parent));
  _push(`</div></div><div class="relative z-[1]"><div class="relative overflow-hidden rounded-[28px] bg-[#192F52] p-6 text-white sm:p-8"><div class="absolute inset-0 opacity-30"><img${ssrRenderAttr("src", _imports_1)} alt="" class="h-full w-full object-cover"></div><div class="relative"><div><p class="text-sm uppercase tracking-[0.28em] text-white/70">${ssrInterpolate(_ctx.$t("Need help?"))}</p><div class="flex items-center justify-between gap-4 mt-2"><p class="text-7xl font-bold leading-none sm:text-8xl">404</p><span class="material-symbols-rounded rounded-full bg-white/10 p-3 text-4xl w-[60px] h-[60px]">search_off</span></div></div><div class="mt-8 space-y-4 rounded-[22px] border border-solid border-white/10 bg-white/10 p-5 backdrop-blur-sm"><p class="text-lg font-medium leading-7">${ssrInterpolate(_ctx.$t("You can return to the homepage or contact our team if you need assistance finding the right page."))}</p>`);
  _push(ssrRenderComponent(_component_router_link, {
    to: $options.contactHref,
    class: "inline-flex items-center gap-2 text-sm font-medium text-white transition-opacity duration-300 hover:opacity-80"
  }, {
    default: withCtx((_, _push2, _parent2, _scopeId) => {
      if (_push2) {
        _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("Contact Us"))}</span><span class="material-symbols-rounded text-base"${_scopeId}>${ssrInterpolate(_ctx.$i18n.locale === "en" ? "arrow_right_alt" : "arrow_left_alt")}</span>`);
      } else {
        return [
          createVNode(
            "span",
            null,
            toDisplayString(_ctx.$t("Contact Us")),
            1
            /* TEXT */
          ),
          createVNode(
            "span",
            { class: "material-symbols-rounded text-base" },
            toDisplayString(_ctx.$i18n.locale === "en" ? "arrow_right_alt" : "arrow_left_alt"),
            1
            /* TEXT */
          )
        ];
      }
    }),
    _: 1
    /* STABLE */
  }, _parent));
  _push(`</div></div></div></div></div></div></section>`);
}
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/views/NotFoundPage.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const NotFoundPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
export {
  NotFoundPage as default
};
