{"version":3,"file":"index.vue2.mjs","sources":["../../../../pages/index.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <!-- 英雄区域 -->\r\n    <HeroBanner \r\n      :title=\"$t('home.hero.title')\" \r\n      :subtitle=\"$t('home.hero.subtitle')\"\r\n    >\r\n      <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\r\n        <a href=\"#features\" class=\"btn-primary\">{{ $t('home.hero.learnButton') }}</a>\r\n        <a href=\"#contact\" class=\"btn-secondary\">{{ $t('home.hero.contactButton') }}</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\">{{ $t('home.features.title') }}</h2>\r\n          <p class=\"text-xl md:text-[20px] font-light text-[#333333] mb-4 leading-relaxed\">{{ $t('home.features.subtitle') }}</p>\r\n          <p class=\"text-base md:text-[16px] text-[#333333] leading-relaxed\">{{ $t('home.features.description') }}</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\">{{ $t(feature.titleKey) }}</h3>\r\n            <p class=\"text-gray-600 leading-relaxed\">{{ $t(feature.descriptionKey) }}</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\">{{ $t('home.services.title') }}</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('home.services.subtitle') }}</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\">{{ $t(service.titleKey) }}</h3>\r\n                <p class=\"text-gray-600 leading-relaxed\">{{ $t(service.descriptionKey) }}</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\">{{ $t('home.products.title') }}</h2>\r\n          <p class=\"text-xl text-gray-600 leading-relaxed\">{{ $t('home.products.subtitle') }}</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\">{{ $t(product.titleKey) }}</h3>\r\n              <p class=\"text-gray-600 leading-relaxed mb-6\">{{ $t(product.descriptionKey) }}</p>\r\n              <NuxtLink to=\"/products\" class=\"inline-flex items-center text-secondary hover:text-secondary/90\">\r\n                {{ $t('home.products.detail') }}\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            {{ $t('home.products.viewAll') }}\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\">{{ $t('home.cases.title') }}</h2>\r\n        <p class=\"text-xl text-center text-gray-600 mb-12\">{{ $t('home.cases.subtitle') }}</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\">{{ $t(case_item.titleKey) }}</h3>\r\n              <p class=\"text-gray-600 mb-4\">{{ $t(case_item.descriptionKey) }}</p>\r\n              <NuxtLink to=\"/cases\" class=\"inline-block text-secondary hover:text-secondary/90\">{{ $t('home.cases.readMore') }}</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\nimport { useI18n } from 'vue-i18n';\r\n\r\nconst { t } = useI18n();\r\n\r\n// AWS特性数据\r\nconst features = [\r\n  {\r\n    icon: 'fas fa-shield-alt',\r\n    titleKey: 'home.features.security.title',\r\n    descriptionKey: 'home.features.security.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-bolt',\r\n    titleKey: 'home.features.performance.title',\r\n    descriptionKey: 'home.features.performance.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-dollar-sign',\r\n    titleKey: 'home.features.cost.title',\r\n    descriptionKey: 'home.features.cost.description'\r\n  }\r\n];\r\n\r\n// 服务优势数据\r\nconst services = [\r\n  {\r\n    icon: 'fas fa-check-circle',\r\n    titleKey: 'home.services.official.title',\r\n    descriptionKey: 'home.services.official.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-percentage',\r\n    titleKey: 'home.services.price.title',\r\n    descriptionKey: 'home.services.price.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-headset',\r\n    titleKey: 'home.services.support.title',\r\n    descriptionKey: 'home.services.support.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-graduation-cap',\r\n    titleKey: 'home.services.training.title',\r\n    descriptionKey: 'home.services.training.description'\r\n  }\r\n];\r\n\r\n// 核心产品数据\r\nconst products = [\r\n  {\r\n    icon: 'fas fa-server',\r\n    titleKey: 'home.products.ec2.title',\r\n    descriptionKey: 'home.products.ec2.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-database',\r\n    titleKey: 'home.products.s3.title',\r\n    descriptionKey: 'home.products.s3.description'\r\n  },\r\n  {\r\n    icon: 'fas fa-network-wired',\r\n    titleKey: 'home.products.rds.title',\r\n    descriptionKey: 'home.products.rds.description'\r\n  }\r\n];\r\n\r\n// 客户案例数据\r\nconst cases = [\r\n  {\r\n    titleKey: 'home.cases.fintech.title',\r\n    descriptionKey: 'home.cases.fintech.description'\r\n  },\r\n  {\r\n    titleKey: 'home.cases.ecommerce.title',\r\n    descriptionKey: 'home.cases.ecommerce.description'\r\n  }\r\n];\r\n</script> "],"names":[],"mappings":";;;;;;;;;;AAmHM,UAAA,EAAE,EAAE,IAAI,QAAQ;AAGtB,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAEpB;AAGA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAEpB;AAGA,UAAM,WAAW;AAAA,MACf;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAEpB;AAGA,UAAM,QAAQ;AAAA,MACZ;AAAA,QACE,UAAU;AAAA,QACV,gBAAgB;AAAA,MAClB;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,gBAAgB;AAAA,MAAA;AAAA,IAEpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}