update

layouts/partials/components/ai-anchor.html

@@ -39,12 +39,15 @@
 
     <div class="col-12 mt-5">
       <div class="background-cta">
-        <h2>想了解更多？</h2>
+        <!-- <h2>想了解更多？</h2>
         <p class="d-none d-sm-block">想了解 AI 智能客服如何幫助您提升服務品質及效率，讓您的品牌更具競爭力嗎？<br>歡迎點擊下方按鈕，與創辦人進行一對一交流！</p>
         <p class="d-block d-sm-none">想了解 AI 智能客服<br>如何幫助您提升服務品質及效率<br>讓您的品牌更具競爭力嗎？<br>歡迎點擊下方按鈕<br>與創辦人進行一對一交流！</p>
         <a href="https://cmm.ai/cal" target="_blank">
-          立即預約
-        </a>
+          與創辦人交流
+        </a> -->
+       <a href="https://cmm.ai/cal" target="_blank">
+        <span class='pulse-button'>與創辦人交流</span>
+       </a>
       </div>
     </div>
 

layouts/virtual-host-solution/single.html

@@ -29,11 +29,8 @@
               <h2 class="mt-5">AI 客服使用台語問答，讓長者更容易融入科技</h2>
 
               <div class="background-cta">
-                <h2>想了解更多？</h2>
-                <p class="d-none d-sm-block">想了解 AI 智能客服如何幫助您提升服務品質及效率，讓您的品牌更具競爭力嗎？<br>歡迎點擊下方按鈕，與創辦人進行一對一交流！</p>
-                <p class="d-block d-sm-none">想了解 AI 智能客服<br>如何幫助您提升服務品質及效率<br>讓您的品牌更具競爭力嗎？<br>歡迎點擊下方按鈕<br>與創辦人進行一對一交流！</p>
                 <a href="https://cmm.ai/cal" target="_blank">
-                  立即預約
+                  <span class='pulse-button'>與創辦人交流</span>
                 </a>
               </div>
 

static/css/style.css

@@ -5959,7 +5959,6 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: #920783;
   color: white;
   border-radius: 20px;
 }
@@ -5968,41 +5967,40 @@
     padding: 40px 20px;
   }
 }
-.background-cta p {
-  font-size: 1.25rem;
-}
-@media (max-width: 575px) {
-  .background-cta p {
-    font-size: 1rem !important;
-  }
-}
 .background-cta a {
-  display: block;
-  margin: 15px auto 5px;
-  padding: 15px 40px;
-  color: white !important;
-  font-size: 1.25rem;
-  font-weight: bold;
   text-decoration: none;
-  border-radius: 100px;
-  transition: all 0.2s;
-  background-color: #ea5413;
-  border: 2px solid #920783;
-  box-shadow: 0 0 0 4px #ea5413, 0 0 0 4px #920783;
-}
-.background-cta a:hover {
-  opacity: 0.8;
 }
-.background-cta p {
+.background-cta .pulse-button {
+  display: block;
+  width: 250px;
+  font-size: 1.5rem;
+  font-weight: bold;
+  letter-spacing: 1px;
+  text-transform: uppercase;
   text-align: center;
-}
-.background-cta h2 {
+  line-height: 80px;
   color: white;
-  font-size: 2.5rem;
+  border: none;
+  border-radius: 100px;
+  background: #ea5413;
+  cursor: pointer;
+  box-shadow: 0 0 0 0 rgba(234, 84, 19, 0.5);
+  animation: pulse 1.5s infinite;
 }
-@media (max-width: 575px) {
-  .background-cta h2 {
-    font-size: 2rem;
-    margin-bottom: 15px;
+.background-cta .pulse-button:hover {
+  animation: none;
+}
+@keyframes pulse {
+  0% {
+    transform: scale(0.9);
+  }
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 50px rgba(255, 102, 40, 0);
+    /* 調整為相近的橘色光暈 */
+  }
+  100% {
+    transform: scale(0.9);
+    box-shadow: 0 0 0 0 rgba(255, 102, 40, 0);
   }
 }/*# sourceMappingURL=style.css.map */

static/css/style.scss

@@ -6978,7 +6978,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: #920783;
+  // background: #920783;
   // background: linear-gradient(140deg, #920783 65%, #ea5413 100%);
   color: white;
   border-radius: 20px;
@@ -6987,44 +6987,87 @@
     padding: 40px 20px;
   }
 
-  p {
-    font-size: 1.25rem;
-
-    @media (max-width: 575px) {
-      font-size: 1rem !important;
-    }
+  a {
+    text-decoration: none;
   }
 
-  a {
+  // p {
+  //   font-size: 1.25rem;
+
+  //   @media (max-width: 575px) {
+  //     font-size: 1rem !important;
+  //   }
+  // }
+
+  // a {
+  //   display: block;
+  //   margin: 15px auto 5px;
+  //   padding: 15px 40px;
+  //   color: white !important;
+  //   font-size: 1.25rem;
+  //   font-weight: bold;
+  //   text-decoration: none;
+  //   border-radius: 100px;
+  //   transition: all .2s;
+  //   background-color: #ea5413;
+  //   border: 2px solid #920783;
+  //   box-shadow: 0 0 0 4px #ea5413, 0 0 0 4px #920783;
+
+  //   &:hover {
+  //     opacity: .8;
+  //   }
+  // }
+
+  // p {
+  //   text-align: center;
+  // }
+
+  // h2 {
+  //   color: white;
+  //   font-size: 2.5rem;
+
+  //   @media (max-width: 575px) {
+  //     font-size: 2rem;
+  //     margin-bottom: 15px;
+  //   }
+  // }
+
+  .pulse-button {
     display: block;
-    margin: 15px auto 5px;
-    padding: 15px 40px;
-    color: white !important;
-    font-size: 1.25rem;
+    width: 250px;
+    font-size: 1.5rem;
     font-weight: bold;
-    text-decoration: none;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    text-align: center;
+    line-height: 80px;
+    color: white;
+    border: none;
     border-radius: 100px;
-    transition: all .2s;
-    background-color: #ea5413;
-    border: 2px solid #920783;
-    box-shadow: 0 0 0 4px #ea5413, 0 0 0 4px #920783;
+    background: #ea5413;
+    cursor: pointer;
+    box-shadow: 0 0 0 0 rgba(234, 84, 19, 0.5);
+    animation: pulse 1.5s infinite;
 
     &:hover {
-      opacity: .8;
+      animation: none;
     }
   }
 
-  p {
-    text-align: center;
-  }
+  @keyframes pulse {
+    0% {
+      transform: scale(0.9);
+    }
 
-  h2 {
-    color: white;
-    font-size: 2.5rem;
+    70% {
+      transform: scale(1);
+      box-shadow: 0 0 0 50px rgba(255, 102, 40, 0);
+      /* 調整為相近的橘色光暈 */
+    }
 
-    @media (max-width: 575px) {
-      font-size: 2rem;
-      margin-bottom: 15px;
+    100% {
+      transform: scale(0.9);
+      box-shadow: 0 0 0 0 rgba(255, 102, 40, 0);
     }
   }
 }