import "../components/HeroBanner.vue.mjs";
import __nuxt_component_0 from "../node_modules/nuxt/dist/app/components/nuxt-link.mjs";
import { defineComponent, withCtx, createTextVNode, createVNode, toDisplayString } from "vue";
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass } from "vue/server-renderer";
import { useI18n } from "vue-i18n";
import _sfc_main$1 from "../components/HeroBanner.vue2.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "about",
  __ssrInlineRender: true,
  setup(__props) {
    const { t } = useI18n();
    const achievements = [
      "about.achievements.item1",
      "about.achievements.item2",
      "about.achievements.item3"
    ];
    const advantages = [
      {
        icon: "fas fa-certificate",
        titleKey: "about.advantages.certification.title",
        descriptionKey: "about.advantages.certification.description"
      },
      {
        icon: "fas fa-users",
        titleKey: "about.advantages.team.title",
        descriptionKey: "about.advantages.team.description"
      },
      {
        icon: "fas fa-code",
        titleKey: "about.advantages.technical.title",
        descriptionKey: "about.advantages.technical.description"
      },
      {
        icon: "fas fa-headset",
        titleKey: "about.advantages.service.title",
        descriptionKey: "about.advantages.service.description"
      }
    ];
    const cultures = [
      {
        icon: "fas fa-bullseye",
        titleKey: "about.culture.mission.title",
        descriptionKey: "about.culture.mission.description"
      },
      {
        icon: "fas fa-eye",
        titleKey: "about.culture.vision.title",
        descriptionKey: "about.culture.vision.description"
      },
      {
        icon: "fas fa-heart",
        titleKey: "about.culture.values.title",
        descriptionKey: "about.culture.values.description"
      }
    ];
    const historyItems = [
      {
        yearKey: "about.history.year2023.year",
        descriptionKey: "about.history.year2023.description"
      },
      {
        yearKey: "about.history.year2021.year",
        descriptionKey: "about.history.year2021.description"
      },
      {
        yearKey: "about.history.year2018.year",
        descriptionKey: "about.history.year2018.description"
      }
    ];
    return (_ctx, _push, _parent, _attrs) => {
      const _component_HeroBanner = _sfc_main$1;
      const _component_NuxtLink = __nuxt_component_0;
      _push(`<div${ssrRenderAttrs(_attrs)}>`);
      _push(ssrRenderComponent(_component_HeroBanner, {
        title: _ctx.$t("about.hero.title"),
        subtitle: _ctx.$t("about.hero.subtitle")
      }, null, _parent));
      _push(`<section class="section"><div class="container"><div class="grid md:grid-cols-2 gap-12 items-center"><div><h2 class="text-4xl font-bold text-[#333333] mb-8 mt-6">${ssrInterpolate(_ctx.$t("about.company.title"))}</h2><p class="text-gray-600 mb-4 text-lg leading-relaxed">${ssrInterpolate(_ctx.$t("about.company.description1"))}</p><p class="text-gray-600 mb-8 text-lg leading-relaxed">${ssrInterpolate(_ctx.$t("about.company.description2"))}</p><ul class="space-y-4"><!--[-->`);
      ssrRenderList(achievements, (achievement, index) => {
        _push(`<li class="flex items-center text-lg"><i class="fas fa-check-circle text-green-500 mr-3"></i><span class="text-gray-700">${ssrInterpolate(_ctx.$t(achievement))}</span></li>`);
      });
      _push(`<!--]--></ul></div><div class="bg-gradient-to-br from-secondary/20 to-secondary/10 h-80 rounded-lg flex items-center justify-center"><i class="fas fa-building text-8xl text-secondary"></i></div></div></div></section><section class="section bg-gray-50"><div class="container"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-4xl font-bold text-[#333333] mb-4 mt-6">${ssrInterpolate(_ctx.$t("about.advantages.title"))}</h2><p class="text-xl text-gray-600 leading-relaxed">${ssrInterpolate(_ctx.$t("about.advantages.subtitle"))}</p></div><div class="grid md:grid-cols-4 gap-8"><!--[-->`);
      ssrRenderList(advantages, (advantage, index) => {
        _push(`<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center"><div class="w-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6"><i class="${ssrRenderClass(["text-secondary text-3xl", advantage.icon])}"></i></div><h3 class="text-xl font-semibold mb-4">${ssrInterpolate(_ctx.$t(advantage.titleKey))}</h3><p class="text-gray-600 leading-relaxed">${ssrInterpolate(_ctx.$t(advantage.descriptionKey))}</p></div>`);
      });
      _push(`<!--]--></div></div></section><section class="section"><div class="container"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-4xl font-bold text-[#333333] mb-4 mt-6">${ssrInterpolate(_ctx.$t("about.culture.title"))}</h2><p class="text-xl text-gray-600 leading-relaxed">${ssrInterpolate(_ctx.$t("about.culture.subtitle"))}</p></div><div class="grid md:grid-cols-3 gap-8"><!--[-->`);
      ssrRenderList(cultures, (culture, index) => {
        _push(`<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"><div class="w-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6"><i class="${ssrRenderClass(["text-secondary text-3xl", culture.icon])}"></i></div><h3 class="text-xl font-semibold mb-4 text-center">${ssrInterpolate(_ctx.$t(culture.titleKey))}</h3><p class="text-gray-600 leading-relaxed text-center">${ssrInterpolate(_ctx.$t(culture.descriptionKey))}</p></div>`);
      });
      _push(`<!--]--></div></div></section><section class="section bg-gray-50"><div class="container"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-4xl font-bold text-[#333333] mb-4 mt-6">${ssrInterpolate(_ctx.$t("about.history.title"))}</h2><p class="text-xl text-gray-600 leading-relaxed">${ssrInterpolate(_ctx.$t("about.history.subtitle"))}</p></div><div class="space-y-8"><!--[-->`);
      ssrRenderList(historyItems, (history, index) => {
        _push(`<div class="flex flex-col md:flex-row items-center gap-8"><div class="w-full md:w-1/4 text-right"><h3 class="text-2xl font-semibold text-secondary">${ssrInterpolate(_ctx.$t(history.yearKey))}</h3></div><div class="w-px h-16 bg-secondary hidden md:block"></div><div class="w-full md:w-3/4"><p class="text-gray-600 text-lg leading-relaxed">${ssrInterpolate(_ctx.$t(history.descriptionKey))}</p></div></div>`);
      });
      _push(`<!--]--></div></div></section><section class="section bg-primary text-white"><div class="container text-center"><h2 class="text-4xl font-bold mb-6">${ssrInterpolate(_ctx.$t("about.contact.title"))}</h2><p class="text-xl mb-8 max-w-2xl mx-auto leading-relaxed">${ssrInterpolate(_ctx.$t("about.contact.subtitle"))}</p>`);
      _push(ssrRenderComponent(_component_NuxtLink, {
        to: "/contact",
        class: "inline-flex items-center bg-white text-black px-8 py-4 rounded-lg hover:bg-gray-100 transition-colors duration-300 text-lg font-semibold"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("about.contact.button"))} <i class="fas fa-arrow-right ml-2"${_scopeId}></i>`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("about.contact.button")) + " ", 1),
              createVNode("i", { class: "fas fa-arrow-right ml-2" })
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></section></div>`);
    };
  }
});
export {
  _sfc_main as default
};
//# sourceMappingURL=about.vue2.mjs.map