|
|
@@ -0,0 +1,1256 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <title>Aisoco - Ai&Social&Commerce</title>
|
|
|
+ <!-- Tailwind CSS -->
|
|
|
+ <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
|
|
|
+ <!-- Font Awesome -->
|
|
|
+ <link
|
|
|
+ href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"
|
|
|
+ rel="stylesheet"
|
|
|
+ />
|
|
|
+ <!-- Google Fonts - Inter (类似苹果官网字体风格) -->
|
|
|
+ <link
|
|
|
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
|
|
|
+ rel="stylesheet"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- Tailwind Configuration -->
|
|
|
+ <script>
|
|
|
+ tailwind.config = {
|
|
|
+ theme: {
|
|
|
+ extend: {
|
|
|
+ colors: {
|
|
|
+ primary: '#0066CC',
|
|
|
+ secondary: '#333333',
|
|
|
+ light: '#F5F5F7',
|
|
|
+ dark: '#1D1D1F',
|
|
|
+ },
|
|
|
+ fontFamily: {
|
|
|
+ sans: ['Inter', 'sans-serif'],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <style type="text/tailwindcss">
|
|
|
+ @layer utilities {
|
|
|
+ .content-auto {
|
|
|
+ content-visibility: auto;
|
|
|
+ }
|
|
|
+ .text-balance {
|
|
|
+ text-wrap: balance;
|
|
|
+ }
|
|
|
+ .transition-smooth {
|
|
|
+ transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
|
|
|
+ }
|
|
|
+ .timeline-dot::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #0066cc;
|
|
|
+ left: -40px;
|
|
|
+ top: 6px;
|
|
|
+ }
|
|
|
+ .timeline-line::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 1px;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #e2e2e2;
|
|
|
+ left: -32px;
|
|
|
+ top: 22px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body class="font-sans bg-white text-dark antialiased">
|
|
|
+ <!-- 语言切换器 -->
|
|
|
+ <div class="py-2">
|
|
|
+ <div class="container mx-auto px-4 flex justify-end">
|
|
|
+ <button
|
|
|
+ id="lang-en"
|
|
|
+ class="language-btn text-sm font-medium text-primary mr-4"
|
|
|
+ >
|
|
|
+ <!-- English -->
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ id="lang-zh"
|
|
|
+ class="language-btn text-sm font-medium text-gray-500"
|
|
|
+ >
|
|
|
+ <!-- 中文 -->
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 导航栏 -->
|
|
|
+ <header
|
|
|
+ id="navbar"
|
|
|
+ class="fixed w-full top-6 z-50 transition-all duration-300"
|
|
|
+ >
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <nav class="flex justify-between items-center">
|
|
|
+ <!-- Logo -->
|
|
|
+ <a href="#home" class="text-2xl font-semibold tracking-tight"></a>
|
|
|
+ <img
|
|
|
+ src="./img/aisoco_logo.png"
|
|
|
+ style="object-fit: cover; width: 160px"
|
|
|
+ />
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <!-- 桌面导航 -->
|
|
|
+ <div class="hidden md:flex items-center space-x-8">
|
|
|
+ <a
|
|
|
+ href="#about"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >About</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#journey"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >Journey</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#vision"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >Vision</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#product"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >Product</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#team"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >Team</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#press"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >Press</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#contact"
|
|
|
+ class="nav-link text-lg font-medium hover:text-primary transition-smooth"
|
|
|
+ >Contact</a
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 移动端菜单按钮 -->
|
|
|
+ <button
|
|
|
+ id="menu-toggle"
|
|
|
+ class="md:hidden text-dark focus:outline-none"
|
|
|
+ >
|
|
|
+ <i class="fa fa-bars text-xl"></i>
|
|
|
+ </button>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 移动端导航菜单 -->
|
|
|
+ <div id="mobile-menu" class="md:hidden hidden bg-white border-t mt-4">
|
|
|
+ <div class="container mx-auto px-4 py-3 space-y-3">
|
|
|
+ <a
|
|
|
+ href="#about"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >about</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#journey"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >journey</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#vision"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >vision</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#product"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >product</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#team"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >team</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#press"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >press</a
|
|
|
+ >
|
|
|
+ <a
|
|
|
+ href="#contact"
|
|
|
+ class="block py-2 text-sm font-medium hover:text-primary transition-smooth"
|
|
|
+ >contact</a
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <main>
|
|
|
+ <!-- 英雄区域 -->
|
|
|
+ <section id="home" class="pt-32 pb-20 md:pt-40 md:pb-32">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <div class="text-center max-w-4xl mx-auto">
|
|
|
+ <h1
|
|
|
+ class="text-[clamp(2.5rem,6vw,4rem)] font-semibold leading-tight mb-6 tracking-tight"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Redefining Commerce</span>
|
|
|
+ <span class="lang-zh hidden">重新定义电商体验</span>
|
|
|
+ </h1>
|
|
|
+ <p
|
|
|
+ class="text-[clamp(1.1rem,3vw,1.5rem)] text-gray-600 mb-10 max-w-3xl mx-auto leading-relaxed text-balance"
|
|
|
+ >
|
|
|
+ <span class="lang-en"
|
|
|
+ >The next generation platform merging e-commerce, AI, and social
|
|
|
+ connectivity.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >集电商、人工智能与社交连接于一体的下一代平台。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
|
|
|
+ <a
|
|
|
+ href="#product"
|
|
|
+ class="bg-primary hover:bg-primary/90 text-white px-8 py-3 rounded-md font-medium transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Explore</span>
|
|
|
+ <span class="lang-zh hidden">探索平台</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#contact"
|
|
|
+ class="border border-gray-300 hover:border-primary hover:text-primary px-8 py-3 rounded-md font-medium transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Contact Us</span>
|
|
|
+ <span class="lang-zh hidden">联系我们</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 产品图片 -->
|
|
|
+ <div class="mt-16 max-w-5xl mx-auto">
|
|
|
+ <div class="rounded-2xl overflow-hidden shadow-2xl">
|
|
|
+ <img
|
|
|
+ src="./img/banner1.png"
|
|
|
+ alt="Aisoco Platform"
|
|
|
+ class="w-full h-auto"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 关于我们 -->
|
|
|
+ <section id="about" class="py-20 bg-light">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <div class="max-w-3xl mx-auto">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-8 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">About Aisoco</span>
|
|
|
+ <span class="lang-zh hidden">关于Aisoco</span>
|
|
|
+ </h2>
|
|
|
+ <p class="text-lg text-gray-600 mb-8 leading-relaxed">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Founded in Silicon Valley, Aisoco is revolutionizing the way
|
|
|
+ people discover, share, and purchase products online through our
|
|
|
+ innovative platform that seamlessly integrates e-commerce,
|
|
|
+ artificial intelligence, and social features.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >Aisoco诞生于硅谷，通过我们创新的平台彻底改变人们在线发现、分享和购买产品的方式，该平台无缝整合了电商、人工智能和社交功能。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ <p class="text-lg text-gray-600 mb-8 leading-relaxed">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Our founding team brings decades of combined experience from
|
|
|
+ leading tech companies including Apple, Amazon, and Google, with
|
|
|
+ a shared vision to create a more intuitive and connected
|
|
|
+ shopping experience.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >我们的创始团队汇集了来自苹果、亚马逊和谷歌等领先科技公司的数十年经验，共同愿景是创造更直观、更互联的购物体验。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <!-- 融资信息 -->
|
|
|
+ <div class="bg-white p-6 rounded-xl border border-gray-100">
|
|
|
+ <h3 class="text-xl font-semibold mb-4">
|
|
|
+ <span class="lang-en">Funding</span>
|
|
|
+ <span class="lang-zh hidden">融资情况</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Aisoco has secured $10 million in Series A funding from
|
|
|
+ leading venture capital firms.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >Aisoco已从领先的风险投资公司获得1000万美元的A轮融资。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 发展历程 -->
|
|
|
+ <section id="journey" class="py-20">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-16 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Our Journey</span>
|
|
|
+ <span class="lang-zh hidden">发展历程</span>
|
|
|
+ </h2>
|
|
|
+
|
|
|
+ <div class="max-w-4xl mx-auto relative pl-16 timeline-line">
|
|
|
+ <!-- 时间点1 -->
|
|
|
+ <div class="mb-16 relative timeline-dot">
|
|
|
+ <h3 class="text-xl font-semibold mb-2">
|
|
|
+ <span class="lang-en">Founding</span>
|
|
|
+ <span class="lang-zh hidden">公司成立</span>
|
|
|
+ <span class="text-gray-500 ml-3">Sep 2024</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600 max-w-2xl">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Aisoco is founded in Silicon Valley by former Apple, Amazon,
|
|
|
+ and Google executives with a vision to transform
|
|
|
+ e-commerce.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >Aisoco由前苹果、亚马逊和谷歌高管在硅谷创立，愿景是改变电商行业。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 时间点2 -->
|
|
|
+ <div class="mb-16 relative timeline-dot">
|
|
|
+ <h3 class="text-xl font-semibold mb-2">
|
|
|
+ <span class="lang-en">Seed Funding</span>
|
|
|
+ <span class="lang-zh hidden">种子轮融资</span>
|
|
|
+ <span class="text-gray-500 ml-3">Dec 2024</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600 max-w-2xl">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Secured $1 million in seed funding to develop the core
|
|
|
+ platform and expand the founding team.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >获得100万美元种子轮融资，用于开发核心平台和扩大创始团队。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 时间点3 -->
|
|
|
+ <div class="relative timeline-dot">
|
|
|
+ <h3 class="text-xl font-semibold mb-2">
|
|
|
+ <span class="lang-en">Series A Funding</span>
|
|
|
+ <span class="lang-zh hidden">A轮融资</span>
|
|
|
+ <span class="text-gray-500 ml-3">May 2025</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600 max-w-2xl">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Closed $10 million Series A funding round led by leading
|
|
|
+ venture capital firms to accelerate product development.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >完成由知名风险投资公司领投的1000万美元A轮融资，加速产品开发。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 愿景部分 -->
|
|
|
+ <section id="vision" class="py-20 bg-light">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <div class="max-w-4xl mx-auto">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-16 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Our Vision</span>
|
|
|
+ <span class="lang-zh hidden">我们的愿景</span>
|
|
|
+ </h2>
|
|
|
+
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
|
|
|
+ <div class="bg-white p-8 rounded-xl border border-gray-100">
|
|
|
+ <div
|
|
|
+ class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-lightbulb-o text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-4">
|
|
|
+ <span class="lang-en">Transforming Commerce</span>
|
|
|
+ <span class="lang-zh hidden">改变商业格局</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >We envision a world where commerce is seamless,
|
|
|
+ personalized, and social - breaking down barriers between
|
|
|
+ discovery, interaction, and purchase.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >我们愿景中的世界，商业是无缝、个性化和社交化的——打破发现、互动和购买之间的壁垒。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="bg-white p-8 rounded-xl border border-gray-100">
|
|
|
+ <div
|
|
|
+ class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-globe text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-4">
|
|
|
+ <span class="lang-en">Global Connectivity</span>
|
|
|
+ <span class="lang-zh hidden">全球连接</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >To create a borderless commerce ecosystem that connects
|
|
|
+ buyers, sellers, and influencers across the globe through
|
|
|
+ intelligent technology.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >通过智能技术创建一个无国界的商业生态系统，连接全球的买家、卖家和影响者。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="bg-white p-8 rounded-xl border border-gray-100">
|
|
|
+ <div
|
|
|
+ class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-users text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-4">
|
|
|
+ <span class="lang-en">Empowering Communities</span>
|
|
|
+ <span class="lang-zh hidden">赋能社区</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >We aim to empower creators, small businesses, and consumers
|
|
|
+ alike through tools that simplify commerce and foster
|
|
|
+ genuine connections.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >我们旨在通过简化商业并促进真正联系的工具，为创作者、小型企业和消费者赋能。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="bg-white p-8 rounded-xl border border-gray-100">
|
|
|
+ <div
|
|
|
+ class="w-14 h-14 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-rocket text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-4">
|
|
|
+ <span class="lang-en">AI-Powered Experience</span>
|
|
|
+ <span class="lang-zh hidden">人工智能驱动的体验</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Leveraging the power of artificial intelligence to create
|
|
|
+ intuitive, personalized shopping experiences that anticipate
|
|
|
+ needs and simplify decisions.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >利用人工智能的力量创造直观、个性化的购物体验，预测需求并简化决策。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mt-16 text-center">
|
|
|
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">
|
|
|
+ <span class="lang-en"
|
|
|
+ >At Aisoco, we believe the future of commerce is intelligent,
|
|
|
+ social, and seamlessly integrated into our daily lives. We're
|
|
|
+ building that future today.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >在Aisoco，我们相信商业的未来是智能、社交化并无缝融入日常生活的。我们正在创造这样的未来。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 产品部分 -->
|
|
|
+ <section id="product" class="py-20">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-16 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">The Product</span>
|
|
|
+ <span class="lang-zh hidden">平台介绍</span>
|
|
|
+ </h2>
|
|
|
+
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-10 max-w-5xl mx-auto">
|
|
|
+ <!-- 功能1 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div
|
|
|
+ class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center text-primary mx-auto mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-shopping-bag text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-3">
|
|
|
+ <span class="lang-en">Smart Commerce</span>
|
|
|
+ <span class="lang-zh hidden">智能电商</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >A seamless shopping experience with personalized
|
|
|
+ recommendations and frictionless checkout.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >无缝购物体验，提供个性化推荐和流畅的结账流程。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 功能2 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div
|
|
|
+ class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center text-primary mx-auto mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-cogs text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-3">
|
|
|
+ <span class="lang-en">AI Intelligence</span>
|
|
|
+ <span class="lang-zh hidden">人工智能</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Advanced AI that understands preferences and delivers
|
|
|
+ hyper-personalized experiences.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >先进的人工智能，能够理解用户偏好并提供高度个性化的体验。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 功能3 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div
|
|
|
+ class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center text-primary mx-auto mb-6"
|
|
|
+ >
|
|
|
+ <i class="fa fa-comments text-2xl"></i>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-xl font-semibold mb-3">
|
|
|
+ <span class="lang-en">Social Connectivity</span>
|
|
|
+ <span class="lang-zh hidden">社交连接</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Built-in social features that allow users to share
|
|
|
+ discoveries and connect around products.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >内置社交功能，允许用户分享发现并围绕产品建立联系。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 产品展示 -->
|
|
|
+ <div class="mt-20 max-w-6xl mx-auto">
|
|
|
+ <img
|
|
|
+ src="./img/20250901-171805.jpg"
|
|
|
+ alt="Aisoco Platform Interface"
|
|
|
+ class="w-full h-auto rounded-2xl shadow-xl"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- App下载按钮 -->
|
|
|
+ <div class="mt-16 flex flex-col sm:flex-row justify-center items-center gap-8 sm:gap-20">
|
|
|
+ <!-- Android下载按钮 -->
|
|
|
+ <a
|
|
|
+ id="android-download-btn"
|
|
|
+ href="javascript:void(0);"
|
|
|
+ class="download-btn flex items-center bg-black text-white px-7 py-3.5 rounded-lg font-medium transition-all shadow-lg min-w-[200px] opacity-50 cursor-not-allowed"
|
|
|
+ target="_blank"
|
|
|
+ rel="noopener noreferrer"
|
|
|
+ >
|
|
|
+ <i class="fa fa-android text-3xl mr-3 text-green-400"></i>
|
|
|
+ <div class="text-left">
|
|
|
+ <div class="text-xs text-gray-300 uppercase tracking-wide">GET IT ON</div>
|
|
|
+ <div class="text-base font-semibold">Google Play</div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <!-- iOS下载按钮 -->
|
|
|
+ <a
|
|
|
+ id="ios-download-btn"
|
|
|
+ href="javascript:void(0);"
|
|
|
+ class="download-btn flex items-center bg-black text-white px-7 py-3.5 rounded-lg font-medium transition-all shadow-lg min-w-[200px] opacity-50 cursor-not-allowed"
|
|
|
+ target="_blank"
|
|
|
+ rel="noopener noreferrer"
|
|
|
+ >
|
|
|
+ <i class="fa fa-apple text-3xl mr-3"></i>
|
|
|
+ <div class="text-left">
|
|
|
+ <div class="text-xs text-gray-300 uppercase tracking-wide">Download on the</div>
|
|
|
+ <div class="text-base font-semibold">App Store</div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 团队部分 -->
|
|
|
+ <section id="team" class="py-20 bg-light">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-16 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Our Team</span>
|
|
|
+ <span class="lang-zh hidden">我们的团队</span>
|
|
|
+ </h2>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 max-w-5xl mx-auto"
|
|
|
+ >
|
|
|
+ <!-- 团队成员1 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div class="w-40 h-40 rounded-full overflow-hidden mx-auto mb-4">
|
|
|
+ <img
|
|
|
+ src="./img/20250901-171822.jpg"
|
|
|
+ alt="Team Member"
|
|
|
+ class="w-full h-full object-cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold">Sarah Johnson</h3>
|
|
|
+ <p class="text-primary text-sm mb-1">CEO & Founder</p>
|
|
|
+ <p class="text-gray-500 text-sm">
|
|
|
+ <span class="lang-en">Ex-Apple</span>
|
|
|
+ <span class="lang-zh hidden">前苹果公司</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 团队成员2 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div class="w-40 h-40 rounded-full overflow-hidden mx-auto mb-4">
|
|
|
+ <img
|
|
|
+ src="./img/20250901-171825.jpg"
|
|
|
+ alt="Team Member"
|
|
|
+ class="w-full h-full object-cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold">Michael Chen</h3>
|
|
|
+ <p class="text-primary text-sm mb-1">CTO</p>
|
|
|
+ <p class="text-gray-500 text-sm">
|
|
|
+ <span class="lang-en">Former Amazon</span>
|
|
|
+ <span class="lang-zh hidden">前亚马逊</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 团队成员3 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div class="w-40 h-40 rounded-full overflow-hidden mx-auto mb-4">
|
|
|
+ <img
|
|
|
+ src="./img/20250901-171829.jpg"
|
|
|
+ alt="Team Member"
|
|
|
+ class="w-full h-full object-cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold">David Rodriguez</h3>
|
|
|
+ <p class="text-primary text-sm mb-1">AI Director</p>
|
|
|
+ <p class="text-gray-500 text-sm">
|
|
|
+ <span class="lang-en">Ex-Google</span>
|
|
|
+ <span class="lang-zh hidden">前谷歌</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 团队成员4 -->
|
|
|
+ <div class="text-center">
|
|
|
+ <div class="w-40 h-40 rounded-full overflow-hidden mx-auto mb-4">
|
|
|
+ <img
|
|
|
+ src="./img/20250901-171832.jpg"
|
|
|
+ alt="Team Member"
|
|
|
+ class="w-full h-full object-cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold">Jessica Park</h3>
|
|
|
+ <p class="text-primary text-sm mb-1">Product Lead</p>
|
|
|
+ <p class="text-gray-500 text-sm">
|
|
|
+ <span class="lang-en">Apple & Amazon</span>
|
|
|
+ <span class="lang-zh hidden">苹果和亚马逊</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 新闻部分 -->
|
|
|
+ <section id="press" class="py-20">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-16 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">In The News</span>
|
|
|
+ <span class="lang-zh hidden">新闻报道</span>
|
|
|
+ </h2>
|
|
|
+
|
|
|
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
|
|
+ <!-- 新闻1 -->
|
|
|
+ <div
|
|
|
+ class="border border-gray-200 rounded-xl p-6 hover:shadow-md transition-smooth"
|
|
|
+ >
|
|
|
+ <div class="flex items-center mb-4">
|
|
|
+ <img
|
|
|
+ src="https://picsum.photos/id/119/80/80"
|
|
|
+ alt="Tech Media Logo"
|
|
|
+ class="w-12 h-12 object-contain"
|
|
|
+ />
|
|
|
+ <span class="text-gray-500 text-sm ml-3">June 15, 2025</span>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold mb-2">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Aisoco Secures $10M in Series A Funding</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden">Aisoco获得1000万美元A轮融资</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600 text-sm">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Silicon Valley startup combining AI, social, and e-commerce
|
|
|
+ raises significant funding.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >这家结合人工智能、社交和电商的硅谷初创公司获得巨额融资。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 新闻2 -->
|
|
|
+ <div
|
|
|
+ class="border border-gray-200 rounded-xl p-6 hover:shadow-md transition-smooth"
|
|
|
+ >
|
|
|
+ <div class="flex items-center mb-4">
|
|
|
+ <img
|
|
|
+ src="https://picsum.photos/id/129/80/80"
|
|
|
+ alt="Tech Media Logo"
|
|
|
+ class="w-12 h-12 object-contain"
|
|
|
+ />
|
|
|
+ <span class="text-gray-500 text-sm ml-3">May 2, 2025</span>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold mb-2">
|
|
|
+ <span class="lang-en">Reinventing E-Commerce Experience</span>
|
|
|
+ <span class="lang-zh hidden">重塑电商体验</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600 text-sm">
|
|
|
+ <span class="lang-en"
|
|
|
+ >Former Apple and Google executives launch innovative new
|
|
|
+ platform.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >前苹果和谷歌高管推出创新新平台。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 新闻3 -->
|
|
|
+ <div
|
|
|
+ class="border border-gray-200 rounded-xl p-6 hover:shadow-md transition-smooth"
|
|
|
+ >
|
|
|
+ <div class="flex items-center mb-4">
|
|
|
+ <img
|
|
|
+ src="https://picsum.photos/id/139/80/80"
|
|
|
+ alt="Tech Media Logo"
|
|
|
+ class="w-12 h-12 object-contain"
|
|
|
+ />
|
|
|
+ <span class="text-gray-500 text-sm ml-3">April 18, 2025</span>
|
|
|
+ </div>
|
|
|
+ <h3 class="text-lg font-semibold mb-2">
|
|
|
+ <span class="lang-en">The Future of Social Shopping</span>
|
|
|
+ <span class="lang-zh hidden">社交购物的未来</span>
|
|
|
+ </h3>
|
|
|
+ <p class="text-gray-600 text-sm">
|
|
|
+ <span class="lang-en"
|
|
|
+ >How Aisoco is merging AI with social features to change
|
|
|
+ online retail.</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >Aisoco如何将人工智能与社交功能融合，改变在线零售。</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 联系部分 -->
|
|
|
+ <section id="contact" class="py-20 bg-light">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <h2
|
|
|
+ class="text-[clamp(1.8rem,4vw,2.5rem)] font-semibold mb-16 text-center"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Get In Touch</span>
|
|
|
+ <span class="lang-zh hidden">联系我们</span>
|
|
|
+ </h2>
|
|
|
+
|
|
|
+ <div class="max-w-4xl mx-auto">
|
|
|
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-10">
|
|
|
+ <!-- 联系表单 -->
|
|
|
+ <div>
|
|
|
+ <form
|
|
|
+ id="contact-form"
|
|
|
+ class="bg-white p-8 rounded-xl border border-gray-100"
|
|
|
+ >
|
|
|
+ <h3 class="text-xl font-semibold mb-6">
|
|
|
+ <span class="lang-en">Send us a message</span>
|
|
|
+ <span class="lang-zh hidden">给我们留言</span>
|
|
|
+ </h3>
|
|
|
+
|
|
|
+ <div class="mb-5">
|
|
|
+ <label
|
|
|
+ for="name"
|
|
|
+ class="block text-gray-700 text-sm font-medium mb-2"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Name</span>
|
|
|
+ <span class="lang-zh hidden">姓名</span>
|
|
|
+ </label>
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ id="name"
|
|
|
+ name="name"
|
|
|
+ class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-smooth"
|
|
|
+ required
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mb-5">
|
|
|
+ <label
|
|
|
+ for="email"
|
|
|
+ class="block text-gray-700 text-sm font-medium mb-2"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Email</span>
|
|
|
+ <span class="lang-zh hidden">邮箱</span>
|
|
|
+ </label>
|
|
|
+ <input
|
|
|
+ type="email"
|
|
|
+ id="email"
|
|
|
+ name="email"
|
|
|
+ class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-smooth"
|
|
|
+ required
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mb-6">
|
|
|
+ <label
|
|
|
+ for="message"
|
|
|
+ class="block text-gray-700 text-sm font-medium mb-2"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Message</span>
|
|
|
+ <span class="lang-zh hidden">留言</span>
|
|
|
+ </label>
|
|
|
+ <textarea
|
|
|
+ id="message"
|
|
|
+ name="message"
|
|
|
+ rows="4"
|
|
|
+ class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition-smooth resize-none"
|
|
|
+ required
|
|
|
+ ></textarea>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <button
|
|
|
+ type="submit"
|
|
|
+ class="w-full bg-primary hover:bg-primary/90 text-white px-6 py-3 rounded-md font-medium transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Send Message</span>
|
|
|
+ <span class="lang-zh hidden">发送留言</span>
|
|
|
+ </button>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 联系信息 -->
|
|
|
+ <div>
|
|
|
+ <div
|
|
|
+ class="bg-white p-8 rounded-xl border border-gray-100 h-full"
|
|
|
+ >
|
|
|
+ <h3 class="text-xl font-semibold mb-6">
|
|
|
+ <span class="lang-en">Contact Information</span>
|
|
|
+ <span class="lang-zh hidden">联系信息</span>
|
|
|
+ </h3>
|
|
|
+
|
|
|
+ <div class="space-y-6">
|
|
|
+ <div>
|
|
|
+ <h4 class="text-sm font-medium text-gray-500 mb-1">
|
|
|
+ <span class="lang-en">Office</span>
|
|
|
+ <span class="lang-zh hidden">办公室</span>
|
|
|
+ </h4>
|
|
|
+ <p class="text-gray-700">
|
|
|
+ <span class="lang-en"
|
|
|
+ >123 Innovation Way, San Francisco, CA 94107</span
|
|
|
+ >
|
|
|
+ <span class="lang-zh hidden"
|
|
|
+ >旧金山创新路123号，CA 94107</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+<!-- <div>
|
|
|
+ <h4 class="text-sm font-medium text-gray-500 mb-1">
|
|
|
+ <span class="lang-en">Phone</span>
|
|
|
+ <span class="lang-zh hidden">电话</span>
|
|
|
+ </h4>
|
|
|
+ <p class="text-gray-700">+1 (555) 123-4567</p>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <h4 class="text-sm font-medium text-gray-500 mb-1">
|
|
|
+ <span class="lang-en">Email</span>
|
|
|
+ <span class="lang-zh hidden">邮箱</span>
|
|
|
+ </h4>
|
|
|
+ <p class="text-gray-700">support@aisoco.net</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="mt-10">
|
|
|
+ <h4 class="text-sm font-medium text-gray-500 mb-4">
|
|
|
+ <span class="lang-en">Follow Us</span>
|
|
|
+ <span class="lang-zh hidden">关注我们</span>
|
|
|
+ </h4>
|
|
|
+ <div class="flex space-x-4">
|
|
|
+ <a
|
|
|
+ href="#"
|
|
|
+ class="w-10 h-10 rounded-full bg-gray-100 hover:bg-primary hover:text-white flex items-center justify-center text-gray-600 transition-smooth"
|
|
|
+ >
|
|
|
+ <i class="fa fa-twitter"></i>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#"
|
|
|
+ class="w-10 h-10 rounded-full bg-gray-100 hover:bg-primary hover:text-white flex items-center justify-center text-gray-600 transition-smooth"
|
|
|
+ >
|
|
|
+ <i class="fa fa-linkedin"></i>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#"
|
|
|
+ class="w-10 h-10 rounded-full bg-gray-100 hover:bg-primary hover:text-white flex items-center justify-center text-gray-600 transition-smooth"
|
|
|
+ >
|
|
|
+ <i class="fa fa-instagram"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </main>
|
|
|
+
|
|
|
+ <!-- 页脚 -->
|
|
|
+ <footer class="bg-dark text-white py-12">
|
|
|
+ <div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
|
|
+ <div class="max-w-6xl mx-auto">
|
|
|
+ <div
|
|
|
+ class="flex flex-col md:flex-row justify-between items-center mb-8"
|
|
|
+ >
|
|
|
+ <a href="#home" class="text-2xl font-semibold mb-6 md:mb-0"
|
|
|
+ >Aisoco</a
|
|
|
+ >
|
|
|
+
|
|
|
+ <div class="flex flex-wrap justify-center gap-x-8 gap-y-4">
|
|
|
+ <a
|
|
|
+ href="#about"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">About</span>
|
|
|
+ <span class="lang-zh hidden">关于我们</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#journey"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Journey</span>
|
|
|
+ <span class="lang-zh hidden">发展历程</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#vision"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Vision</span>
|
|
|
+ <span class="lang-zh hidden">愿景</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#product"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Product</span>
|
|
|
+ <span class="lang-zh hidden">产品</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#team"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Team</span>
|
|
|
+ <span class="lang-zh hidden">团队</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#press"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Press</span>
|
|
|
+ <span class="lang-zh hidden">新闻</span>
|
|
|
+ </a>
|
|
|
+ <a
|
|
|
+ href="#contact"
|
|
|
+ class="text-gray-400 hover:text-white text-sm transition-smooth"
|
|
|
+ >
|
|
|
+ <span class="lang-en">Contact</span>
|
|
|
+ <span class="lang-zh hidden">联系</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"
|
|
|
+ >
|
|
|
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">
|
|
|
+ © 2025 Aisoco, Inc. All rights reserved.
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="flex space-x-6">
|
|
|
+ <a href="./terms.html" target="_blank" class="text-gray-500 hover:text-gray-300 text-sm">
|
|
|
+ <span class="lang-en">Terms of Service</span>
|
|
|
+ <span class="lang-zh hidden">服务条款</span>
|
|
|
+ </a>
|
|
|
+ <a href="./privacy.html" target="_blank" class="text-gray-500 hover:text-gray-300 text-sm">
|
|
|
+ <span class="lang-en">Privacy Policy</span>
|
|
|
+ <span class="lang-zh hidden">隐私政策</span>
|
|
|
+ </a>
|
|
|
+ <a href="./refund.html" target="_blank" class="text-gray-500 hover:text-gray-300 text-sm">
|
|
|
+ <span class="lang-en">Return & Refund Policy</span>
|
|
|
+ <span class="lang-zh hidden">退货退款政策</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </footer>
|
|
|
+
|
|
|
+ <!-- 返回顶部按钮 -->
|
|
|
+ <button
|
|
|
+ id="back-to-top"
|
|
|
+ class="fixed bottom-8 right-8 w-12 h-12 rounded-full bg-dark text-white shadow-lg flex items-center justify-center opacity-0 invisible transition-all z-50"
|
|
|
+ >
|
|
|
+ <i class="fa fa-chevron-up"></i>
|
|
|
+ </button>
|
|
|
+
|
|
|
+ <!-- JavaScript -->
|
|
|
+ <script>
|
|
|
+ // 语言切换功能
|
|
|
+ const langEnBtn = document.getElementById('lang-en');
|
|
|
+ const langZhBtn = document.getElementById('lang-zh');
|
|
|
+ const langEnElements = document.querySelectorAll('.lang-en');
|
|
|
+ const langZhElements = document.querySelectorAll('.lang-zh');
|
|
|
+
|
|
|
+ langEnBtn.addEventListener('click', function () {
|
|
|
+ langEnBtn.classList.add('text-primary');
|
|
|
+ langEnBtn.classList.remove('text-gray-500');
|
|
|
+ langZhBtn.classList.add('text-gray-500');
|
|
|
+ langZhBtn.classList.remove('text-primary');
|
|
|
+
|
|
|
+ langEnElements.forEach((el) => el.classList.remove('hidden'));
|
|
|
+ langZhElements.forEach((el) => el.classList.add('hidden'));
|
|
|
+ });
|
|
|
+
|
|
|
+ langZhBtn.addEventListener('click', function () {
|
|
|
+ langZhBtn.classList.add('text-primary');
|
|
|
+ langZhBtn.classList.remove('text-gray-500');
|
|
|
+ langEnBtn.classList.add('text-gray-500');
|
|
|
+ langEnBtn.classList.remove('text-primary');
|
|
|
+
|
|
|
+ langZhElements.forEach((el) => el.classList.remove('hidden'));
|
|
|
+ langEnElements.forEach((el) => el.classList.add('hidden'));
|
|
|
+ });
|
|
|
+
|
|
|
+ // 导航栏滚动效果
|
|
|
+ const navbar = document.getElementById('navbar');
|
|
|
+ const backToTop = document.getElementById('back-to-top');
|
|
|
+
|
|
|
+ window.addEventListener('scroll', function () {
|
|
|
+ if (window.scrollY > 100) {
|
|
|
+ navbar.classList.add(
|
|
|
+ 'bg-white/90',
|
|
|
+ 'backdrop-blur-sm',
|
|
|
+ 'shadow-sm',
|
|
|
+ 'py-3'
|
|
|
+ );
|
|
|
+ navbar.classList.remove('py-6');
|
|
|
+
|
|
|
+ backToTop.classList.remove('opacity-0', 'invisible');
|
|
|
+ backToTop.classList.add('opacity-100', 'visible');
|
|
|
+ } else {
|
|
|
+ navbar.classList.remove(
|
|
|
+ 'bg-white/90',
|
|
|
+ 'backdrop-blur-sm',
|
|
|
+ 'shadow-sm',
|
|
|
+ 'py-3'
|
|
|
+ );
|
|
|
+ navbar.classList.add('py-6');
|
|
|
+
|
|
|
+ backToTop.classList.add('opacity-0', 'invisible');
|
|
|
+ backToTop.classList.remove('opacity-100', 'visible');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 移动端菜单切换
|
|
|
+ const menuToggle = document.getElementById('menu-toggle');
|
|
|
+ const mobileMenu = document.getElementById('mobile-menu');
|
|
|
+
|
|
|
+ menuToggle.addEventListener('click', function () {
|
|
|
+ mobileMenu.classList.toggle('hidden');
|
|
|
+ const icon = menuToggle.querySelector('i');
|
|
|
+ if (icon.classList.contains('fa-bars')) {
|
|
|
+ icon.classList.remove('fa-bars');
|
|
|
+ icon.classList.add('fa-times');
|
|
|
+ } else {
|
|
|
+ icon.classList.remove('fa-times');
|
|
|
+ icon.classList.add('fa-bars');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 平滑滚动
|
|
|
+ document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
|
|
|
+ anchor.addEventListener('click', function (e) {
|
|
|
+ const href = this.getAttribute('href');
|
|
|
+
|
|
|
+ // 跳过下载按钮和其他非锚点链接
|
|
|
+ if (!href || href === '#' || href === 'javascript:void(0);' || !href.startsWith('#')) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ e.preventDefault();
|
|
|
+
|
|
|
+ // 关闭移动菜单
|
|
|
+ if (!mobileMenu.classList.contains('hidden')) {
|
|
|
+ mobileMenu.classList.add('hidden');
|
|
|
+ const icon = menuToggle.querySelector('i');
|
|
|
+ icon.classList.remove('fa-times');
|
|
|
+ icon.classList.add('fa-bars');
|
|
|
+ }
|
|
|
+
|
|
|
+ const targetElement = document.querySelector(href);
|
|
|
+
|
|
|
+ if (targetElement) {
|
|
|
+ window.scrollTo({
|
|
|
+ top: targetElement.offsetTop - 80,
|
|
|
+ behavior: 'smooth',
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // 返回顶部功能
|
|
|
+ backToTop.addEventListener('click', function () {
|
|
|
+ window.scrollTo({
|
|
|
+ top: 0,
|
|
|
+ behavior: 'smooth',
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // 表单提交处理
|
|
|
+ const contactForm = document.getElementById('contact-form');
|
|
|
+ if (contactForm) {
|
|
|
+ contactForm.addEventListener('submit', function (e) {
|
|
|
+ e.preventDefault();
|
|
|
+
|
|
|
+ // 模拟表单提交
|
|
|
+ const submitBtn = this.querySelector('button[type="submit"]');
|
|
|
+ const originalText = submitBtn.innerHTML;
|
|
|
+
|
|
|
+ submitBtn.disabled = true;
|
|
|
+ submitBtn.innerHTML =
|
|
|
+ '<i class="fa fa-spinner fa-spin mr-2"></i> <span class="lang-en">Sending...</span><span class="lang-zh hidden">发送中...</span>';
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ alert('Thank you for your message! We will get back to you soon.');
|
|
|
+ this.reset();
|
|
|
+ submitBtn.disabled = false;
|
|
|
+ submitBtn.innerHTML = originalText;
|
|
|
+ }, 1500);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ // App下载链接获取功能
|
|
|
+ async function fetchDownloadUrl(type) {
|
|
|
+ try {
|
|
|
+ const response = await fetch(`https://ht.banhubuy.com/operating/config/getUrlByType?type=${type}`);
|
|
|
+ const data = await response.json();
|
|
|
+
|
|
|
+ if (data.code === "200" && data.data && data.data.valueInfo) {
|
|
|
+ return data.data.valueInfo;
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+ } catch (error) {
|
|
|
+ console.error('Failed to fetch download URL:', error);
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 初始化下载按钮
|
|
|
+ async function initDownloadButtons() {
|
|
|
+ const androidBtn = document.getElementById('android-download-btn');
|
|
|
+ const iosBtn = document.getElementById('ios-download-btn');
|
|
|
+
|
|
|
+ // 初始状态：禁用按钮，防止在加载时点击
|
|
|
+ androidBtn.style.pointerEvents = 'none';
|
|
|
+ iosBtn.style.pointerEvents = 'none';
|
|
|
+
|
|
|
+ // 获取Android下载链接
|
|
|
+ const androidUrl = await fetchDownloadUrl(1);
|
|
|
+ if (androidUrl) {
|
|
|
+ // 有下载链接：启用按钮
|
|
|
+ androidBtn.onclick = function(e) {
|
|
|
+ e.preventDefault();
|
|
|
+ window.open(androidUrl, '_blank');
|
|
|
+ };
|
|
|
+ androidBtn.classList.remove('opacity-50', 'cursor-not-allowed');
|
|
|
+ androidBtn.classList.add('hover:bg-gray-800', 'hover:shadow-xl', 'cursor-pointer');
|
|
|
+ androidBtn.style.opacity = '1';
|
|
|
+ androidBtn.style.pointerEvents = 'auto';
|
|
|
+ } else {
|
|
|
+ // 无下载链接：保持禁用状态
|
|
|
+ androidBtn.style.opacity = '0.4';
|
|
|
+ androidBtn.style.pointerEvents = 'none';
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取iOS下载链接
|
|
|
+ const iosUrl = await fetchDownloadUrl(2);
|
|
|
+ if (iosUrl) {
|
|
|
+ // 有下载链接：启用按钮
|
|
|
+ iosBtn.onclick = function(e) {
|
|
|
+ e.preventDefault();
|
|
|
+ window.open(iosUrl, '_blank');
|
|
|
+ };
|
|
|
+ iosBtn.classList.remove('opacity-50', 'cursor-not-allowed');
|
|
|
+ iosBtn.classList.add('hover:bg-gray-800', 'hover:shadow-xl', 'cursor-pointer');
|
|
|
+ iosBtn.style.opacity = '1';
|
|
|
+ iosBtn.style.pointerEvents = 'auto';
|
|
|
+ } else {
|
|
|
+ // 无下载链接：保持禁用状态
|
|
|
+ iosBtn.style.opacity = '0.4';
|
|
|
+ iosBtn.style.pointerEvents = 'none';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 页面加载完成后初始化下载按钮
|
|
|
+ document.addEventListener('DOMContentLoaded', function() {
|
|
|
+ initDownloadButtons();
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
