2025-04-22 16:46:16 +08:00
|
|
|
{"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-
|
