{"version":3,"file":"about.vue2.mjs","sources":["../../../../pages/about.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <!-- 页面标题 -->\r\n    <HeroBanner \r\n      title=\"关于我们\" \r\n      subtitle=\"专业的AWS云服务解决方案提供商，助力企业数字化转型\"\r\n    />\r\n\r\n    <!-- 公司简介 -->\r\n    <section class=\"section\">\r\n      <div class=\"container\">\r\n        <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n          <div>\r\n            <h2 class=\"text-4xl font-bold text-[#333333] mb-8 mt-6\">公司简介</h2>\r\n            <p class=\"text-gray-600 mb-4 text-lg leading-relaxed\">云服务专家成立于2018年，是AWS授权的云服务解决方案提供商。我们致力于为企业提供专业的云计算咨询、迁移、运维和优化服务。</p>\r\n            <p class=\"text-gray-600 mb-8 text-lg leading-relaxed\">作为AWS高级合作伙伴，我们拥有丰富的云服务实施经验和专业的技术团队，已成功帮助数百家企业完成云上转型。</p>\r\n            <ul class=\"space-y-4\">\r\n              <li v-for=\"(achievement, index) in achievements\" :key=\"index\" class=\"flex items-center text-lg\">\r\n                <i class=\"fas fa-check-circle text-green-500 mr-3\"></i>\r\n                <span class=\"text-gray-700\">{{ achievement }}</span>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"bg-gradient-to-br from-secondary/20 to-secondary/10 h-80 rounded-lg flex items-center justify-center\">\r\n            <i class=\"fas fa-building text-8xl text-secondary\"></i>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 我们的优势 -->\r\n    <section class=\"section 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 mt-6\">我们的优势</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">专业技术团队，丰富项目经验</p>\r\n        </div>\r\n        <div class=\"grid md:grid-cols-4 gap-8\">\r\n          <div v-for=\"(advantage, index) in advantages\" :key=\"index\" class=\"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center\">\r\n            <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\">\r\n              <i :class=\"['text-secondary text-3xl', advantage.icon]\"></i>\r\n            </div>\r\n            <h3 class=\"text-xl font-semibold mb-4\">{{ advantage.title }}</h3>\r\n            <p class=\"text-gray-600 leading-relaxed\">{{ advantage.description }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 企业文化 -->\r\n    <section class=\"section\">\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 mt-6\">企业文化</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">以客户为中心，追求卓越服务</p>\r\n        </div>\r\n        <div class=\"grid md:grid-cols-3 gap-8\">\r\n          <div v-for=\"(culture, index) in cultures\" :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-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n              <i :class=\"['text-secondary text-3xl', culture.icon]\"></i>\r\n            </div>\r\n            <h3 class=\"text-xl font-semibold mb-4 text-center\">{{ culture.title }}</h3>\r\n            <p class=\"text-gray-600 leading-relaxed text-center\">{{ culture.description }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 发展历程 -->\r\n    <section class=\"section 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 mt-6\">发展历程</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">见证我们的成长与进步</p>\r\n        </div>\r\n        <div class=\"space-y-8\">\r\n          <div v-for=\"(history, index) in historyItems\" :key=\"index\" class=\"flex flex-col md:flex-row items-center gap-8\">\r\n            <div class=\"w-full md:w-1/4 text-right\">\r\n              <h3 class=\"text-2xl font-semibold text-secondary\">{{ history.year }}</h3>\r\n            </div>\r\n            <div class=\"w-px h-16 bg-secondary hidden md:block\"></div>\r\n            <div class=\"w-full md:w-3/4\">\r\n              <p class=\"text-gray-600 text-lg leading-relaxed\">{{ history.description }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- 联系我们 -->\r\n    <section class=\"section bg-primary text-white\">\r\n      <div class=\"container text-center\">\r\n        <h2 class=\"text-4xl font-bold mb-6\">想了解更多关于我们?</h2>\r\n        <p class=\"text-xl mb-8 max-w-2xl mx-auto leading-relaxed\">欢迎联系我们，了解更多公司信息和服务详情</p>\r\n        <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\">\r\n          联系我们\r\n          <i class=\"fas fa-arrow-right ml-2\"></i>\r\n        </NuxtLink>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n// 公司成就\r\nconst achievements = [\r\n  'AWS高级合作伙伴认证',\r\n  '100+成功案例',\r\n  '50+AWS认证工程师'\r\n];\r\n\r\n// 优势数据\r\nconst advantages = [\r\n  {\r\n    icon: 'fas fa-award',\r\n    title: '专业认证',\r\n    description: 'AWS官方认证的高级合作伙伴，拥有多项专业认证'\r\n  },\r\n  {\r\n    icon: 'fas fa-users',\r\n    title: '专业团队',\r\n    description: '50+位AWS认证工程师，平均5年以上云服务经验'\r\n  },\r\n  {\r\n    icon: 'fas fa-tools',\r\n    title: '技术实力',\r\n    description: '掌握AWS全线产品，具备丰富的实施和运维经验'\r\n  },\r\n  {\r\n    icon: 'fas fa-headset',\r\n    title: '服务保障',\r\n    description: '7x24小时技术支持，确保客户业务稳定运行'\r\n  }\r\n];\r\n\r\n// 企业文化\r\nconst cultures = [\r\n  {\r\n    icon: 'fas fa-bullseye',\r\n    title: '企业使命',\r\n    description: '助力企业数字化转型，提供专业可靠的云计算服务'\r\n  },\r\n  {\r\n    icon: 'fas fa-eye',\r\n    title: '企业愿景',\r\n    description: '成为中国最值得信赖的云服务解决方案提供商'\r\n  },\r\n  {\r\n    icon: 'fas fa-heart',\r\n    title: '核心价值观',\r\n    description: '专业、创新、诚信、共赢'\r\n  }\r\n];\r\n\r\n// 发展历程\r\nconst historyItems = [\r\n  {\r\n    year: '2023年',\r\n    description: '成为AWS高级合作伙伴，服务客户数量突破500家'\r\n  },\r\n  {\r\n    year: '2021年',\r\n    description: '获得AWS标准合作伙伴认证，团队规模扩大到50人'\r\n  },\r\n  {\r\n    year: '2018年',\r\n    description: '公司成立，开始提供AWS云服务解决方案'\r\n  }\r\n];\r\n</script>"],"names":[],"mappings":";;;;;;;;;AAyGA,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAGA,UAAM,aAAa;AAAA,MACjB;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,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}