133 lines
8.5 KiB
JavaScript
133 lines
8.5 KiB
JavaScript
import { _ as __nuxt_component_0 } from './nuxt-link.mjs';
|
|
import { defineComponent, withCtx, createTextVNode, createVNode, toDisplayString, useSSRContext } from 'file://D:/doc/workspace/web3/node_modules/vue/index.mjs';
|
|
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderClass } from 'file://D:/doc/workspace/web3/node_modules/vue/server-renderer/index.mjs';
|
|
import { useI18n } from 'file://D:/doc/workspace/web3/node_modules/vue-i18n/dist/vue-i18n.mjs';
|
|
import { _ as _sfc_main$1 } from './HeroBanner.vue2.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/ufo/dist/index.mjs';
|
|
import './server.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/hookable/dist/index.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/unctx/dist/index.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/h3/dist/index.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/vue-router/dist/vue-router.node.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/radix3/dist/index.mjs';
|
|
import 'file://D:/doc/workspace/web3/node_modules/defu/dist/defu.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>`);
|
|
};
|
|
}
|
|
});
|
|
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/about.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
|
|
export { _sfc_main as default };
|
|
//# sourceMappingURL=about.vue.mjs.map
|