178 lines
9.7 KiB
JavaScript
178 lines
9.7 KiB
JavaScript
import "../components/HeroBanner.vue.mjs";
|
||
import __nuxt_component_0 from "../node_modules/nuxt/dist/app/components/nuxt-link.mjs";
|
||
import { defineComponent, withCtx, createVNode, createTextVNode } from "vue";
|
||
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrRenderClass, ssrInterpolate } from "vue/server-renderer";
|
||
import _sfc_main$1 from "../components/HeroBanner.vue2.mjs";
|
||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
__name: "index",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
const features = [
|
||
{
|
||
icon: "fas fa-shield-alt",
|
||
title: "安全可靠",
|
||
description: "AWS提供业界领先的安全服务,包括加密、防火墙和身份验证,保障您的数据安全"
|
||
},
|
||
{
|
||
icon: "fas fa-bolt",
|
||
title: "高性能",
|
||
description: "全球数据中心网络,低延迟高带宽,确保您的应用程序高效运行"
|
||
},
|
||
{
|
||
icon: "fas fa-dollar-sign",
|
||
title: "成本优化",
|
||
description: "按需付费模式,无需前期投资,降低IT运营成本"
|
||
}
|
||
];
|
||
const services = [
|
||
{
|
||
icon: "fas fa-check-circle",
|
||
title: "官方授权",
|
||
description: "我们是AWS官方授权的合作伙伴,可提供正规授权和发票"
|
||
},
|
||
{
|
||
icon: "fas fa-percentage",
|
||
title: "价格优势",
|
||
description: "相比直接采购,我们能提供更具竞争力的价格和灵活的付款方式"
|
||
},
|
||
{
|
||
icon: "fas fa-headset",
|
||
title: "技术支持",
|
||
description: "专业的技术团队提供咨询、部署和运维服务,解决您的技术难题"
|
||
},
|
||
{
|
||
icon: "fas fa-graduation-cap",
|
||
title: "培训服务",
|
||
description: "为您的团队提供专业的AWS技术培训,提升技术能力"
|
||
}
|
||
];
|
||
const products = [
|
||
{
|
||
icon: "fas fa-server",
|
||
title: "EC2 云服务器",
|
||
description: "可扩展的计算能力,适用于各种工作负载,从小型网站到企业级应用"
|
||
},
|
||
{
|
||
icon: "fas fa-database",
|
||
title: "S3 对象存储",
|
||
description: "安全、可靠的对象存储服务,适用于备份、归档和数据湖等场景"
|
||
},
|
||
{
|
||
icon: "fas fa-network-wired",
|
||
title: "RDS 关系型数据库",
|
||
description: "易于部署和管理的关系型数据库服务,支持多种主流数据库引擎"
|
||
}
|
||
];
|
||
const cases = [
|
||
{
|
||
title: "某金融科技公司",
|
||
description: "通过迁移到AWS云服务,该公司将应用响应时间缩短了40%,并节省了30%的IT运营成本"
|
||
},
|
||
{
|
||
title: "某电商平台",
|
||
description: "利用AWS弹性伸缩服务,轻松应对销售高峰期流量,提高了用户体验和订单转化率"
|
||
}
|
||
];
|
||
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: "AWS云服务器专业代理商",
|
||
subtitle: "为您的企业提供专业的AWS云服务解决方案,助力数字化转型"
|
||
}, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(`<div class="flex flex-col sm:flex-row justify-center gap-4"${_scopeId}><a href="#features" class="btn-primary"${_scopeId}>了解AWS优势</a><a href="#contact" class="btn-secondary"${_scopeId}>联系顾问</a></div>`);
|
||
} else {
|
||
return [
|
||
createVNode("div", { class: "flex flex-col sm:flex-row justify-center gap-4" }, [
|
||
createVNode("a", {
|
||
href: "#features",
|
||
class: "btn-primary"
|
||
}, "了解AWS优势"),
|
||
createVNode("a", {
|
||
href: "#contact",
|
||
class: "btn-secondary"
|
||
}, "联系顾问")
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
_push(`<section id="features" class="bg-light-gray py-20"><div class="container"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-4xl md:text-[40px] font-bold text-[#333333] mb-6 leading-tight">AWS产品与服务</h2><p class="text-xl md:text-[20px] font-light text-[#333333] mb-4 leading-relaxed">全面的云计算产品线,满足您的各种业务需求</p><p class="text-base md:text-[16px] text-[#333333] leading-relaxed">作为AWS授权代理商,我们提供全系列AWS产品和服务,并为您提供专业的咨询<br>和支持,帮助您选择最适合的产品组合。</p></div><div class="grid md:grid-cols-3 gap-8"><!--[-->`);
|
||
ssrRenderList(features, (feature, 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-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mb-6"><i class="${ssrRenderClass(["text-secondary text-2xl", feature.icon])}"></i></div><h3 class="text-xl font-semibold mb-4">${ssrInterpolate(feature.title)}</h3><p class="text-gray-600 leading-relaxed">${ssrInterpolate(feature.description)}</p></div>`);
|
||
});
|
||
_push(`<!--]--></div></div></section><section class="py-20 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">我们的服务优势</h2><p class="text-xl text-gray-600 leading-relaxed">作为AWS授权合作伙伴,我们提供全方位的专业服务</p></div><div class="grid md:grid-cols-2 gap-8"><!--[-->`);
|
||
ssrRenderList(services, (service, 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="flex items-start"><div class="w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4"><i class="${ssrRenderClass(["text-accent text-xl", service.icon])}"></i></div><div><h3 class="text-xl font-semibold mb-3">${ssrInterpolate(service.title)}</h3><p class="text-gray-600 leading-relaxed">${ssrInterpolate(service.description)}</p></div></div></div>`);
|
||
});
|
||
_push(`<!--]--></div></div></section><section class="py-20"><div class="container"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-4xl font-bold text-[#333333] mb-4">AWS核心产品服务</h2><p class="text-xl text-gray-600 leading-relaxed">全面的云服务产品线,满足各种业务需求</p></div><div class="grid md:grid-cols-3 gap-8"><!--[-->`);
|
||
ssrRenderList(products, (product, index) => {
|
||
_push(`<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"><div class="h-48 bg-gradient-to-br from-secondary/20 to-secondary/10 flex items-center justify-center"><i class="${ssrRenderClass(["text-6xl text-secondary", product.icon])}"></i></div><div class="p-8"><h3 class="text-2xl font-semibold mb-4">${ssrInterpolate(product.title)}</h3><p class="text-gray-600 leading-relaxed mb-6">${ssrInterpolate(product.description)}</p>`);
|
||
_push(ssrRenderComponent(_component_NuxtLink, {
|
||
to: "/products",
|
||
class: "inline-flex items-center text-secondary hover:text-secondary/90"
|
||
}, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(` 了解详情 <i class="fas fa-arrow-right ml-2"${_scopeId}></i>`);
|
||
} else {
|
||
return [
|
||
createTextVNode(" 了解详情 "),
|
||
createVNode("i", { class: "fas fa-arrow-right ml-2" })
|
||
];
|
||
}
|
||
}),
|
||
_: 2
|
||
}, _parent));
|
||
_push(`</div></div>`);
|
||
});
|
||
_push(`<!--]--></div><div class="text-center mt-12">`);
|
||
_push(ssrRenderComponent(_component_NuxtLink, {
|
||
to: "/products",
|
||
class: "inline-flex items-center text-secondary hover:text-secondary/90 text-lg"
|
||
}, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(` 查看全部AWS产品 <i class="fas fa-arrow-right ml-2"${_scopeId}></i>`);
|
||
} else {
|
||
return [
|
||
createTextVNode(" 查看全部AWS产品 "),
|
||
createVNode("i", { class: "fas fa-arrow-right ml-2" })
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
_push(`</div></div></section><section class="py-16 bg-gray-50"><div class="container"><h2 class="text-3xl font-medium text-center mb-4">成功客户案例</h2><p class="text-xl text-center text-gray-600 mb-12">看看其他企业如何利用AWS云服务提升业务价值</p><div class="grid md:grid-cols-2 gap-8"><!--[-->`);
|
||
ssrRenderList(cases, (case_item, index) => {
|
||
_push(`<div class="bg-white rounded-lg shadow-md overflow-hidden"><div class="h-48 bg-gray-200"></div><div class="p-6"><h3 class="text-2xl font-semibold mb-2">${ssrInterpolate(case_item.title)}</h3><p class="text-gray-600 mb-4">${ssrInterpolate(case_item.description)}</p>`);
|
||
_push(ssrRenderComponent(_component_NuxtLink, {
|
||
to: "/cases",
|
||
class: "inline-block text-secondary hover:text-secondary/90"
|
||
}, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(`阅读详情`);
|
||
} else {
|
||
return [
|
||
createTextVNode("阅读详情")
|
||
];
|
||
}
|
||
}),
|
||
_: 2
|
||
}, _parent));
|
||
_push(`</div></div>`);
|
||
});
|
||
_push(`<!--]--></div></div></section></div>`);
|
||
};
|
||
}
|
||
});
|
||
export {
|
||
_sfc_main as default
|
||
};
|
||
//# sourceMappingURL=index.vue2.mjs.map
|