web_front_end
/
Aisoco


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="img/favicon.ico" />
    <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>

              <!-- H5网页版 -->
              <a
                href="https://www.bandhubuy.com/"
                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] hover:bg-gray-800 hover:scale-105"
                target="_blank"
                rel="noopener noreferrer"
              >
                <i class="fa fa-globe text-3xl mr-3 text-blue-400"></i>
                <div class="text-left">
                  <div class="text-xs text-gray-300 uppercase tracking-wide">Open in</div>
                  <div class="text-base font-semibold">Web Browser</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>
            </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>
            </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">Lucas Li</h3>
              <p class="text-primary text-sm mb-1">Asia Business Manager</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">Mohammad Hira Sorker</h3>
              <p class="text-primary text-sm mb-1">Bangladesh Business Manager</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"
                          >B&B Tower, Jublee Road, Tin Puler Matha,Chattogram,Bangladesh</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>