web_front_end
/
Aisoco


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257
							<!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">
              &copy; 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>