add ai-reporter

layouts/index.html

@@ -15,18 +15,21 @@
     <div id="home">
       {{ partial "components/carousel.html" . }}
       <div class="home-cn">
-<!--         {{ partial "components/main.html" . }} --> 
-        {{ partial "components/serve.html" . }}
-        {{ partial "components/ai-video.html" . }}
+        <!-- {{ partial "components/main.html" . }} -->
+        <!-- {{ partial "components/serve.html" . }} -->
+        <!-- {{ partial "components/ai-video.html" . }} -->
+        <div class="reporter-img">
+          <img src="imgs/home/ai-reporter.webp" alt="AI記者｜語音專訪">
+        </div>
         {{ partial "components/progress.html" . }}
         {{ partial "LP_components/blogs_tab.html" . }}
         {{ partial "LP_components/action.html" . }}
         {{ partial "footer.html" . }}
       </div>
       <div class="home-en">
-<!--        {{ partial "components/en/main.html" . }} --> 
-        {{ partial "components/en/serve.html" . }}
-        {{ partial "components/en/ai-video.html" . }}
+        <!-- {{ partial "components/en/main.html" . }} -->
+        <!-- {{ partial "components/en/serve.html" . }} -->
+        <!-- {{ partial "components/en/ai-video.html" . }} -->
         {{ partial "components/progress.html" . }}
         {{ partial "components/en/action.html" . }}
         {{ partial "components/en/footer.html" . }}

layouts/partials/components/serve.html

@@ -8,8 +8,6 @@
     <h4>
       AI 智能 廣告投放<br>
       <strong>精密規劃您的廣告預算 | 用低於業界金額 打出最好成效</strong>
-      <!-- <strong class="d-none d-md-block">精密規劃您的廣告預算 | 用低於業界金額 打出最好成效</strong> -->
-      <!-- <strong class="d-block d-md-none">精密規劃您的廣告預算 <br> 用低於業界金額 打出最好成效</strong> -->
     </h4>
   </section>
   <div class="row justify-content-center align-items-center px-4 px-lg-0">

static/css/style.scss

@@ -1360,6 +1360,20 @@
       }
     }
   }
+
+  .reporter-img {
+    display: flex;
+    justify-content: center;
+
+    img {
+      width: 100%;
+      max-width: 70vw;
+
+      @media (max-width: 767px) {
+        max-width: 100vw;
+      }
+    }
+  }
 }
 
 /* content page */