update

layouts/_default/single.html

@@ -55,7 +55,7 @@
             <div id="form">
               {{ partial "form-main.html" . }}
 
-              <!-- {{ partial "founder-cta.html" . }} -->
+              {{ partial "founder-blog-cta.html" . }}
             </div>
 
           </div>

layouts/index.html

@@ -23,7 +23,7 @@
         {{ partial "components/ai-anchor.html" . }}
         {{ partial "components/genseo.html" . }}
         {{ partial "components/progress.html" . }}
-        {{ partial "LP_components/blogs_tab.html" . }}
+        <!-- {{ partial "LP_components/blogs_tab.html" . }} -->
         {{ partial "LP_components/action.html" . }}
         {{ partial "footer.html" . }}
       </div>

layouts/partials/components/genseo.html

@@ -85,7 +85,7 @@
   </ul>
 
 
-  <div class="d-flex justify-content-center mt-5 pt-5">
+  <div class="d-flex justify-content-center my-5 py-5">
     <a href="https://cloud.choozmo.com/gen-seo" class="link-btn" target="_blank">
       💡 機會難得，立即行動！
     </a>

layouts/partials/form-main.html

@@ -1,8 +1,9 @@
 <div class="news-form">
   <div class="text-center mb-4 title">
     <h4>線上諮詢</h4>
-    <small>與我們合作，馬上展開全新的創作里程碑</small>
+    <p>與我們合作，馬上展開全新的創作里程碑</p>
   </div>
+
   <form>
     <div class="mb-3 align-items-center">
       <label for="nameValue">

layouts/partials/founder-blog-cta.html

@@ -0,0 +1,10 @@
+<div class="pt-3 founder-cta blog">
+    <a href="https://cmm.ai/cal" target="_blank" onclick="gtag('event', 'click_founder_contact', { 
+        'event_category': 'Button Click', 
+        'event_label': '與創辦人聯繫',
+        'value': 1
+    })">
+        <span class="d-none d-lg-block pulse-button">與創辦人聯繫</span>
+        <span class="d-flex d-lg-none pulse-button">與創辦人<br>聯繫</span>
+    </a>
+</div>

layouts/partials/founder-cta.html

@@ -1,5 +1,9 @@
-<div class="pt-0 founder-cta">
-    <a href="https://cmm.ai/cal" target="_blank">
-        <span class='pulse-button'>與創辦人聯繫</span>
+<div class="pt-3 founder-cta">
+    <a href="https://cmm.ai/cal" target="_blank" onclick="gtag('event', 'click_founder_contact', { 
+        'event_category': 'Button Click', 
+        'event_label': '與創辦人聯繫',
+        'value': 1
+    })">
+        <span class="pulse-button">與創辦人聯繫</span>
     </a>
 </div>

layouts/shortcodes/form-main.html

@@ -1,8 +1,9 @@
 <div class="news-form">
   <div class="text-center mb-4 title">
     <h4>線上諮詢</h4>
-    <small>與我們合作，馬上展開全新的創作里程碑</small>
+    <p>與我們合作，馬上展開全新的創作里程碑</p>
   </div>
+  
   <form>
     <div class="mb-3 align-items-center">
       <label for="nameValue">

static/css/custom.css

@@ -781,7 +781,7 @@
   margin-right: auto;
 }
 
-.box-simple .icon-feature>i {
+.box-simple .icon-feature > i {
   font-size: 4.5rem;
 }
 
@@ -1298,7 +1298,7 @@
   bottom: 5rem;
 }
 
-.sec06>.container {
+.sec06 > .container {
   box-shadow: 0px 0px 8px 2px rgb(212, 212, 212);
   transform: translateY(-12rem);
   background-color: white;
@@ -1446,7 +1446,7 @@
     height: 32vh;
   }
 
-  .sec-usecase .row>div {
+  .sec-usecase .row > div {
     width: 50%;
   }
 
@@ -1491,7 +1491,7 @@
     display: inline-block;
   }
 
-  .nav>li {
+  .nav > li {
     display: inline-block;
   }
 }
@@ -1544,7 +1544,7 @@
     max-width: 1200px;
   }
 
-  .sec-usecase .row>div {
+  .sec-usecase .row > div {
     width: 100%;
   }
 
@@ -1635,7 +1635,7 @@
     flex-direction: column;
   }
 
-  .container-footer>div {
+  .container-footer > div {
     margin-bottom: 1.5rem;
   }
 
@@ -1682,7 +1682,7 @@
   border: none;
 }
 
-.box-steps .icon>i {
+.box-steps .icon > i {
   font-size: 3.5rem;
 }
 
@@ -1742,7 +1742,7 @@
   min-height: 65px;
 }
 
-.navbar-brand>img {
+.navbar-brand > img {
   display: inline-block;
 }
 
@@ -2097,7 +2097,7 @@
 }
 
 @media (max-width: 765px) {
-  #vt-list .row>div {
+  #vt-list .row > div {
     padding-left: 0px;
   }
 }
@@ -2628,6 +2628,12 @@
   /* overflow: hidden; */
 }
 
+@media (max-width: 991px) {
+  #all {
+    overflow: hidden;
+  }
+}
+
 #content #form {
   margin-bottom: 100px;
 }
@@ -2668,8 +2674,3 @@
 #form {
   font-size: 14px;
 }
-
-#form input::placeholder,
-textarea::placeholder {
-  font-size: 12px;
-}

static/css/style.css

@@ -48,6 +48,7 @@
   text-decoration: none;
   color: #fff;
   font-weight: 400;
+  font-size: 16px;
   border: 1px solid #ea5413;
   background-color: #ea5413;
   border-radius: 3rem;
@@ -55,39 +56,17 @@
 }
 .navbar-nav .solution-link:hover {
   opacity: 0.8;
-}
-@media (max-width: 1400px) {
-  .navbar-nav .solution-link {
-    padding: 8px 10px;
-    font-size: 12px;
-  }
-}
-@media (max-width: 1199px) {
-  .navbar-nav .solution-link {
-    padding: 8px 16px;
-    font-size: 16px;
-  }
+  background-color: #ea5413 !important;
 }
 .navbar-nav .signin-link {
   padding: 8px 18px;
   text-decoration: none;
   color: #ea5413;
   font-weight: 400;
+  font-size: 16px;
   border: 1px solid #ea5413;
   border-radius: 3rem;
 }
-@media (max-width: 1400px) {
-  .navbar-nav .signin-link {
-    padding: 8px 10px;
-    font-size: 12px;
-  }
-}
-@media (max-width: 1199px) {
-  .navbar-nav .signin-link {
-    padding: 8px 16px;
-    font-size: 16px;
-  }
-}
 .navbar-nav .signup-link {
   padding: 8px 18px;
   margin: 13px;
@@ -105,17 +84,6 @@
   opacity: 0.8;
 }
 
-@media (max-width: 1400px) {
-  .navbar {
-    font-size: 14px;
-  }
-}
-@media (max-width: 1199px) {
-  .navbar {
-    font-size: 16px;
-  }
-}
-
 .header {
   margin-top: 70px;
   position: relative;
@@ -5964,14 +5932,30 @@
   color: white;
   border-radius: 20px;
 }
-@media (max-width: 575px) {
-  .founder-cta {
-    padding: 40px 20px;
-  }
-}
 .founder-cta a {
   text-decoration: none;
 }
+@media (max-width: 991px) {
+  .founder-cta.blog {
+    padding: 0;
+    margin: 0;
+    position: fixed;
+    right: 20px;
+    bottom: 20px;
+  }
+}
+@media (max-width: 991px) {
+  .founder-cta.blog .pulse-button {
+    width: 80px;
+    height: 80px;
+    padding-top: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.875rem;
+    line-height: 1.5;
+  }
+}
 .founder-cta .pulse-button {
   display: block;
   width: 250px;
@@ -5998,8 +5982,7 @@
   }
   70% {
     transform: scale(1);
-    box-shadow: 0 0 0 30px rgba(255, 102, 40, 0);
-    /* 調整為相近的橘色光暈 */
+    box-shadow: 0 0 0 25px rgba(255, 102, 40, 0);
   }
   100% {
     transform: scale(0.9);

static/css/style.default.css

@@ -3270,10 +3270,10 @@ fieldset[disabled] .btn-template-primary.active {
   padding: 10px 15px;
 }
 
-.nav>li>a:hover,
+/* .nav>li>a:hover,
 .nav>li>a:focus {
   background-color: #eeeeee;
-}
+} */
 
 .nav>li.disabled>a {
   color: #999999;

static/css/style.scss

@@ -53,6 +53,7 @@
     text-decoration: none;
     color: #fff;
     font-weight: 400;
+    font-size: 16px;
     border: 1px solid #ea5413;
     background-color: #ea5413;
     border-radius: 3rem;
@@ -60,16 +61,7 @@
 
     &:hover {
       opacity: 0.8;
-    }
-
-    @media (max-width: 1400px) {
-      padding: 8px 10px;
-      font-size: 12px;
-    }
-
-    @media (max-width: 1199px) {
-      padding: 8px 16px;
-      font-size: 16px;
+      background-color: #ea5413 !important;
     }
   }
 
@@ -78,18 +70,9 @@
     text-decoration: none;
     color: #ea5413;
     font-weight: 400;
+    font-size: 16px;
     border: 1px solid #ea5413;
     border-radius: 3rem;
-
-    @media (max-width: 1400px) {
-      padding: 8px 10px;
-      font-size: 12px;
-    }
-
-    @media (max-width: 1199px) {
-      padding: 8px 16px;
-      font-size: 16px;
-    }
   }
 
   .signup-link {
@@ -112,15 +95,15 @@
   }
 }
 
-.navbar {
-  @media (max-width: 1400px) {
-    font-size: 14px;
-  }
+// .navbar {
+//   @media (max-width: 1400px) {
+//     font-size: 14px;
+//   }
 
-  @media (max-width: 1199px) {
-    font-size: 16px;
-  }
-}
+//   @media (max-width: 1199px) {
+//     font-size: 16px;
+//   }
+// }
 
 .header {
   margin-top: 70px;
@@ -1952,6 +1935,7 @@
 }
 
 @media (max-width: 767px) {
+
   // .header {
   //   height: 70vh;
   // }
@@ -2738,7 +2722,7 @@
   }
 
   .card-content {
-    & > div {
+    &>div {
       display: flex;
       flex-direction: column;
       // border: 2px solid #ffebe2;
@@ -4069,7 +4053,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);
@@ -4471,7 +4455,7 @@
     .row {
       padding: 0 5vw;
 
-      & > div {
+      &>div {
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -6476,6 +6460,7 @@
 
 #video-editing,
 #ai-virtual-star {
+
   p,
   li {
     font-size: 1.25rem;
@@ -6778,6 +6763,7 @@
   }
 
   @keyframes animate-arrow-wave {
+
     0%,
     25%,
     50% {
@@ -6976,19 +6962,75 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  // background: #920783;
-  // background: linear-gradient(140deg, #920783 65%, #ea5413 100%);
   color: white;
   border-radius: 20px;
 
-  @media (max-width: 575px) {
-    padding: 40px 20px;
-  }
-
   a {
     text-decoration: none;
   }
 
+  &.blog {
+    @media (max-width: 991px) {
+      padding: 0;
+      margin: 0;
+      position: fixed;
+      right: 20px;
+      bottom: 20px;
+    }
+
+    .pulse-button {
+      @media (max-width: 991px) {
+        width: 80px;
+        height: 80px;
+        padding-top: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: .875rem;
+        line-height: 1.5;
+      }
+
+    }
+  }
+
+  .pulse-button {
+    display: block;
+    width: 250px;
+    font-size: 1.5rem;
+    font-weight: bold;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    text-align: center;
+    line-height: 80px;
+    color: white;
+    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;
+
+    &:hover {
+      animation: none;
+    }
+  }
+
+  @keyframes pulse {
+    0% {
+      transform: scale(0.9);
+    }
+
+    70% {
+      transform: scale(1);
+      box-shadow: 0 0 0 25px rgba(255, 102, 40, 0);
+    }
+
+    100% {
+      transform: scale(0.9);
+      box-shadow: 0 0 0 0 rgba(255, 102, 40, 0);
+    }
+  }
+
   // p {
   //   font-size: 1.25rem;
 
@@ -7029,43 +7071,4 @@
   //     margin-bottom: 15px;
   //   }
   // }
-
-  .pulse-button {
-    display: block;
-    width: 250px;
-    font-size: 1.5rem;
-    font-weight: bold;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    text-align: center;
-    line-height: 80px;
-    color: white;
-    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;
-
-    &:hover {
-      animation: none;
-    }
-  }
-
-  @keyframes pulse {
-    0% {
-      transform: scale(0.9);
-    }
-
-    70% {
-      transform: scale(1);
-      box-shadow: 0 0 0 30px rgba(255, 102, 40, 0);
-      /* 調整為相近的橘色光暈 */
-    }
-
-    100% {
-      transform: scale(0.9);
-      box-shadow: 0 0 0 0 rgba(255, 102, 40, 0);
-    }
-  }
-}
+}