update

layouts/contact/single.html

@@ -74,6 +74,16 @@
         width: 90%;
       }
     }
+
+    .navbar-brand .logo {
+      width: 140px;
+    }
+
+    @media (max-width: 991px) {
+      .navbar-brand .logo {
+        width: 120px;
+      }
+    }
   </style>
 </head>
 
@@ -399,7 +409,7 @@
               <div class="text-title">
                 <h1>LINE</h1>
                 <hr>
-                <p>專業團隊Ｘ提高流量Ｘ增加營收</p>
+                <p>專業團隊ｘ提高流量ｘ增加營收</p>
               </div>
               <img class="qrcode" src="/img/ContactUsImg/QR code.png" alt="">
               <div class="contact-text">
@@ -410,7 +420,12 @@
             </div>
           </div>
           <div class="col-md-6">
-            <main>
+            <!-- 填單 -->
+            <div id="form">
+              {{ partial "form-main.html" . }}
+            </div>
+
+            <!-- <main>
               <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
               <div class="container loaded">
                 <div class="pageForm-p">
@@ -424,7 +439,7 @@
                 </div>
               </div>
 
-            </main>
+            </main> -->
           </div>
         </div>
       </section>

layouts/main-news/single.html

@@ -9,7 +9,7 @@
   <!-- End Google Tag Manager (noscript) -->
   {{ partial "navbar.html" . }}
   <div class="news-main-content">
-    <h1>{{.Title}}</h1>
+    <h1>{{ .Title | safeHTML }}</h1>
     <div id="content">
       <div class="container">
         <div class="row">

layouts/partials/LP_components/Footer.html

@@ -2,7 +2,7 @@
     <div class="container">
         <div class="row">
             <div class="col-xs-12 col-sm-6">
-                <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                <img src="/img/ChoozmoLOGO.png" alt="" width="250">
                 <div class="footer-aigirl">ChoozMo AIGV</div>
                 <div class="footer-follow">關注我們</div>
                 <div class="footer-socials">

layouts/partials/components/en/footer.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row">
       <div class="col-xs-12 col-sm-6 px-0">
-        <img src="https://i.imgur.com/P1gNopa.png" alt="" style="width: 100%; max-width: 250px;">
+        <img src="/img/ChoozmoLOGO.png" alt="" style="width: 100%; max-width: 200px;">
         <div class="footer-aigirl">ChoozMo AIGV</div>
         <div class="footer-follow">Follow us</div>
         <div class="footer-socials">

layouts/partials/components/en/main.html

@@ -1,7 +1,7 @@
 <div id="main">
   <div class="content" id="info">
     <section>
-      <img src="https://i.imgur.com/P1gNopa.png" alt="" class="logo mb-3">
+      <img src="/img/ChoozmoLOGO.png" alt="" class="logo mb-3">
       <h4>
         Without Ad Type Limitations <br>
         Combined with Analysis Tools <br>

layouts/partials/components/main.html

@@ -1,7 +1,7 @@
 <div id="main">
   <div class="content" id="info">
     <section>
-      <img src="https://i.imgur.com/P1gNopa.png" alt="" class="logo mb-3">
+      <img src="/img/ChoozmoLOGO.png" alt="" class="logo mb-3">
       <h4>
         不再侷限一種廣告類型 <br>
         搭配各式分析工具 <br>

layouts/partials/components/nav.html

@@ -1,8 +1,8 @@
 <nav class="navbar navbar-expand-xl navbar-light bg-light">
   <div class="container-fluid justify-content-between justify-content-xl-start">
-    <a class="navbar-brand home" href="/">
-      <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="d-none d-lg-block logo">
-      <img src="{{ .Site.Params.logo_small | relURL }}" alt="{{ .Title }} logo" class="d-block d-lg-none logo-sm">
+    <a class="navbar-brand home p-0" href="/">
+      <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="logo">
+      <!-- <img src="{{ .Site.Params.logo_small | relURL }}" alt="{{ .Title }} logo" class="d-block d-lg-none logo-sm"> -->
       <span class="sr-only">{{ .Title }} - {{ i18n "navHome" }}</span>
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"

layouts/partials/footer.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row">
       <div class="col-xs-12 col-sm-6 px-0">
-        <img src="https://i.imgur.com/P1gNopa.png" alt="" style="width: 100%; max-width: 250px;">
+        <img src="/img/ChoozmoLOGO.png" alt="" style="width: 100%; max-width: 200px;">
         <div class="footer-aigirl">ChoozMo AIGV</div>
         <div class="footer-follow">關注我們</div>
         <div class="footer-socials">

layouts/partials/navbar.html

@@ -1,8 +1,8 @@
 <nav class="navbar navbar-expand-xl navbar-light fixed-top">
   <div class="container-fluid justify-content-between justify-content-xl-start">
-    <a class="navbar-brand" href="/">
-      <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="185"
-        class="d-inline-block align-text-top">
+    <a class="navbar-brand p-0" href="/">
+      <img src="/img/ChoozmoLOGO.png" alt="" 
+        class="d-inline-block align-text-top logo">
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
       aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -14,7 +14,10 @@
           <a class="nav-link" aria-current="page" href="/">首頁</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="/ai-presenter/info/">AI 主播</a>
+          <a class="nav-link" href="/virtual-host-solution/">AI 客服</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/ai-presenter/info/">AI 擬真人</a>
         </li>
         <!-- <li class="nav-item">
           <a class="nav-link" href="/ai-customer/info/">AI 智能客服</a>
@@ -44,9 +47,9 @@
             <!-- <li><a class="dropdown-item" href="/youtube-views/dm/">YouTube View Booster</a></li> -->
           </ul>
         </li>
-        <li class="nav-item">
+        <!-- <li class="nav-item">
           <a class="nav-link" href="/blog/">部落格</a>
-        </li>
+        </li> -->
         <!-- <li class="nav-item">
           <a class="nav-link" href="/collaboration/info/">合作夥伴</a>
         </li> -->
@@ -58,15 +61,15 @@
               <li><a class="dropdown-item" href="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
             </ul>
           </li> -->
-        <li class="nav-item">
+        <!-- <li class="nav-item">
           <a class="nav-link" href="/main-news/">最新消息</a>
-        </li>
+        </li> -->
         <li class="nav-item">
           <a class="nav-link" href="/contact/service">聯絡我們</a>
         </li>
-        <li class="nav-item">
+        <!-- <li class="nav-item">
           <a class="nav-link" href="/aboutus/info/">關於我們</a>
-        </li>
+        </li> -->
       </ul>
 
       <ul class="nav navbar-nav navbar-right flex-row ms-auto mt-3 mt-xl-0">

static/css/contact/styles-contact.css

@@ -1,7 +1,5 @@
 .navbar .navbar-collapse {
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
+  flex-grow: 0;
 }
 
 .header {
@@ -15,14 +13,12 @@
 * {
   margin: 0;
   padding: 0;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .Contact_Us {
   position: relative;
 }
-
 .Contact_Us .banner {
   width: 100%;
   height: 300px;
@@ -30,59 +26,48 @@
   z-index: -1;
   margin-top: -19vw;
 }
-
 .Contact_Us .banner h2 {
   position: absolute;
   color: #fff;
   top: 7vw;
   left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
   text-transform: uppercase;
   letter-spacing: 2px;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
   font-size: 3vw;
 }
-
 .Contact_Us .slick-next::before {
   content: "";
 }
-
 .Contact_Us .slick-prev::before {
   content: "";
 }
-
 .Contact_Us .slick-dots li {
   border-radius: 50%;
 }
-
 .Contact_Us .slick-dots li button::before {
   font-size: 10px;
 }
-
 .Contact_Us .slick-dots li.slick-active button:before {
-  color: #EA5413;
+  color: #ea5413;
   opacity: 1;
   border-radius: 50%;
-  border: 1px solid #EA5413;
+  border: 1px solid #ea5413;
 }
-
 .Contact_Us .text-title {
   margin-top: -90px;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us .text-title {
     margin-top: -45px;
   }
 }
-
 .Contact_Us h1 {
   font-weight: 600;
   font-size: 32px;
   text-align: center;
 }
-
 .Contact_Us hr {
   width: 5vw;
   margin: 0 auto;
@@ -90,122 +75,101 @@
   opacity: 1 !important;
   background: #000;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us hr {
     width: 15vw;
   }
 }
-
 .Contact_Us p {
   margin-top: 15px;
   text-align: center;
   color: #888888;
 }
-
 .Contact_Us .contact_us_title {
   width: 80vw;
   margin: 0 auto;
   text-align: center;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us .contact_us_title {
     width: 100vw;
   }
 }
-
 .Contact_Us .service_info {
   padding-top: 100px;
-  background-color: #FFEBE2;
+  background-color: #ffebe2;
   position: relative;
 }
-
 .Contact_Us .service_info .circle-orange {
   bottom: 10px;
   right: 80px;
   width: 180px;
 }
-
 .Contact_Us .service_info .content-service {
   margin-top: 50px;
 }
-
 .Contact_Us .service_info .content-service h2 {
   font-weight: 600;
-  color: #EA5413;
+  color: #ea5413;
   font-size: 28px;
 }
-
 .Contact_Us .service_info .content-service ul {
   margin-top: 15px;
   color: #888888;
   padding-left: 1rem;
 }
-
 .Contact_Us .service_info .learn-more {
   margin-top: 50px;
   padding: 5px 15px;
-  border: 1px solid #EA5413;
+  border: 1px solid #ea5413;
   border-radius: 30px;
-  background: #EA5413;
+  background: #ea5413;
   color: #fff;
-  -webkit-transition: 0.3s;
   transition: 0.3s;
 }
-
 .Contact_Us .service_info .learn-more:hover {
-  color: #EA5413;
+  color: #ea5413;
   background: #fff;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us .service_info .learn-more {
     margin-top: 15px;
   }
 }
-
 .Contact_Us .service_info .service_slider_Box-m {
   width: 80vw;
   margin: 0 auto;
 }
-
 .Contact_Us .service_info .service_slider_Box-m .slick-dots {
   bottom: 270px;
   left: 50px;
 }
-
 .Contact_Us .service_info .service_slider_Box-m .slick-prev {
   position: absolute;
   left: -20px;
   z-index: 100;
   top: 130px;
 }
-
 .Contact_Us .service_info .service_slider_Box-m .slick-next {
   position: absolute;
   right: -10px;
   z-index: 100;
   top: 130px;
 }
-
 .Contact_Us .service_info .service_slider_Box {
   width: 85vw;
   margin: 0 auto;
   height: 400px;
 }
-
 .Contact_Us .service_info .service_slider_Box .slick-dots {
   bottom: 40px;
   width: 20%;
   left: 90px !important;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_slider {
   height: 450px;
   position: relative;
 }
-
 .Contact_Us .service_info .service_slider_Box .slick-prev {
   position: absolute;
   left: 5px;
@@ -214,7 +178,6 @@
   width: 60px;
   height: 60px;
 }
-
 .Contact_Us .service_info .service_slider_Box .slick-next {
   position: absolute;
   left: 350px;
@@ -223,12 +186,10 @@
   width: 60px;
   height: 60px;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box {
   position: relative;
   margin-top: 50px;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img_seo {
   width: 280px;
   position: absolute;
@@ -237,7 +198,6 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img_video {
   position: absolute;
   width: 360px;
@@ -246,7 +206,6 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img_developmentimg {
   position: absolute;
   bottom: 100px;
@@ -255,7 +214,6 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img_spiderimg {
   position: absolute;
   bottom: 80px;
@@ -264,7 +222,6 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img_bigdataimg {
   position: absolute;
   bottom: -10px;
@@ -273,7 +230,6 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img_googleads {
   position: absolute;
   bottom: 10px;
@@ -282,12 +238,10 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img6 {
   position: relative;
   bottom: 50px;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img1 {
   position: relative;
   left: 15px;
@@ -295,14 +249,12 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img2 {
   position: relative;
   bottom: 50px;
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img3 {
   position: relative;
   left: 15px;
@@ -310,89 +262,64 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us .service_info .service_slider_Box .service_Img_Box .service_Img4 {
   position: relative;
   bottom: 80px;
   -o-object-fit: cover;
      object-fit: cover;
 }
-
 .Contact_Us #contact_box {
   overflow: hidden;
   background: #fff;
 }
-
 .Contact_Us .Contact_Information {
   width: 90vw;
   margin: 0 auto;
   position: relative;
   padding-bottom: 130px;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us .Contact_Information {
     width: 100vw;
   }
 }
-
 .Contact_Us .Contact_Information .Contact_Information_title {
   text-align: center;
 }
-
 .Contact_Us .Contact_Information .Contact_Information_title .choozmo {
+  position: relative;
+  top: -25px;
   width: 640px;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us .Contact_Information .Contact_Information_title .choozmo {
     width: 90vw;
   }
 }
-
 .Contact_Us .Contact_Information .Contact_Information_title .text-title {
   margin-top: -100px;
 }
-
-@media screen and (max-width: 576px) {
+@media (max-width: 576px) {
   .Contact_Us .Contact_Information .Contact_Information_title .text-title {
     margin-top: -60px;
   }
 }
-
 .Contact_Us .Contact_Information .Contact_Information_title .qrcode {
   width: 350px;
 }
-
 .Contact_Us .Contact_Information .contact-text {
   margin-top: -50px;
 }
-
 .Contact_Us .circle {
   position: absolute;
   bottom: -300px;
   left: -350px;
 }
-
-@-webkit-keyframes drift {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
 @keyframes drift {
   0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
-}
-/*# sourceMappingURL=styles-contact.css.map */
+}/*# sourceMappingURL=styles-contact.css.map */

static/css/contact/styles-contact.scss

@@ -8,330 +8,312 @@
   height: 75vh;
   position: relative;
   padding-bottom: 3rem;
-
 }
 
-
-*{
+* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 
-
-
-.Contact_Us{
+.Contact_Us {
   position: relative;
 
-
-.banner{
-  width:100%;
-  height: 300px;
-  position: relative;
-  z-index: -1;
-  margin-top: -19vw;
-  h2{
-    position: absolute;
-    color:#fff;
-    top:7vw;
-    left: 50%;
-    transform:translate(-50%,-50%);
-    text-transform: uppercase;
-    letter-spacing: 2px;
-    text-shadow: 0px 1px 2px rgba(black,0.1);
-    font-size: 3vw;
+  .banner {
+    width: 100%;
+    height: 300px;
+    position: relative;
+    z-index: -1;
+    margin-top: -19vw;
+    h2 {
+      position: absolute;
+      color: #fff;
+      top: 7vw;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      text-shadow: 0px 1px 2px rgba(black, 0.1);
+      font-size: 3vw;
+    }
   }
 
-}
-
-  
-  .slick-next::before{
-      content: "";
+  .slick-next::before {
+    content: "";
   }
-  .slick-prev::before{
-      content: "";
+  .slick-prev::before {
+    content: "";
   }
- 
-  
-  .slick-dots li{
-      border-radius: 50%;
-     
+
+  .slick-dots li {
+    border-radius: 50%;
   }
-  .slick-dots li button::before{
-  font-size: 10px;
-  
+  .slick-dots li button::before {
+    font-size: 10px;
   }
-  .slick-dots li.slick-active button:before{
-      color:#EA5413;
-      opacity: 1;
-      border-radius: 50%;
-  
-      border:1px solid #EA5413
+  .slick-dots li.slick-active button:before {
+    color: #ea5413;
+    opacity: 1;
+    border-radius: 50%;
+
+    border: 1px solid #ea5413;
   }
-  .text-title{
-      margin-top: -90px;
-      @media screen and(max-width:576px) {
-        margin-top: -45px;
-      }
-      
+  .text-title {
+    margin-top: -90px;
+    @media (max-width:576px) {
+      margin-top: -45px;
+    }
   }
-  h1{
-      font-weight: 600;
-      font-size: 32px;
-      text-align: center;
+  h1 {
+    font-weight: 600;
+    font-size: 32px;
+    text-align: center;
   }
 
-  hr{
-      width: 5vw;
-      margin: 0 auto;
-      height: 6px;
-      opacity: 1 !important;
-      background: #000;
-      @media screen and(max-width:576px) {
-        width: 15vw;
-      }
+  hr {
+    width: 5vw;
+    margin: 0 auto;
+    height: 6px;
+    opacity: 1 !important;
+    background: #000;
+    @media (max-width:576px) {
+      width: 15vw;
+    }
   }
-  p{
-      margin-top: 15px;
-      text-align: center;
-      color:#888888;
+  p {
+    margin-top: 15px;
+    text-align: center;
+    color: #888888;
   }
-  .contact_us_title{
-     width: 80vw;
-     margin: 0 auto; 
-     text-align: center;
- 
-    @media screen and(max-width:576px) {
+  .contact_us_title {
+    width: 80vw;
+    margin: 0 auto;
+    text-align: center;
+
+    @media (max-width:576px) {
       width: 100vw;
     }
   }
-  .service_info{
-      // height: 100vh;
-      // background: #FFEBE2;
-      padding-top: 100px;
-      background-color: #FFEBE2;
-      // padding-bottom: 130px;
-      position: relative;
-      .circle-orange{
-        bottom: 10px;
-        right:80px;
-        width: 180px;
+  .service_info {
+    // height: 100vh;
+    // background: #FFEBE2;
+    padding-top: 100px;
+    background-color: #ffebe2;
+    // padding-bottom: 130px;
+    position: relative;
+    .circle-orange {
+      bottom: 10px;
+      right: 80px;
+      width: 180px;
+    }
+    .content-service {
+      margin-top: 50px;
+      h2 {
+        font-weight: 600;
+        color: #ea5413;
+        font-size: 28px;
       }
-      .content-service{
-        margin-top: 50px;
-        h2{
-            font-weight: 600;
-            color:#EA5413;
-            font-size: 28px;
-        }
 
-        ul{
-            margin-top: 15px;
-            color:#888888;
-           padding-left: 1rem;
-        }
-    } 
-      .learn-more{
-          margin-top: 50px;
-          padding: 5px 15px;
-          border:1px solid #EA5413;
-          border-radius: 30px;
-          background: #EA5413;
-          color: #fff;
-          transition: 0.3s;
-          &:hover{
-              color:#EA5413;
-              background: #fff;
-          }
-          @media screen and(max-width:576px) {
-            margin-top: 15px;
-          }
+      ul {
+        margin-top: 15px;
+        color: #888888;
+        padding-left: 1rem;
+      }
+    }
+    .learn-more {
+      margin-top: 50px;
+      padding: 5px 15px;
+      border: 1px solid #ea5413;
+      border-radius: 30px;
+      background: #ea5413;
+      color: #fff;
+      transition: 0.3s;
+      &:hover {
+        color: #ea5413;
+        background: #fff;
+      }
+      @media (max-width:576px) {
+        margin-top: 15px;
+      }
+    }
+    .service_slider_Box-m {
+      width: 80vw;
+      margin: 0 auto;
+      .slick-dots {
+        bottom: 270px;
+        left: 50px;
+      }
+      .slick-prev {
+        position: absolute;
+        left: -20px;
+        z-index: 100;
+        top: 130px;
+      }
+      .slick-next {
+        position: absolute;
+        right: -10px;
+        z-index: 100;
+        top: 130px;
+      }
+    }
+    .service_slider_Box {
+      width: 85vw;
+      margin: 0 auto;
+      height: 400px;
+      //  padding-bottom:150px;
+      .slick-dots {
+        bottom: 40px;
+        width: 20%;
+        left: 90px !important;
+      }
+      .service_slider {
+        height: 450px;
+        position: relative;
       }
-      .service_slider_Box-m{
-        width: 80vw;
-        margin: 0 auto;
-        .slick-dots{
-          bottom:270px;
-          left:50px;
-        
+
+      .slick-prev {
+        position: absolute;
+        left: 5px;
+        top: 350px;
+        z-index: 100;
+        width: 60px;
+        height: 60px;
+      }
+      .slick-next {
+        position: absolute;
+        left: 350px;
+        top: 350px;
+        z-index: 100;
+        width: 60px;
+        height: 60px;
+      }
+      .service_Img_Box {
+        position: relative;
+        margin-top: 50px;
+        .service_Img_seo {
+          width: 280px;
+          position: absolute;
+          left: -180px;
+          bottom: 180px;
+          object-fit: cover;
         }
-        .slick-prev{
+        .service_Img_video {
           position: absolute;
-          left:-20px;
-          z-index: 100;
-         top:130px;
+          width: 360px;
+          left: -250px;
+          bottom: 50px;
+          object-fit: cover;
         }
-        .slick-next{
+        .service_Img_developmentimg {
           position: absolute;
-          right:-10px;
-          z-index: 100;
-          top:130px;
+          bottom: 100px;
+          left: -180px;
+          width: 280px;
+          object-fit: cover;
         }
-      }
-      .service_slider_Box{
-          width: 85vw;
-          margin: 0 auto;
-          height: 400px;
-        //  padding-bottom:150px;
-        .slick-dots{
-          bottom:40px;
-          width: 20%;
-          left:90px !important;
+        .service_Img_spiderimg {
+          position: absolute;
+          bottom: 80px;
+          left: -180px;
+          width: 280px;
+          object-fit: cover;
         }
-          .service_slider{
-              height: 450px;
-              position: relative;
-             
-          }
-         
-          .slick-prev{
+
+        .service_Img_bigdataimg {
           position: absolute;
-          left: 5px;
-          top:350px;
-          z-index: 100;
-          width: 60px;
-          height: 60px;
-          }
-        .slick-next{
+          bottom: -10px;
+          width: 400px;
+          left: -200px;
+          object-fit: cover;
+        }
+        .service_Img_googleads {
           position: absolute;
-          left: 350px;
-          top:350px;
-          z-index: 100;
-          width: 60px;
-          height: 60px;
+          bottom: 10px;
+          left: -150px;
+          width: 280px;
+          object-fit: cover;
+        }
+        .service_Img6 {
+          position: relative;
+          bottom: 50px;
+        }
+        .service_Img1 {
+          position: relative;
+          left: 15px;
+          bottom: 120px;
+          object-fit: cover;
         }
-          .service_Img_Box{
-              position: relative;
-              margin-top: 50px;
-            .service_Img_seo{
-              width: 280px;
-              position: absolute;
-              left:-180px;
-              bottom:180px;
-              object-fit: cover;   
-
-            }
-            .service_Img_video{
-              position: absolute;
-              width: 360px;
-              left:-250px;
-              bottom:50px;
-              object-fit: cover;   
-            }
-            .service_Img_developmentimg{
-              position: absolute;
-              bottom:100px;
-              left:-180px;
-              width: 280px;
-              object-fit: cover;
-            }
-            .service_Img_spiderimg{
-              position: absolute;
-              bottom:80px;
-              left:-180px;
-              width: 280px;
-              object-fit: cover;
-            }
-
-            .service_Img_bigdataimg{
-              position: absolute;
-              bottom:-10px;
-              width: 400px;
-              left:-200px;
-              object-fit: cover;
-            }
-            .service_Img_googleads{
-              position: absolute;
-              bottom:10px;
-              left:-150px;
-              width: 280px;
-              object-fit: cover;
 
-            }
-            .service_Img6{
-              position: relative;
-              bottom:50px;
-            }
-            .service_Img1 {
-              position: relative;
-              left:15px;
-              bottom:120px;
-              object-fit: cover;   
-            }
-          
+        .service_Img2 {
+          position: relative;
 
-            .service_Img2 {
-              position: relative;
-              
-              bottom:50px;
-              object-fit: cover;   
-            }
-            .service_Img3 {
-              position: relative;
-              left:15px;
-              bottom:100px;
-              object-fit: cover;   
-            }
-            .service_Img4 {
-              position: relative;
-              bottom:80px;
-              object-fit: cover;   
-            }
-           
-          }
-          
+          bottom: 50px;
+          object-fit: cover;
+        }
+        .service_Img3 {
+          position: relative;
+          left: 15px;
+          bottom: 100px;
+          object-fit: cover;
+        }
+        .service_Img4 {
+          position: relative;
+          bottom: 80px;
+          object-fit: cover;
+        }
       }
+    }
   }
-  #contact_box{
-      overflow: hidden; 
-      background: #fff; 
-      // margin-top: -10vw;
+  #contact_box {
+    overflow: hidden;
+    background: #fff;
+    // margin-top: -10vw;
   }
-  .Contact_Information{
-      width: 90vw;
-      margin: 0 auto;
-      position: relative;
-      padding-bottom: 130px;
-      @media screen and(max-width:576px) {
-        width: 100vw;
+  .Contact_Information {
+    width: 90vw;
+    margin: 0 auto;
+    position: relative;
+    padding-bottom: 130px;
+    @media (max-width:576px) {
+      width: 100vw;
+    }
+    .Contact_Information_title {
+      text-align: center;
+      .choozmo {
+        position: relative;
+        top: -25px;
+        width: 640px;
+
+        @media (max-width:576px) {
+          width: 90vw;
+        }
       }
-      .Contact_Information_title{
-          text-align: center;
-          .choozmo{
-             width: 640px;
-             @media screen and(max-width:576px) {
-              width: 90vw;
-            }
-          }
-          .text-title{
-              margin-top: -100px;
-              @media screen and(max-width:576px) {
-                margin-top: -60px;
-              }
-          }
-          .qrcode{
-              width: 350px;
-          }
+      .text-title {
+        margin-top: -100px;
+        @media (max-width:576px) {
+          margin-top: -60px;
+        }
       }
-      .contact-text{
-          margin-top: -50px;
+      .qrcode {
+        width: 350px;
       }
-      
+    }
+    .contact-text {
+      margin-top: -50px;
+    }
   }
-  
-  .circle{
+
+  .circle {
     position: absolute;
     bottom: -300px;
     left: -350px;
-}
+  }
   @keyframes drift {
-      0%{
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
+    0% {
+      transform: rotate(0deg);
     }
-  
-
-}
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+}

static/css/custom.css

@@ -2,12 +2,15 @@
 .text-center {
   text-align: center;
 }
+
 .text-left {
   text-align: left;
 }
+
 .mb-large {
   margin-bottom: 6rem;
 }
+
 /* LP-components nav */
 #navigation .navbar-nav .main-link {
   background-color: white;
@@ -155,9 +158,11 @@
   from {
     transform: translate(0px, 0);
   }
+
   65% {
     transform: translate(25px, 0);
   }
+
   to {
     transform: translate(0, -0px);
   }
@@ -167,9 +172,11 @@
   from {
     transform: translate(0px, 0);
   }
+
   65% {
     transform: translate(-20px, 0);
   }
+
   to {
     transform: translate(0, -0px);
   }
@@ -179,9 +186,11 @@
   from {
     transform: translate(0px, 0);
   }
+
   65% {
     transform: translate(0px, 10px);
   }
+
   to {
     transform: translate(0, -0px);
   }
@@ -247,6 +256,7 @@
   .sec-video .video-title {
     display: none;
   }
+
   .sec-video .video-mb-title {
     display: block;
   }
@@ -532,6 +542,7 @@
   padding: 10px;
   border-bottom: 1px dashed grey;
 }
+
 .blog-tabs .blog-tabs-nav li a {
   color: #ea5413;
 }
@@ -728,6 +739,7 @@
 #content .container {
   margin-top: 50px;
 }
+
 .box-image-text .image {
   min-height: 200px;
   max-height: 200px;
@@ -769,7 +781,7 @@
   margin-right: auto;
 }
 
-.box-simple .icon-feature > i {
+.box-simple .icon-feature>i {
   font-size: 4.5rem;
 }
 
@@ -1127,11 +1139,13 @@
 .v-tabs {
   max-width: 100%;
 }
+
 .v-tabs-nav li {
   float: left;
   width: 25%;
   list-style: none;
 }
+
 .v-tabs-nav li a {
   color: grey;
   font-size: 2.5rem;
@@ -1142,15 +1156,18 @@
   text-align: center;
   text-decoration: none;
 }
+
 .v-tabs-nav li a:hover {
   color: black;
 }
+
 .v-tab-active a {
   background: #fff;
   border-bottom: 2px solid grey;
   color: #2db34a;
   cursor: default;
 }
+
 .v-tabs-stage {
   clear: both;
   padding: 40px 30px 10px 30px;
@@ -1170,11 +1187,13 @@
 .d-tabs {
   max-width: 100%;
 }
+
 .d-tabs-nav li {
   float: left;
   width: 50%;
   list-style: none;
 }
+
 .d-tabs-nav li a {
   color: grey;
   font-size: 2.5rem;
@@ -1185,15 +1204,18 @@
   text-align: center;
   text-decoration: none;
 }
+
 .d-tabs-nav li a:hover {
   color: black;
 }
+
 .d-tab-active a {
   background: transparent;
   border-bottom: 2px solid grey;
   color: #2db34a;
   cursor: default;
 }
+
 .d-tabs-stage {
   clear: both;
   padding: 40px 30px 10px 30px;
@@ -1209,11 +1231,13 @@
 .m-tabs {
   max-width: 100%;
 }
+
 .m-tabs-nav li {
   float: left;
   width: 50%;
   list-style: none;
 }
+
 .m-tabs-nav li a {
   color: grey;
   font-size: 2.5rem;
@@ -1224,15 +1248,18 @@
   text-align: center;
   text-decoration: none;
 }
+
 .m-tabs-nav li a:hover {
   color: black;
 }
+
 .m-tab-active a {
   background: transparent;
   border-bottom: 2px solid grey;
   color: #2db34a;
   cursor: default;
 }
+
 .m-tabs-stage {
   clear: both;
   padding: 40px 30px 10px 30px;
@@ -1264,7 +1291,7 @@
   bottom: 5rem;
 }
 
-.sec06 > .container {
+.sec06>.container {
   box-shadow: 0px 0px 8px 2px rgb(212, 212, 212);
   transform: translateY(-12rem);
   background-color: white;
@@ -1344,6 +1371,7 @@
     width: 85%;
     max-width: 1200px;
   }
+
   .sec-steps .steps-block {
     padding: 0rem;
   }
@@ -1373,23 +1401,29 @@
     font-size: 1.3rem;
     line-height: 25px;
   }
+
   .sec-features .row {
     margin: 5rem 0;
   }
+
   .sec-features .features-col {
     position: relative;
     height: 25vh;
   }
+
   .sec-features .features-col .features-block {
     left: 2rem;
     top: 1rem;
   }
+
   .sec-features .row .d-md-block {
     display: none;
   }
+
   .sec-features .row .d-block {
     display: block;
   }
+
   .sec-hero .col-left {
     margin-top: 2.5rem;
   }
@@ -1399,13 +1433,16 @@
   .sec-steps .steps-block {
     padding: 2rem 15rem;
   }
+
   .sec-steps .steps-imgfr {
     width: 100%;
     height: 32vh;
   }
-  .sec-usecase .row > div {
+
+  .sec-usecase .row>div {
     width: 50%;
   }
+
   .sec-features {
     margin-bottom: 0;
   }
@@ -1413,11 +1450,13 @@
   .blog-tabs {
     flex-direction: column;
   }
+
   .blog-tabs .blog-tabs-stage {
     width: 95%;
     margin-top: -4rem;
     background-color: white;
   }
+
   .blog-tabs .blog-tabs-nav {
     width: 95%;
     background-color: #f0f0f0;
@@ -1426,22 +1465,26 @@
     box-shadow: 0 2px 5px -2px rgb(173, 173, 173);
     text-align: left;
   }
+
   .blog-tabs .blog-tabs-nav li {
     padding: 10px;
     border-bottom: 1px dashed grey;
   }
+
   .blog-tabs .blog-tabs-nav li a {
     color: #ea5413;
   }
+
   .footer .container .row {
     flex-direction: column;
     text-align: center;
   }
+
   .navbar-collapse .navbar-nav li {
     display: inline-block;
   }
 
-  .nav > li {
+  .nav>li {
     display: inline-block;
   }
 }
@@ -1451,45 +1494,57 @@
     padding-left: 2rem;
     padding-right: 2rem;
   }
+
   .sec04 {
     padding: 8rem 0;
     background-color: #ffebe2;
     position: relative;
     padding-top: 3rem;
   }
+
   .project {
     max-height: 20rem;
   }
+
   .sec04 {
     padding: 12rem 0;
     padding-top: 3rem;
   }
+
   .sec-hero {
     padding: 4rem 0;
   }
+
   .sec-hero .hero-title {
     font-size: 2.5rem;
   }
+
   .sec-steps .steps-block {
     padding: 2rem 6rem;
   }
+
   .sec-steps .steps-imgfr {
     width: 100%;
     height: 20rem;
   }
+
   .sec-steps .steps-txt h3.steps-sub {
     font-size: 1.5rem;
   }
+
   .sec-usecase .container {
     width: 98%;
     max-width: 1200px;
   }
-  .sec-usecase .row > div {
+
+  .sec-usecase .row>div {
     width: 100%;
   }
+
   .sec-usecase .usecase-block {
     padding: 0 4rem;
   }
+
   .hero-purple {
     width: 130px;
   }
@@ -1512,9 +1567,11 @@
   .hero-amplify {
     width: 90px;
   }
+
   #content .container {
     margin-top: 0;
   }
+
   .sec01 {
     padding-top: 0;
   }
@@ -1531,6 +1588,7 @@
   #block-vtuber {
     padding: 0;
   }
+
   #blog-listing-medium .tag-post:nth-of-type(3n + 1) .image::after {
     background-color: transparent;
   }
@@ -1542,19 +1600,24 @@
   #blog-listing-medium .tag-post:nth-of-type(3n) .image::after {
     background-color: transparent;
   }
+
   .owl-carousel .owl-controls .owl-buttons,
   .owl-theme .owl-controls .owl-buttons {
     top: 130%;
   }
+
   .owl-item {
     height: unset;
   }
+
   .v-tabs-nav {
     padding: 0 30px;
   }
+
   .d-tabs-nav {
     padding: 0 30px;
   }
+
   .m-tabs-nav {
     padding: 0 30px;
   }
@@ -1564,15 +1627,19 @@
   .container-footer {
     flex-direction: column;
   }
-  .container-footer > div {
+
+  .container-footer>div {
     margin-bottom: 1.5rem;
   }
+
   .video-col {
     margin-bottom: 2rem;
   }
+
   .mb-mobile {
     margin-bottom: 5rem;
   }
+
   .step-box {
     margin-bottom: 2rem;
   }
@@ -1608,7 +1675,7 @@
   border: none;
 }
 
-.box-steps .icon > i {
+.box-steps .icon>i {
   font-size: 3.5rem;
 }
 
@@ -1668,10 +1735,20 @@
   min-height: 65px;
 }
 
-.navbar-brand > img {
+.navbar-brand>img {
   display: inline-block;
 }
 
+.navbar-brand .logo {
+  width: 140px;
+}
+
+@media (max-width: 991px) {
+  .navbar-brand .logo {
+    width: 120px;
+  }
+}
+
 @media (max-width: 767px) {
   .visible-xs {
     display: inline-block !important;
@@ -1679,12 +1756,12 @@
 }
 
 .logo {
-  width: 185px;
+  width: 140px;
 }
 
-@media (max-width: 1400px) {
+@media (max-width: 991px) {
   .logo {
-    width: 150px;
+    width: 120px;
   }
 }
 
@@ -1879,12 +1956,14 @@
   background-color: #fff;
   position: relative;
 }
+
 .vt-style {
   display: inline-block;
   padding: 0.3rem 0.4rem;
   background-color: #ffebe2;
   margin: 0 0.2rem;
 }
+
 .vt-ribbon {
   position: absolute;
   top: 1rem;
@@ -2011,7 +2090,7 @@
 }
 
 @media (max-width: 765px) {
-  #vt-list .row > div {
+  #vt-list .row>div {
     padding-left: 0px;
   }
 }
@@ -2232,6 +2311,7 @@
   border: solid 1px #bbb;
   text-align: left;
 }
+
 .seo-list .fw-bold {
   font-weight: 900;
 }
@@ -2303,6 +2383,7 @@
 .aicustomer-sec01 img {
   border-radius: 15px;
 }
+
 .aicustomer-sec02-0 {
   width: 70%;
   margin: 30px auto;
@@ -2319,30 +2400,36 @@
 .aicustomer-sec02 p {
   margin-top: 30px;
 }
+
 .aicustomer-sec02-title {
   margin-left: 70px;
   font-weight: bold;
 }
+
 @media (max-width: 991px) {
   .aicustomer-sec02-title {
     margin-left: 0;
   }
 }
+
 .aicustomer-title-line {
   width: 700px;
   height: auto;
   object-fit: cover;
 }
+
 @media (max-width: 1200px) {
   .aicustomer-title-line {
     width: 600px;
   }
 }
+
 @media (max-width: 767px) {
   .aicustomer-title-line {
     width: 80vw;
   }
 }
+
 .aicustomer-sec02 {
   background-image: url(../img/aicustomer/aicustomerbg.png);
   background-repeat: no-repeat;
@@ -2399,6 +2486,7 @@
 
   height: 500px;
 }
+
 @media screen and (max-width: 768px) {
   .aicustoerSec05 {
     background-image: url(../img/aicustomer/aicustomer-m-bg2.webp);
@@ -2424,6 +2512,7 @@
     display: none;
   }
 }
+
 .arrow-wave span {
   display: block;
   position: relative;
@@ -2461,6 +2550,7 @@
   animation: animate-arrow-wave 2s infinite;
   animation-delay: 0.25s;
 }
+
 .arrow-wave span:nth-child(2n) {
   animation: animate-arrow-wave 2s infinite;
   animation-delay: 0.5s;
@@ -2475,15 +2565,19 @@
   0% {
     opacity: 0.2;
   }
+
   25% {
     opacity: 0.2;
   }
+
   50% {
     opacity: 0.2;
   }
+
   75% {
     opacity: 1;
   }
+
   100% {
     opacity: 0.2;
   }
@@ -2557,4 +2651,4 @@
 
 #form .submit-btn {
   margin-top: 20px;
-}
+}

static/css/style.css

@@ -9,6 +9,14 @@
   width: 100%;
   font-size: 16px;
 }
+.navbar .logo {
+  width: 140px;
+}
+@media (max-width: 991px) {
+  .navbar .logo {
+    width: 120px;
+  }
+}
 
 .navbar .navbar-collapse {
   flex-grow: 0;
@@ -5062,10 +5070,11 @@
   text-align: center;
   font-weight: bold;
   background: url(https://i.imgur.com/N7tVTSh.png);
-  padding: 100px;
+  padding: 70px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
+  line-height: 1.5;
 }
 @media (max-width: 767px) {
   .news-main-content h1 {
@@ -5078,7 +5087,7 @@
   position: absolute;
   width: 6rem;
   height: 0.3rem;
-  top: 75%;
+  top: 80%;
   left: 45%;
   content: "";
   background-color: #ea5413;
@@ -5086,7 +5095,7 @@
 @media (max-width: 767px) {
   .news-main-content h1::after {
     height: 0.2rem;
-    top: 83%;
+    top: 75%;
     left: 40%;
   }
 }

static/css/style.scss

@@ -7,6 +7,14 @@
   background-color: white !important;
   width: 100%;
   font-size: 16px;
+
+  .logo {
+    width: 140px;
+
+    @media (max-width: 991px) {
+      width: 120px;
+    }
+  }
 }
 
 .navbar .navbar-collapse {
@@ -1938,7 +1946,6 @@
 }
 
 @media (max-width: 767px) {
-
   // .header {
   //   height: 70vh;
   // }
@@ -2725,7 +2732,7 @@
   }
 
   .card-content {
-    &>div {
+    & > div {
       display: flex;
       flex-direction: column;
       // border: 2px solid #ffebe2;
@@ -4002,7 +4009,7 @@
       filter: invert(33%) sepia(55%) saturate(2232%) hue-rotate(357deg) brightness(102%) contrast(89%);
     }
 
-    .content>div {
+    .content > div {
       margin-bottom: 40px;
       padding: 0px 15px;
       border-left: 1px solid rgba(0, 0, 0, 0.125);
@@ -4404,7 +4411,7 @@
     .row {
       padding: 0 5vw;
 
-      &>div {
+      & > div {
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -4759,7 +4766,6 @@
         }
       }
 
-
       button {
         display: flex;
         justify-content: center;
@@ -4791,7 +4797,7 @@
 
     .accordion-item {
       margin-bottom: 20px;
-      border: 1px solid rgba(0, 0, 0, .125);
+      border: 1px solid rgba(0, 0, 0, 0.125);
 
       .accordion-body {
         display: block;
@@ -4801,7 +4807,7 @@
     .accordion-button {
       &:not(.collapsed) {
         color: #000;
-        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
+        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
       }
     }
   }
@@ -4867,7 +4873,6 @@
         margin-bottom: 0;
       }
     }
-
   }
 
   .iframe-box {
@@ -5980,10 +5985,11 @@
     text-align: center;
     font-weight: bold;
     background: url(https://i.imgur.com/N7tVTSh.png);
-    padding: 100px;
+    padding: 70px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
+    line-height: 1.5;
 
     @media (max-width: 767px) {
       padding: 40px 20px 60px;
@@ -5995,14 +6001,14 @@
       position: absolute;
       width: 6rem;
       height: 0.3rem;
-      top: 75%;
+      top: 80%;
       left: 45%;
       content: "";
       background-color: #ea5413;
 
       @media (max-width: 767px) {
         height: 0.2rem;
-        top: 83%;
+        top: 75%;
         left: 40%;
       }
     }
@@ -6323,7 +6329,6 @@
 
 #video-editing,
 #ai-virtual-star {
-
   p,
   li {
     font-size: 1.25rem;
@@ -6526,7 +6531,9 @@
     height: 0;
     opacity: 0;
     overflow: hidden;
-    transition: height 1.5s ease, opacity 1.5s ease;
+    transition:
+      height 1.5s ease,
+      opacity 1.5s ease;
 
     &.active {
       height: auto;
@@ -6624,7 +6631,6 @@
   }
 
   @keyframes animate-arrow-wave {
-
     0%,
     25%,
     50% {
@@ -6652,4 +6658,4 @@
       }
     }
   }
-}
+}

webSite/config.toml

@@ -39,8 +39,14 @@ page = ["HTML"]
     weight = 1
 
 [[menu.main]]
-    identifier="AI 主播"
-    name = "AI 主播"
+    identifier="AI 客服"
+    name = "AI 客服"
+    url  = "/virtual-host-solution/"
+    weight = 2
+
+[[menu.main]]
+    identifier="AI 擬真人"
+    name = "AI 擬真人"
     url  = "/ai-presenter/info/"
     weight = 2
     
@@ -155,17 +161,17 @@ page = ["HTML"]
 #    parent = "home"
 
 
-[[menu.main]]
-    identifier="blog"
-    name = "部落格"
-    url  = "/blog/"
-    weight = 5
+#[[menu.main]]
+#    identifier="blog"
+#    name = "部落格"
+#    url  = "/blog/"
+#    weight = 5
 
-[[menu.main]]
-    identifier="main-news"
-    name = "最新消息"
-    url  = "/main-news/"
-    weight = 6
+#[[menu.main]]
+#    identifier="main-news"
+#    name = "最新消息"
+#    url  = "/main-news/"
+#    weight = 6
 
 [[menu.main]]
     identifier="聯絡我們"
@@ -173,11 +179,11 @@ page = ["HTML"]
     url  = "/contact/service/"
     weight = 7
 
-[[menu.main]]
-    identifier="關於我們"
-    name = "關於我們"
-    url  = "/aboutus/info/"
-    weight = 8
+#[[menu.main]]
+#    identifier="關於我們"
+#    name = "關於我們"
+#    url  = "/aboutus/info/"
+#    weight = 8
 
 # Top bar social links menu
 
@@ -250,8 +256,8 @@ page = ["HTML"]
     # Format dates with Go's time formatting
     date_format = "January 2, 2006"
 
-    logo = "img/Choozmo cloud logo.png"
-    logo_small = "img/Choozmo cloud logo.png"
+    logo = "img/ChoozmoLOGO.png"
+    logo_small = "img/ChoozmoLOGO.png"
     address = """<p class="text-uppercase"><strong>集仕多股份有限公司</strong>
         <br>新竹縣竹北市復興二路229號9樓之9
         <br>聯絡電話：036670804

webSite/content/blog/awards.md

@@ -4,7 +4,7 @@ date = "2022-08-19T14:30:55+08:00"
 tags = ["aboutus"]
 type = "blog"
 categories = ["aboutus"]
-banner = "https://i.imgur.com/P1gNopa.png"
+banner = "/img/ChoozmoLOGO.png"
 +++
 
 ChoozMo has won numerous awards and recognitions, including:

webSite/content/main-news/virtual-host-solution/index.md

@@ -1,5 +1,5 @@
 +++
-title = "AI主持人、AI主播製作，集仕多為企業量身打造虛擬替身"
+title = "AI 客服、AI 主持人、AI 主播製作<br>集仕多為企業量身打造虛擬替身"
 date = "2024-12-17T00:16:00+08:00"
 tags = ["企業級AI主播","AI主播","虛擬主播","集仕多","三立AI主播","華視AI主播","警廣AI主播","AI替身"]
 categories = "焦點訊息"
@@ -8,7 +8,7 @@ url = "/virtual-host-solution"
 keyword = ["ChoozMoAIGV", "ChoozMo AI-PR", "AI主持人", "AI主播", "虛擬主播"]
 +++
 
-<img class="img-fluid mb-5" src="/img/aicustomer/choozmoAiCustomer.webp" alt="choozmoAiCustomer">
+<img class="img-fluid mb-5" src="/img/aicustomer/AI建模.webp" alt="choozmoAiCustomer">
 
 ## **一鍵生成 AI 客服**
 

webSite/var/www/html/collaboration/index.html

@@ -593,7 +593,7 @@
       <div class="container">
         <div class="row">
           <div class="col-xs-12 col-sm-6">
-            <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+            <img src="/img/ChoozmoLOGO.png" alt="" width="250">
             <div class="footer-aigirl">ChoozMo AIGV</div>
             <div class="footer-follow">關注我們</div>
             <div class="footer-socials">

webSite/var/www/html/collaboration/info/index.html

@@ -97,7 +97,7 @@
     <div class="container">
       <div class="row">
         <div class="col-xs-12 col-sm-6">
-          <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+          <img src="/img/ChoozmoLOGO.png" alt="" width="250">
           <div class="footer-aigirl">ChoozMo AIGV</div>
           <div class="footer-follow">關注我們</div>
           <div class="footer-socials">