1 line
9.3 KiB
Plaintext
1 line
9.3 KiB
Plaintext
{"version":3,"file":"index.vue2.mjs","sources":["../../../../pages/index.vue"],"sourcesContent":["<template>\r\n <div>\r\n <!-- 英雄区域 -->\r\n <HeroBanner \r\n title=\"AWS云服务器专业代理商\" \r\n subtitle=\"为您的企业提供专业的AWS云服务解决方案，助力数字化转型\"\r\n >\r\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\r\n <a href=\"#features\" class=\"btn-primary\">了解AWS优势</a>\r\n <a href=\"#contact\" class=\"btn-secondary\">联系顾问</a>\r\n </div>\r\n </HeroBanner>\r\n\r\n <!-- 为什么选择AWS -->\r\n <section id=\"features\" class=\"bg-light-gray py-20\">\r\n <div class=\"container\">\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <h2 class=\"text-4xl md:text-[40px] font-bold text-[#333333] mb-6 leading-tight\">AWS产品与服务</h2>\r\n <p class=\"text-xl md:text-[20px] font-light text-[#333333] mb-4 leading-relaxed\">全面的云计算产品线，满足您的各种业务需求</p>\r\n <p class=\"text-base md:text-[16px] text-[#333333] leading-relaxed\">作为AWS授权代理商，我们提供全系列AWS产品和服务，并为您提供专业的咨询<br>和支持，帮助您选择最适合的产品组合。</p>\r\n </div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div v-for=\"(feature, index) in features\" :key=\"index\" class=\"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n <div class=\"w-16 h-16 bg-secondary/10 rounded-full flex items-center justify-center mb-6\">\r\n <i :class=\"['text-secondary text-2xl', feature.icon]\"></i>\r\n </div>\r\n <h3 class=\"text-xl font-semibold mb-4\">{{ feature.title }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed\">{{ feature.description }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 服务优势 -->\r\n <section class=\"py-20 bg-gray-50\">\r\n <div class=\"container\">\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-4\">我们的服务优势</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">作为AWS授权合作伙伴，我们提供全方位的专业服务</p>\r\n </div>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <div v-for=\"(service, index) in services\" :key=\"index\" class=\"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n <div class=\"flex items-start\">\r\n <div class=\"w-12 h-12 bg-accent/10 rounded-full flex items-center justify-center mr-4\">\r\n <i :class=\"['text-accent text-xl', service.icon]\"></i>\r\n </div>\r\n <div>\r\n <h3 class=\"text-xl font-semibold mb-3\">{{ service.title }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed\">{{ service.description }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 核心产品 -->\r\n <section class=\"py-20\">\r\n <div class=\"container\">\r\n <div class=\"max-w-4xl mx-auto text-center mb-16\">\r\n <h2 class=\"text-4xl font-bold text-[#333333] mb-4\">AWS核心产品服务</h2>\r\n <p class=\"text-xl text-gray-600 leading-relaxed\">全面的云服务产品线，满足各种业务需求</p>\r\n </div>\r\n \r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div v-for=\"(product, index) in products\" :key=\"index\" class=\"bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n <div class=\"h-48 bg-gradient-to-br from-secondary/20 to-secondary/10 flex items-center justify-center\">\r\n <i :class=\"['text-6xl text-secondary', product.icon]\"></i>\r\n </div>\r\n <div class=\"p-8\">\r\n <h3 class=\"text-2xl font-semibold mb-4\">{{ product.title }}</h3>\r\n <p class=\"text-gray-600 leading-relaxed mb-6\">{{ product.description }}</p>\r\n <NuxtLink to=\"/products\" class=\"inline-flex items-center text-secondary hover:text-secondary/90\">\r\n 了解详情\r\n <i class=\"fas fa-arrow-right ml-2\"></i>\r\n </NuxtLink>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <div class=\"text-center mt-12\">\r\n <NuxtLink to=\"/products\" class=\"inline-flex items-center text-secondary hover:text-secondary/90 text-lg\">\r\n 查看全部AWS产品\r\n <i class=\"fas fa-arrow-right ml-2\"></i>\r\n </NuxtLink>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <!-- 客户案例 -->\r\n <section class=\"py-16 bg-gray-50\">\r\n <div class=\"container\">\r\n <h2 class=\"text-3xl font-medium text-center mb-4\">成功客户案例</h2>\r\n <p class=\"text-xl text-center text-gray-600 mb-12\">看看其他企业如何利用AWS云服务提升业务价值</p>\r\n \r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n <div v-for=\"(case_item, index) in cases\" :key=\"index\" class=\"bg-white rounded-lg shadow-md overflow-hidden\">\r\n <div class=\"h-48 bg-gray-200\"></div>\r\n <div class=\"p-6\">\r\n <h3 class=\"text-2xl font-semibold mb-2\">{{ case_item.title }}</h3>\r\n <p class=\"text-gray-600 mb-4\">{{ case_item.description }}</p>\r\n <NuxtLink to=\"/cases\" class=\"inline-block text-secondary hover:text-secondary/90\">阅读详情</NuxtLink>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n// AWS特性数据\r\nconst features = [\r\n {\r\n icon: 'fas fa-shield-alt',\r\n title: '安全可靠',\r\n description: 'AWS提供业界领先的安全服务，包括加密、防火墙和身份验证，保障您的数据安全'\r\n },\r\n {\r\n icon: 'fas fa-bolt',\r\n title: '高性能',\r\n description: '全球数据中心网络，低延迟高带宽，确保您的应用程序高效运行'\r\n },\r\n {\r\n icon: 'fas fa-dollar-sign',\r\n title: '成本优化',\r\n description: '按需付费模式，无需前期投资，降低IT运营成本'\r\n }\r\n];\r\n\r\n// 服务优势数据\r\nconst services = [\r\n {\r\n icon: 'fas fa-check-circle',\r\n title: '官方授权',\r\n description: '我们是AWS官方授权的合作伙伴，可提供正规授权和发票'\r\n },\r\n {\r\n icon: 'fas fa-percentage',\r\n title: '价格优势',\r\n description: '相比直接采购，我们能提供更具竞争力的价格和灵活的付款方式'\r\n },\r\n {\r\n icon: 'fas fa-headset',\r\n title: '技术支持',\r\n description: '专业的技术团队提供咨询、部署和运维服务，解决您的技术难题'\r\n },\r\n {\r\n icon: 'fas fa-graduation-cap',\r\n title: '培训服务',\r\n description: '为您的团队提供专业的AWS技术培训，提升技术能力'\r\n }\r\n];\r\n\r\n// 核心产品数据\r\nconst products = [\r\n {\r\n icon: 'fas fa-server',\r\n title: 'EC2 云服务器',\r\n description: '可扩展的计算能力，适用于各种工作负载，从小型网站到企业级应用'\r\n },\r\n {\r\n icon: 'fas fa-database',\r\n title: 'S3 对象存储',\r\n description: '安全、可靠的对象存储服务，适用于备份、归档和数据湖等场景'\r\n },\r\n {\r\n icon: 'fas fa-network-wired',\r\n title: 'RDS 关系型数据库',\r\n description: '易于部署和管理的关系型数据库服务，支持多种主流数据库引擎'\r\n }\r\n];\r\n\r\n// 客户案例数据\r\nconst cases = [\r\n {\r\n title: '某金融科技公司',\r\n description: '通过迁移到AWS云服务，该公司将应用响应时间缩短了40%，并节省了30%的IT运营成本'\r\n },\r\n {\r\n title: '某电商平台',\r\n description: '利用AWS弹性伸缩服务，轻松应对销售高峰期流量，提高了用户体验和订单转化率'\r\n }\r\n];\r\n</script> "],"names":[],"mappings":";;;;;;;;;AAkHA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;AAGA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;AAGA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;AAGA,UAAM,QAAQ;AAAA,MACZ;AAAA,QACE,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} |