新增 AI 記者頁面

layouts/shortcodes/form2.html → layouts/partials/form-main.html

@@ -4,62 +4,52 @@
     <p>與我們合作，馬上展開全新的創作里程碑</p>
   </div>
   <form>
-    <div class="row mb-4">
-      <label for="nameValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          聯絡人 <span class="text-danger">*</span>
-        </div>
+    <div class="mb-4 align-items-center">
+      <label for="nameValue">
+        聯繫人稱呼 <span class="text-danger">*</span>
       </label>
-      <div class="col-md-10 col-lg-9 col-xl-10">
-        <input type="text" class="form-control" id="nameValue" placeholder="請留下聯絡人姓名" required>
+      <div class="mt-2">
+        <input type="text" class="form-control" id="nameValue" placeholder="請留下聯繫人稱呼" required>
       </div>
     </div>
 
-    <div class="row mb-4">
-      <label for="phoneValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          聯絡電話 <span class="text-danger">*</span>
-        </div>
+    <div class="row mb-4 align-items-center">
+      <label for="phoneValue">
+        聯絡電話 <span class="text-danger">*</span>
       </label>
-      <div class="col-sm-4 col-md-3 col-lg-4 col-xl-3">
+      <div class="mt-2 col-sm-4">
         <select id="countryCode" class="form-select">
           <option selected>選擇國碼</option>
         </select>
       </div>
-      <div class="col-sm-8 col-md-7 col-lg-5 col-xl-7 mt-3 mt-sm-0">
+      <div class="mt-3 mt-sm-2 col-sm-8">
         <input type="tel" class="form-control" id="phoneCode" placeholder="e.g., 988 888 888" required>
       </div>
     </div>
 
-    <div class="row mb-4">
-      <label for="companyValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          公司名稱 <span class="text-danger">*</span>
-        </div>
+    <div class="mb-4 align-items-center">
+      <label for="companyValue">
+        公司名稱 (非必填)
       </label>
-      <div class="col-md-10 col-lg-9 col-xl-10">
-        <input type="text" class="form-control" id="companyValue" placeholder="請留下公司名稱" required>
+      <div class="mt-2">
+        <input type="text" class="form-control" id="companyValue" placeholder="請留下公司名稱">
       </div>
     </div>
 
-    <div class="row mb-4">
-      <label for="companyValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          LINE ID
-        </div>
+    <div class="mb-4 align-items-center">
+      <label for="companyValue">
+        LINE ID (非必填)
       </label>
-      <div class="col-md-10 col-lg-9 col-xl-10">
+      <div class="mt-2">
         <input type="text" class="form-control" id="lineidValue" placeholder="請留下 LINE ID">
       </div>
     </div>
 
-    <div class="row mb-3">
-      <label for="emailValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          電子信箱 <span class="text-danger">*</span>
-        </div>
+    <div class="mb-4 align-items-center">
+      <label for="emailValue">
+        電子信箱 <span class="text-danger">*</span>
       </label>
-      <div class="col-md-10 col-lg-9 col-xl-10">
+      <div class="mt-2">
         <input type="email" class="form-control" id="emailValue" placeholder="請留下 E-mail" required>
       </div>
 
@@ -68,38 +58,33 @@
       </div>
     </div>
 
-    <div class="row mb-3">
-      <label for="dateValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          預計執行日期 <span class="text-danger">*</span>
-        </div>
+    <div class="mb-4 align-items-center">
+      <label for="dateValue">
+        預計執行日期 <span class="text-danger">*</span>
       </label>
-      <div class="col-md-10 col-lg-9 col-xl-10 d-flex align-items-center">
+      <div class="mt-2 d-flex align-items-center">
         <input type="date" id="dateValue" name="dateValue" class="px-2"
           style="border:1px solid #ced4da; border-radius: 3px;" required />
       </div>
     </div>
 
 
-    <div class="row mb-4">
-      <label for="captionValue" class="col-md-2 col-lg-3 col-xl-2 col-form-label">
-        <div class="d-flex flex-nowrap">
-          需求說明 <span class="text-danger">*</span>
-        </div>
+    <div class="mb-4 align-items-center">
+      <label for="captionValue">
+        需求說明 <span class="text-danger">*</span>
       </label>
-      <div class="col-md-10 col-lg-9 col-xl-10">
+      <div class="mt-2">
         <textarea class="form-control" id="captionValue" rows="3" placeholder="請簡述說明" required></textarea>
       </div>
     </div>
 
-    <div class="row">
-      <div class="col-md-10 col-lg-9 col-xl-10 offset-sm-2">
-        <div class="form-check">
-          <input class="form-check-input mt-2" type="checkbox" id="agreeValue">
-          <label class="form-check-label w-100" for="agreeValue">
-            本人同意集仕多搜集資料
-          </label>
-        </div>
+
+    <div class="mt-2">
+      <div class="form-check">
+        <input class="form-check-input mt-2" type="checkbox" id="agreeValue">
+        <label class="form-check-label w-100" for="agreeValue">
+          本人同意集仕多搜集資料
+        </label>
       </div>
     </div>
 
@@ -224,24 +209,6 @@
 
     console.log(insertdata);
 
-    // const { data, error } = await supabase
-    //   .from('ai_news')
-    //   .insert([insertdata])
-    //   .then(({ data, error }) => {
-    //     if (error) {
-    //       console.error('插入数据时发生错误：', error);
-    //     } else {
-    //       $('.loading-btn').hide();
-    //       alert("成功提交！");
-
-    //     }
-    //   })
-    //   .catch(e => {
-
-    //   });
-    // .select()
-
-
     $.ajax({
       url: scriptURL,
       method: "post",
@@ -263,16 +230,13 @@
         }
       },
     });
-  };
-
-
+  }
 
   $('button').on('click', function (e) {
     e.preventDefault();
 
     let countryCode = document.querySelector('#countryCode').value;
 
-
     // let demand = ""; // 需求目的
     // if (document.querySelector('input[name="demandValue"]:checked')) {
     //   demand = document.querySelector('input[name="demandValue"]:checked').value;
@@ -297,7 +261,5 @@
       $('.errorText').hide();
       send();
     }
-
-
   });
 </script>

layouts/partials/navbar.html

@@ -24,16 +24,16 @@
             服務
           </a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-            <li><a class="dropdown-item" href="/youtube-views-zh/dm/">影音流量推手</a></li>
+            <li><a class="dropdown-item" href="/seo/dm/">AI 記者</a></li>
+            <li><a class="dropdown-item" href="/ai-balanced-news-reporting/">AI 平衡報導</a></li>
             <li><a class="dropdown-item" href="/ad-operation/dm/">AI 廣告投放</a></li>
+            <li><a class="dropdown-item" href="/youtube-views-zh/dm/">影音流量推手</a></li>
             <li><a class="dropdown-item" href="/bigdata/dm/">大數據分析</a></li>
             <li><a class="dropdown-item" href="/crawler/dm/">資訊爬蟲</a></li>
             <li><a class="dropdown-item" href="/research/dm/">企業系統研發委外</a></li>
-            <li><a class="dropdown-item" href="/seo/dm/">SEO 搜尋排名優化</a></li>
             <li><a class="dropdown-item" href="/video-making/dm/">影片製作服務</a></li>
             <li><a class="dropdown-item" href="/global-expo-promotion">新聞媒體發布服務</a></li>
             <li><a class="dropdown-item" href="/blog-traffic/dm/">創業家專案</a></li>
-            <li><a class="dropdown-item" href="/ai-balanced-news-reporting/">AI 平衡報導</a></li>
             <!-- <li><a class="dropdown-item" href="/youtube-views/dm/">YouTube View Booster</a></li> -->
           </ul>
         </li>

layouts/seo/single.html

@@ -34,54 +34,167 @@
           <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
         </div>
         <div class="col-12 col-lg-7">
-          <img src="/imgs/dm/seo-01.png" alt="" style="width: 110%;">
+          <img src="/imgs/dm/seo/1.webp" alt="" class="d-none d-md-block" style="width: 110%;">
+          <img src="/imgs/dm/seo/1-m.webp" alt="" class="d-block d-md-none img-fluid mt-5 pt-3 px-3">
         </div>
       </div>
     </section>
 
     <div class="container my-5 py-5">
-      <div class="row align-items-center">
-        <div class="col-12 col-lg-6">
-          <img src="{{ .Params.block1_img }}" alt="" class="img-fluid">
+      <div class="row align-items-center justify-content-center">
+        <div class="col-12 col-lg-5 d-flex justify-content-center">
+          <img src="/imgs/dm/seo/2.webp" alt="" class="img-fluid">
         </div>
-        <div class="col-12 col-lg-6">
-          <div class="row align-items-center">
-            <div class="col-3">
-              <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
-            </div>
-            <div class="col-9 block-content">
-              <h3 class="block-title">
-                {{ .Params.block1_title }}
-              </h3>
-              <p class="m-0">{{ .Params.block1_text }}</p>
-            </div>
+        <div class="col-12 col-lg-5">
+          <div class="block-content text-center about-list">
+            <h3 class="block-title">
+              產品很好卻很少人知道？ <br> 請 AI 記者來報導
+            </h3>
+            <ul>
+              <li>
+                <strong>缺乏人力撰寫內容</strong>
+                <p>AI 記者 >> 自建大型語言模型，AI 幫您寫內容</p>
+              </li>
+              <li>
+                <strong>寫的內容無法引發受眾共鳴</strong>
+                <p>AI 記者 >> AI 模型消化台灣市場內容，寫出受眾想看的重點</p>
+              </li>
+              <li>
+                <strong>內容關注輸給競爭業</strong>
+                <p>AI 記者 >> 多位 AI 記者、多家媒體交互引用，強化競爭優勢</p>
+              </li>
+            </ul>
+            <!-- <p class="m-0">{{ .Params.block1_text }}</p> -->
           </div>
         </div>
       </div>
 
-      <div class="row align-items-center" style="margin: 150px auto;">
-        <div class="col-lg-5">
-          <div class="row align-items-center">
-            <div class="col-3 col-lg-4">
-              <img src="/imgs/dm/stock-img-02.png" alt="" class="img-fluid">
-            </div>
-            <div class="col-9 col-lg-8 block-content">
-              <h3 class="block-title mb-0">
-                {{ .Params.block2_text1 }}
-                <br>
-                {{ .Params.block2_text2 }}
-                <br>
-                {{ .Params.block2_text3 }}
-              </h3>
-            </div>
+      <div class="block-content service">
+        <h3 class="text-center block-title mb-4">
+          AI 輔助撰寫與智慧轉載引流服務
+        </h3>
+        <p class="mt-3">
+          AI 記者利用獨特人工智慧技術分析顧客最高流量來源，提煉出最佳關鍵字組。快速分析大量網頁數據，研究 Google 演算法分析關鍵字排名，利用 AI
+          技術－將既有正面關鍵字關聯文章轉載至內容網站，提升選定關鍵字組排名並提高網頁流量
+        </p>
+
+        <div class="row mt-5">
+          <div class="col-md-4 d-flex flex-column align-items-center">
+            <img src="/imgs/dm/seo/3.webp" alt="" class="img-fluid w-100">
+            <p class="mt-3">
+              集仕多 AI 記者利用獨特人工智慧技術，快速分析大量網頁數據，並研究 Google 演算法分析顧客最高流量來源，並提煉出最佳關鍵字組。
+            </p>
+          </div>
+          <div class="col-6 col-md-4">
+            <img src="/imgs/dm/seo/4.webp" alt="" class="img-fluid w-100">
+            <p class="mt-3">
+              集仕多訓練大型語言模型（LLM），融入台灣在地用語及網路鄉民用語，以人工智慧 AI 生成高品質內容。
+
+            </p>
+          </div>
+          <div class="col-6 col-md-4">
+            <img src="/imgs/dm/seo/5.webp" alt="" class="img-fluid w-100">
+            <p class="mt-3">
+              利用 AI 技術－將正面關鍵字關聯文章轉載至內容網站，提升選定之正面關鍵字排名，達到品牌引流與曝光提升效果。
+            </p>
           </div>
         </div>
-        <div class="col-lg-7">
+      </div>
+
+      <div class="row align-items-center text-center block-content my-5 py-lg-5">
+        <div class="col-lg-4 d-none d-lg-flex align-items-center">
+          <img src="/imgs/dm/stock-img-02.png" alt="" width="100px" class="img-fluid">
+          <section>
+            <h3 class="block-title mb-0">
+              集仕多 AI 記者
+            </h3>
+            <p class="mt-4 mb-0" style="font-size: 20px;">
+              AI 智慧轉載 引流服務 <br>
+              優化網頁排名 <br>
+              三階段步驟
+            </p>
+          </section>
+        </div>
+        <div class="col-lg-8">
           <img src="{{ .Params.block2_img }}" alt="" class="img-fluid">
         </div>
       </div>
 
-      <div class="row">
+      <div class="block-content mt-5 pt-lg-5">
+        <h3 class="text-center block-title mb-4">
+          企業品牌、人名出現網路負評、惡意新聞怎麼辦？ <br>
+          ⮕ AI 平衡報導服務
+        </h3>
+        <p class="mt-3">
+          當名人與企業遭不時指控或網路霸凌時，可使用AI記者迅速且大量製作高品質文章，並發佈多個內容網站，達到搜尋頁面淨化效果。相較於傳統SEO操作更有效果且迅速。
+        </p>
+        <img src="/imgs/dm/seo/7.webp" alt="" class="d-none d-md-block img-fluid w-100 mt-5">
+        <img src="/imgs/dm/seo/7-m-1.webp" alt="" class="d-block d-md-none img-fluid w-100 mt-5">
+        <img src="/imgs/dm/seo/7-m-2.webp" alt="" class="d-block d-md-none img-fluid w-100 mt-5">
+      </div>
+
+      <div class="row align-items-center justify-content-between text-center block-content my-5 py-lg-5">
+        <div class="col-lg-7">
+          <img src="/imgs/dm/seo/8.webp" alt="" class="img-fluid">
+          <p>
+            從 Google 搜尋統計圖可得知，排名順位跟點擊率成正比，排名越後點擊率越低
+          </p>
+        </div>
+        <div class="d-none d-lg-flex col-lg-4 align-items-center">
+          <img src="/imgs/dm/stock-img-02.png" alt="" width="100px" class="img-fluid">
+          <section>
+            <h3 class="block-title mb-0">
+              集仕多 AI 記者
+            </h3>
+            <p class="mt-4 mb-0" style="font-size: 20px;">
+              平衡報導 <br>
+              對抗負面假新聞 <br>
+              四階段步驟
+            </p>
+          </section>
+        </div>
+      </div>
+
+      <div class="d-none d-md-block block-content point-list">
+        <div class="row mt-md-5 text-center text-lg-start">
+          <div class="col-lg-3">
+            <img src="/imgs/dm/seo/9.webp" alt="" class="img-fluid w-100">
+            <h4>保密協定簽定</h4>
+            <p class="mt-3">
+              合作前提供保密協定，無需擔心隱私洩露的風險。
+            </p>
+          </div>
+          <div class="col-lg-3">
+            <img src="/imgs/dm/seo/10.webp" alt="" class="img-fluid w-100">
+            <h4>
+              大量正面內容發佈
+            </h4>
+            <p class="mt-3">
+              AI 記者撰寫正面、中性內容或新聞稿，發佈於多個內容如社群、論壇、新媒體等。使特定搜尋詞(關鍵字)之正面、中性文章佔滿搜尋結果首頁。
+            </p>
+          </div>
+          <div class="col-lg-3">
+            <img src="/imgs/dm/seo/11.webp" alt="" class="img-fluid w-100">
+            <h4>
+              持續操作口碑優化
+            </h4>
+            <p class="mt-3">
+              將假消息、負評文章的排名往後排序，讓負面曝光機會、觸及率及點閱率降低。
+            </p>
+          </div>
+          <div class="col-lg-3">
+            <img src="/imgs/dm/seo/12.webp" alt="" class="img-fluid w-100">
+            <h4>
+              最快 21 天解決公關危機
+            </h4>
+            <p class="mt-3">
+              AI記者平衡報導都被視為應對公關危機的最佳解決方案。
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <!-- <div class="row">
         <div class="col-12 col-lg-6 p-0">
           <img src="{{ .Params.block3_img1 }}" alt="" class="img-fluid">
         </div>
@@ -151,9 +264,27 @@
           </div>
         </div>
       </div>
-    </div>
-    
-    <div class="container loaded pageForm pt-5">
+    </div> -->
+
+      <div class="d-flex flex-column justify-content-center align-items-center py-md-5 my-5">
+        <p>👇 查看更多AI平衡報導服務詳情</p>
+        <button class="link-btn mb-4">
+          <a href="https://ai.choozmo.com/ai-balanced-news-reporting/"> 集仕多AI平衡報導服務 </a>
+        </button>
+      </div>
+
+      <div class="block-content d-flex flex-column align-items-center">
+        <h3 class="text-center block-title mb-4">
+          集仕多AI記者 V.S 傳統SEO行銷公司
+        </h3>
+        <img src="/imgs/dm/seo/13.webp" alt="" class="w-100 me-4" style="max-width: 1000px;">
+      </div>
+
+      <div>
+        {{ partial "form-main.html" . }}
+      </div>
+
+      <!-- <div class="container loaded pageForm pt-5">
       <div class="row">
         <div class="col-12 col-md-6">
           <div class="pageForm-p">
@@ -188,11 +319,11 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
   </main>
 
   {{ partial "footer.html" . }}
-  
+
   <script type="application/javascript">
     var doNotTrack = false;
     if (!doNotTrack) {

layouts/shortcodes/form-main.html

@@ -0,0 +1,265 @@
+<div class="news-form mt-5">
+  <div class="text-center title">
+    <h4>線上諮詢</h4>
+    <p>與我們合作，馬上展開全新的創作里程碑</p>
+  </div>
+  <form>
+    <div class="mb-4 align-items-center">
+      <label for="nameValue">
+        聯繫人稱呼 <span class="text-danger">*</span>
+      </label>
+      <div class="mt-2">
+        <input type="text" class="form-control" id="nameValue" placeholder="請留下聯繫人稱呼" required>
+      </div>
+    </div>
+
+    <div class="row mb-4 align-items-center">
+      <label for="phoneValue">
+        聯絡電話 <span class="text-danger">*</span>
+      </label>
+      <div class="mt-2 col-sm-4">
+        <select id="countryCode" class="form-select">
+          <option selected>選擇國碼</option>
+        </select>
+      </div>
+      <div class="mt-3 mt-sm-2 col-sm-8">
+        <input type="tel" class="form-control" id="phoneCode" placeholder="e.g., 988 888 888" required>
+      </div>
+    </div>
+
+    <div class="mb-4 align-items-center">
+      <label for="companyValue">
+        公司名稱 (非必填)
+      </label>
+      <div class="mt-2">
+        <input type="text" class="form-control" id="companyValue" placeholder="請留下公司名稱">
+      </div>
+    </div>
+
+    <div class="mb-4 align-items-center">
+      <label for="companyValue">
+        LINE ID (非必填)
+      </label>
+      <div class="mt-2">
+        <input type="text" class="form-control" id="lineidValue" placeholder="請留下 LINE ID">
+      </div>
+    </div>
+
+    <div class="mb-4 align-items-center">
+      <label for="emailValue">
+        電子信箱 <span class="text-danger">*</span>
+      </label>
+      <div class="mt-2">
+        <input type="email" class="form-control" id="emailValue" placeholder="請留下 E-mail" required>
+      </div>
+
+      <div class="invalid-feedback">
+        Please choose a username.
+      </div>
+    </div>
+
+    <div class="mb-4 align-items-center">
+      <label for="dateValue">
+        預計執行日期 <span class="text-danger">*</span>
+      </label>
+      <div class="mt-2 d-flex align-items-center">
+        <input type="date" id="dateValue" name="dateValue" class="px-2"
+          style="border:1px solid #ced4da; border-radius: 3px;" required />
+      </div>
+    </div>
+
+
+    <div class="mb-4 align-items-center">
+      <label for="captionValue">
+        需求說明 <span class="text-danger">*</span>
+      </label>
+      <div class="mt-2">
+        <textarea class="form-control" id="captionValue" rows="3" placeholder="請簡述說明" required></textarea>
+      </div>
+    </div>
+
+
+    <div class="mt-2">
+      <div class="form-check">
+        <input class="form-check-input mt-2" type="checkbox" id="agreeValue">
+        <label class="form-check-label w-100" for="agreeValue">
+          本人同意集仕多搜集資料
+        </label>
+      </div>
+    </div>
+
+    <div style="height: 15px;">
+      <span class="errorText text-danger">尚有欄位未填寫</span>
+    </div>
+
+    <div class="d-flex justify-content-center mt-5">
+
+      <button type="submit" class="submit-btn" id="submitBtn">
+        <span class="spinner-border spinner-border-sm me-2 loading-btn" role="status" aria-hidden="true"></span>
+        提交
+      </button>
+    </div>
+  </form>
+</div>
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
+  crossorigin="anonymous"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
+
+<script type="module">
+  import { createClient } from 'https://esm.sh/@supabase/supabase-js@2'
+
+  const supabase = createClient('http://172.105.241.163:8000', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyAgCiAgICAicm9sZSI6ICJzZXJ2aWNlX3JvbGUiLAogICAgImlzcyI6ICJzdXBhYmFzZS1kZW1vIiwKICAgICJpYXQiOiAxNjQxNzY5MjAwLAogICAgImV4cCI6IDE3OTk1MzU2MDAKfQ.DaYlNEoUrrEn2Ig7tqibS-PHK5vgusbcbo7X36XVt4Q');
+
+  // 電話國碼
+  const countryCodes = [
+    '+1',   // 美國
+    '+7',   // 俄羅斯
+    '+33',  // 法國
+    '+39',  // 義大利
+    '+44',  // 英國
+    '+46',  // 瑞典
+    '+47',  // 挪威
+    '+49',  // 德國
+    '+52',  // 墨西哥
+    '+60',  // 馬來西亞
+    '+61',  // 澳大利亞
+    '+62',  // 印尼
+    '+64',  // 紐西蘭
+    '+65',  // 新加坡
+    '+66',  // 泰國
+    '+81',  // 日本
+    '+82',  // 南韓
+    '+86',  // 中國大陸
+    '+91',  // 印度
+    '+353', // 愛爾蘭
+    '+852', // 香港
+    '+853', // 澳門
+    '+886', // 台灣
+  ];
+
+  console.log(countryCodes);
+  const countryCode = document.getElementById('countryCode');
+  countryCodes.forEach(code => {
+    const option = document.createElement('option');
+    option.value = code;
+    option.text = code;
+    countryCode.appendChild(option);
+  });
+
+
+  $('.errorText').hide();
+  $('.loading-btn').hide();
+  const scriptURL = 'https://script.google.com/macros/s/AKfycbzuwioqhnP2oL0AdHaYgEBvf0t0yWi2OTxZYlPYSoLuPyHhQFJKMm5mgOCoZEx-cIckbA/exec';
+
+
+  async function send() {
+    console.log('addEventListener');
+    let name = document.querySelector('#nameValue').value; // 聯絡人
+    let phone; // 聯絡電話
+    let company = document.querySelector('#companyValue').value; // 公司名稱
+    let email = document.querySelector('#emailValue').value; // 電子信箱
+    // let demand; // 需求目的
+    let caption = document.querySelector('#captionValue').value; // 需求說明
+
+    let lineid = document.querySelector('#lineidValue').value; // 需求說明
+
+
+    let date = document.querySelector('#dateValue').value; // 預計活動需求日
+    let agree; // 搜集資料
+    let time; // 填單時間
+
+    // 取得當下時間
+    const now = new Date();
+    const options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' };
+    time = now.toLocaleString('zh-TW', options);
+    console.log('time', time);
+
+    if (document.querySelector('input[id="agreeValue"]:checked')) {
+      agree = "同意";
+    } else {
+      agree = "不同意";
+    }
+
+    // if (document.querySelector('input[name="demandValue"]:checked')) {
+    //   demand = document.querySelector('input[name="demandValue"]:checked').value;
+    // }
+
+    // if (demand === "其他") {
+    //   demand = document.querySelector('#otherText').value;
+    // }
+
+    let countryCode = document.querySelector('#countryCode').value; // 國碼
+    let phoneCode = document.querySelector('#phoneCode').value; // 電話號碼
+
+    phone = `${countryCode} ${phoneCode}`;
+
+    const insertdata = {
+      "name": name,
+      "phone": phone,
+      "company": company,
+      "email": email,
+      "lineid": lineid,
+      "caption": caption,
+      "date": date,
+      "agree": agree,
+      "time": time
+    }
+
+    console.log(insertdata);
+
+    $.ajax({
+      url: scriptURL,
+      method: "post",
+      data: {
+        "name": name,
+        "phone": phone,
+        "company": company,
+        "email": email,
+        "lineid": lineid,
+        "caption": caption,
+        "date": date,
+        "agree": agree,
+        "time": time
+      },
+      success: function (response) {
+        if (response == "成功") {
+          $('.loading-btn').hide();
+          alert("成功提交！");
+        }
+      },
+    });
+  }
+
+  $('button').on('click', function (e) {
+    e.preventDefault();
+
+    let countryCode = document.querySelector('#countryCode').value;
+
+    // let demand = ""; // 需求目的
+    // if (document.querySelector('input[name="demandValue"]:checked')) {
+    //   demand = document.querySelector('input[name="demandValue"]:checked').value;
+    // }
+
+    // if (demand === "其他") {
+    //   demand = document.querySelector('#otherText').value;
+    // }
+
+    // 手動觸發表單提交
+    let form = $(this).closest('form');
+    form[0].reportValidity(); // 顯示瀏覽器內建錯誤提示
+
+    if (countryCode === "選擇國碼") {
+      console.log('表單未通過驗證');
+      $('.errorText').show();
+      return;
+    }
+
+    if (form[0].reportValidity()) {
+      $('.loading-btn').show();
+      $('.errorText').hide();
+      send();
+    }
+  });
+</script>

static/css/style.css

@@ -2821,19 +2821,96 @@
 #seo-dm {
   overflow: hidden;
 }
+#seo-dm .header-title {
+  color: #f6ab1c;
+}
+@media (max-width: 767px) {
+  #seo-dm .header-title {
+    font-size: 2rem;
+  }
+}
 #seo-dm .bg-img {
   width: 50%;
   position: absolute;
   right: -50px;
   z-index: -1;
 }
+#seo-dm .about-list {
+  margin-top: 90px;
+}
+@media (max-width: 767px) {
+  #seo-dm .about-list {
+    margin-top: 60px;
+  }
+}
+#seo-dm .about-list ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#seo-dm .about-list ul li {
+  margin-bottom: 30px;
+}
+#seo-dm .about-list ul li strong {
+  margin-bottom: 5px;
+  display: block;
+  font-size: 22px;
+}
+#seo-dm .service {
+  margin-top: 150px;
+}
+@media (max-width: 767px) {
+  #seo-dm .service {
+    margin-top: 80px;
+  }
+}
+#seo-dm .service img,
+#seo-dm .point-list img {
+  height: 230px;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+#seo-dm .point-list h4 {
+  font-size: 22px;
+  font-weight: bold;
+  text-align: center;
+  color: #f6ab1c;
+}
+#seo-dm .news-form {
+  max-width: 900px;
+  margin: 150px auto 0;
+}
+#seo-dm .link-btn {
+  display: inline-block;
+  padding: 12px 35px;
+  margin-top: 25px;
+  border: none;
+  border-radius: 100px;
+  background: #ea5413;
+  transition: all 0.3s;
+}
+#seo-dm .link-btn a {
+  font-size: 18px;
+  font-weight: bold;
+  color: #fff;
+  text-decoration: none;
+}
+#seo-dm .link-btn:hover {
+  opacity: 0.8;
+}
 #seo-dm .block-content {
   margin-left: -35px;
 }
+@media (max-width: 767px) {
+  #seo-dm .block-content {
+    margin-left: auto;
+  }
+}
 #seo-dm .block-content h3 {
   color: #f6ab1c;
   font-size: 2.2rem;
   font-weight: bold;
+  line-height: 1.3;
 }
 @media (max-width: 991px) {
   #seo-dm .block-content h3 {
@@ -4675,11 +4752,6 @@
   margin: auto;
   max-width: 600px;
 }
-@media (min-width: 1460px) {
-  .news-form form .col-form-label {
-    width: 101px;
-  }
-}
 .news-form .title {
   margin-bottom: 50px;
 }

static/css/style.scss

@@ -3071,6 +3071,14 @@
 #seo-dm {
   overflow: hidden;
 
+  .header-title {
+    color: #f6ab1c;
+
+    @media (max-width: 767px) {
+      font-size: 2rem;
+    }
+  }
+
   .bg-img {
     width: 50%;
     position: absolute;
@@ -3078,13 +3086,93 @@
     z-index: -1;
   }
 
+  .about-list {
+    margin-top: 90px;
+
+    @media (max-width: 767px) {
+      margin-top: 60px;
+    }
+
+    ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+
+      li {
+        margin-bottom: 30px;
+
+        strong {
+          margin-bottom: 5px;
+          display: block;
+          font-size: 22px;
+        }
+      }
+    }
+  }
+
+  .service {
+    margin-top: 150px;
+
+    @media (max-width: 767px) {
+      margin-top: 80px;
+    }
+  }
+
+  .service,
+  .point-list {
+    img {
+      height: 230px;
+      object-fit: contain;
+    }
+  }
+
+  .point-list {
+    h4 {
+      font-size: 22px;
+      font-weight: bold;
+      text-align: center;
+      color: #f6ab1c;
+    }
+  }
+
+  .news-form {
+    max-width: 900px;
+    margin: 150px auto 0;
+  }
+
+  .link-btn {
+    display: inline-block;
+    padding: 12px 35px;
+    margin-top: 25px;
+    border: none;
+    border-radius: 100px;
+    background: #ea5413;
+    transition: all 0.3s;
+
+    a {
+      font-size: 18px;
+      font-weight: bold;
+      color: #fff;
+      text-decoration: none;
+    }
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
   .block-content {
     margin-left: -35px;
 
+    @media (max-width: 767px) {
+      margin-left: auto;
+    }
+
     h3 {
       color: #f6ab1c;
       font-size: 2.2rem;
       font-weight: bold;
+      line-height: 1.3;
 
       @media (max-width: 991px) {
         font-size: 1.8rem;
@@ -5131,12 +5219,6 @@
   form {
     margin: auto;
     max-width: 600px;
-
-    .col-form-label {
-      @media (min-width: 1460px) {
-        width: 101px;
-      }
-    }
   }
 
   .title {

webSite/config.toml

@@ -51,72 +51,72 @@ page = ["HTML"]
     weight = 3
 
 [[menu.main]]
-    identifier="youtube-views-zh"
-    name = "影音流量推手"
-    url = "/youtube-views-zh/dm/"
+    identifier="seo-search"
+    name = "AI 記者"
+    url = "/seo/dm/"
     weight = 1
     parent = "home"
 
+[[menu.main]]
+    identifier="seo-image"
+    name = "AI 平衡報導"
+    url = "/ai-balanced-news-reporting/"
+    weight = 2
+    parent = "home"
+
 [[menu.main]]
     identifier="ad-operation"
     name = "AI 廣告投放"
     url = "/ad-operation/dm/"
-    weight = 2
+    weight = 3
+    parent = "home"
+
+[[menu.main]]
+    identifier="youtube-views-zh"
+    name = "影音流量推手"
+    url = "/youtube-views-zh/dm/"
+    weight = 4
     parent = "home"
 
 [[menu.main]]
     identifier="bigdata"
     name = "大數據分析"
     url = "/bigdata/dm/"
-    weight = 3
+    weight = 5
     parent = "home"
 
 [[menu.main]]
     identifier="crawler"
     name = "資訊爬蟲"
     url = "/crawler/dm/"
-    weight = 4
+    weight = 6
     parent = "home"
 
 [[menu.main]]
     identifier="research"
     name = "企業系統研發委外"
     url = "/research/dm/"
-    weight = 5
-    parent = "home"
-
-[[menu.main]]
-    identifier="seo-search"
-    name = "SEO 搜尋排名優化"
-    url = "/seo/dm/"
-    weight = 6
+    weight = 7
     parent = "home"
     
 [[menu.main]]
     identifier="video-making"
     name = "影片製作服務"
     url = "/video-making/dm/"
-    weight = 7
+    weight = 8
     parent = "home"
 
 [[menu.main]]
     identifier="seo"
     name = "新聞媒體發布服務"
     url = "/global-expo-promotion"
-    weight = 8
+    weight = 9
     parent = "home"
 
 [[menu.main]]
     identifier="blog-traffic"
     name = "創業家專案"
     url = "/blog-traffic/dm/"
-    weight = 9
-    parent = "home"
-
-[[menu.main]]
-    identifier="seo-image"
-    name = "AI 平衡報導"
-    url = "/ai-balanced-news-reporting/"
     weight = 10
     parent = "home"
 

webSite/content/main-news/ai-balanced-news-reporting/index.md

@@ -38,7 +38,7 @@ keywords = ["ChoozMoAIGV", "ChoozMo AI-PR", "集仕多 AI媒體公關"]
 
 <img src="/imgs/dm/seo-image-01.webp" alt="" class="img-fluid pt-3">
 
-{{< form2 >}}
+{{< form-main >}}
 
 <!-- FAQ -->
 <div class="accordion solution-accordion" id="accordionExample">

webSite/content/main-news/ai_news/index.md

@@ -41,4 +41,4 @@ draft = true
 
 ChoozMo為客戶提供極簡的操作流程，只需提供您的新聞稿和三張相關圖片，即可開啟全球媒體曝光之旅。我們將以專業的翻譯服務將新聞稿翻譯成英文，隨後利用最先進的新聞發布系統，將您的消息傳播到50間以上的海內外新聞媒體網路平台，確保新聞的廣泛曝光。這樣的一站式服務，不僅節省您的時間，更確保您的新聞以最佳狀態呈現在全球觀眾面前。
 
-{{< form2 >}}
+{{< form-main >}}

webSite/content/main-news/global-expo-promotion/index.md

@@ -53,4 +53,4 @@ ChoozMo獨家海外會展推廣專案，憑藉專業洞察力和全球網絡，
 
 #### 立即洽詢ChoozMo 海外新聞媒體發布服務- 企業展會專案
 
-{{< form2 >}}
+{{< form-main >}}

webSite/content/responsible-ai/index.md

@@ -5,7 +5,7 @@ tags = ["responsible-ai"]
 categories = ["responsible-ai"]
 layout = "seo"
 banner = ""
-packageTitle = "SEO 搜尋排名優化"
+packageTitle = "AI 記者"
 packageSub = ""
 packageBg = ""
 description = "做好 SEO 網站訂單接不完，創造自然增長的免費流量，一定掌握 SEO 重要性"

webSite/content/seo/dm.md

@@ -5,11 +5,11 @@ tags = ["seo"]
 categories = ["seo"]
 layout = "seo"
 banner = ""
-packageTitle = "SEO 搜尋排名優化"
+packageTitle = "AI 記者 | 優化網頁排名 | 對抗負面假新聞"
 packageSub = ""
 packageBg = ""
-description = "做好 SEO 網站訂單接不完，創造自然增長的免費流量，一定掌握 SEO 重要性"
-descriptionSub = "經過 SEO 不斷的優化能提升品牌能見度，為企業省下大筆付費數位廣告預算，比起廣告，消費者更傾向相信自然搜尋結果的價值。"
+description = "集仕多AI記者- 使用自家訓練大型語言模型 (Large Language Model, LLM)，融入了台灣在地、網路鄉民用語，生成高品質內容與新聞稿。內容會根據地域性調整用詞，模擬人類寫作風格，並快速分析大量數據，從龐大Data中提煉出關鍵內容。"
+descriptionSub = ""
 
 block1_title = "SEO = 搜尋引擎自然排名"
 block1_strong = ""