更新 navbar

layouts/partials/components/nav.html

@@ -47,7 +47,12 @@
             中 / en
           </button>
         </li>
-        <li><a href="https://cloud.choozmo.com/login" target="_blank" class="signin-link">開始製作 AI 主播影片</a></li>
+        <li class="me-3 mb-4 mb-xl-0">
+          <a href="/virtual-host-solution/" class="solution-link">客製化 AI 主持人報價</a>
+        </li>
+        <li>
+          <a href="https://cloud.choozmo.com/login" target="_blank" class="signin-link">開始製作 AI 主播影片</a>
+        </li>
         <!-- <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li> -->
       </ul>
       <!-- <ul class="navbar-nav me-auto mb-2 mb-lg-0">

layouts/partials/navbar.html

@@ -15,9 +15,9 @@
         <li class="nav-item">
           <a class="nav-link" href="/ai-presenter/info/">AI 主播</a>
         </li>
-        <li class="nav-item">
+        <!-- <li class="nav-item">
           <a class="nav-link" href="/virtual-host-solution/">AI 主持人方案</a>
-        </li>
+        </li> -->
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
             aria-expanded="false">
@@ -63,7 +63,12 @@
       </ul>
 
       <ul class="nav navbar-nav navbar-right flex-row ms-auto my-3 my-lg-0">
-        <li><a href="https://cloud.choozmo.com/login" target="_blank" class="signin-link">開始製作 AI 主播影片</a></li>
+        <li class="me-3 mb-4 mb-xl-0">
+          <a href="/virtual-host-solution/" class="solution-link">客製化 AI 主持人報價</a>
+        </li>
+        <li>
+          <a href="https://cloud.choozmo.com/login" target="_blank" class="signin-link">開始製作 AI 主播影片</a>
+        </li>
         <!-- <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li> -->
       </ul>
     </div>

static/css/style.css

@@ -34,6 +34,24 @@
   background-color: #fff;
   padding: 8px 17px 8px 23px;
 }
+.navbar-nav .solution-link {
+  padding: 8px 18px;
+  text-decoration: none;
+  color: #fff;
+  font-weight: 400;
+  border: 1px solid #ea5413;
+  background-color: #ea5413;
+  border-radius: 3rem;
+  transition: all 0.3s;
+}
+.navbar-nav .solution-link:hover {
+  opacity: 0.8;
+}
+@media (max-width: 1400px) {
+  .navbar-nav .solution-link {
+    font-size: 14px;
+  }
+}
 .navbar-nav .signin-link {
   padding: 8px 18px;
   text-decoration: none;
@@ -42,7 +60,7 @@
   border: 1px solid #ea5413;
   border-radius: 3rem;
 }
-@media (max-width: 1200px) {
+@media (max-width: 1400px) {
   .navbar-nav .signin-link {
     font-size: 14px;
   }
@@ -64,6 +82,17 @@
   opacity: 0.8;
 }
 
+@media (max-width: 1400px) {
+  .navbar {
+    font-size: 14px;
+  }
+}
+@media (max-width: 1200px) {
+  .navbar {
+    font-size: 16px;
+  }
+}
+
 .header {
   margin-top: 70px;
   position: relative;
@@ -4700,7 +4729,7 @@
 }
 .privacy-consent button {
   padding: 7px 30px;
-  display: inline-block;
+  display: inlinsolution-linke-block;
   color: #fff;
   border: none;
   border-radius: 5px;
@@ -4709,4 +4738,38 @@
 }
 .privacy-consent button:hover {
   opacity: 0.8;
+}
+
+.solution-accordion {
+  padding-bottom: 50px;
+}
+.solution-accordion h2 {
+  margin: 0;
+}
+.solution-accordion h2 button {
+  font-weight: bold;
+}
+.solution-accordion ul:first-child {
+  padding-left: 0;
+  list-style: none;
+}
+.solution-accordion li,
+.solution-accordion p {
+  margin-bottom: 10px;
+}
+.solution-accordion .accordion-body {
+  padding: 20px 40px;
+}
+.solution-accordion .accordion-item {
+  margin-bottom: 30px;
+}
+.solution-accordion .accordion-button:not(.collapsed) {
+  color: #000;
+  background-color: transparent !important;
+}
+.solution-accordion .accordion-button:not(.collapsed)::after {
+  filter: invert(32%) sepia(100%) saturate(1158%) hue-rotate(353deg) brightness(101%) contrast(96%);
+}
+.solution-accordion .accordion-button:focus {
+  box-shadow: none;
 }/*# sourceMappingURL=style.css.map */

static/css/style.scss

@@ -39,6 +39,25 @@
     }
   }
 
+  .solution-link {
+    padding: 8px 18px;
+    text-decoration: none;
+    color: #fff;
+    font-weight: 400;
+    border: 1px solid #ea5413;
+    background-color: #ea5413;
+    border-radius: 3rem;
+    transition: all .3s;
+
+    &:hover {
+      opacity: .8;
+    }
+
+    @media (max-width: 1400px) {
+      font-size: 14px;
+    }
+  }
+
   .signin-link {
     padding: 8px 18px;
     text-decoration: none;
@@ -47,7 +66,7 @@
     border: 1px solid #ea5413;
     border-radius: 3rem;
 
-    @media (max-width: 1200px) {
+    @media (max-width: 1400px) {
       font-size: 14px;
     }
   }
@@ -72,6 +91,16 @@
   }
 }
 
+.navbar {
+  @media (max-width: 1400px) {
+    font-size: 14px;
+  }
+
+  @media (max-width: 1200px) {
+    font-size: 16px;
+  }
+}
+
 .header {
   margin-top: 70px;
   position: relative;
@@ -5166,7 +5195,7 @@
 
   button {
     padding: 7px 30px;
-    display: inline-block;
+    display: inlinsolution-linke-block;
     color: #fff;
     border: none;
     border-radius: 5px;
@@ -5177,4 +5206,45 @@
       opacity: .8;
     }
   }
+}
+
+.solution-accordion {
+  padding-bottom: 50px;
+  h2 {
+    margin: 0;
+    button {
+      font-weight: bold;
+    }
+  }
+
+  ul:first-child {
+    padding-left: 0;
+    list-style: none;
+  }
+
+  li,
+  p {
+    margin-bottom: 10px;
+  }
+
+  .accordion-body {
+    padding: 20px 40px;
+  }
+
+  .accordion-item {
+    margin-bottom: 30px;
+  }
+
+  .accordion-button:not(.collapsed) {
+    color: #000;
+    background-color: transparent !important;
+
+    &::after {
+      filter: invert(32%) sepia(100%) saturate(1158%) hue-rotate(353deg) brightness(101%) contrast(96%);
+    }
+  }
+
+  .accordion-button:focus {
+    box-shadow: none;
+  }
 }

webSite/config.toml

@@ -44,17 +44,11 @@ page = ["HTML"]
     url  = "/ai-presenter/info/"
     weight = 2
 
-[[menu.main]]
-    identifier="AI 主持人方案"
-    name = "AI 主持人方案"
-    url  = "/virtual-host-solution/"
-    weight = 3
-
 [[menu.main]]
     identifier="home"
     name = "服務"
     url  = ""
-    weight = 4
+    weight = 3
 
 [[menu.main]]
     identifier="youtube-views-zh"
@@ -130,25 +124,25 @@ page = ["HTML"]
     identifier="blog"
     name = "部落格"
     url  = "/tags/vtuber/"
-    weight = 5
+    weight = 4
 
 [[menu.main]]
     identifier="main-news"
     name = "最新消息"
     url  = "/main-news/"
-    weight = 6
+    weight = 5
 
 [[menu.main]]
     identifier="聯絡我們"
     name = "聯絡我們"
     url  = "/contact/service/"
-    weight = 7
+    weight = 6
 
 [[menu.main]]
     identifier="關於我們"
     name = "關於我們"
     url  = "/aboutus/info/"
-    weight = 8
+    weight = 7
 
 # Top bar social links menu