single.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
  7. <meta http-equiv="Cache-Control" content="no-cache">
  8. <title>ChoozMo AI-PR Service</title>
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
  10. integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  11. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
  12. <link rel="stylesheet" href="/css/style.css">
  13. <!-- Start of HubSpot Embed Code -->
  14. <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
  15. <!-- End of HubSpot Embed Code -->
  16. </head>
  17. <body>
  18. {{ partial "navbar.html" . }}
  19. {{ partial "pageFormBtn.html" . }}
  20. <main id="ai-anchor">
  21. <section class="container header p-0">
  22. <div class="row align-items-center">
  23. <div class="col-12 col-lg-6 d-flex flex-column align-items-center">
  24. <h2 class="header-title" style="margin-top: 100px;">
  25. {{ .Params.packageTitle }}
  26. <br>
  27. {{ .Params.packageSub }}
  28. </h2>
  29. <section class="header-sub">
  30. <span>圖文x影音x聯播<br>全方位媒體曝光,一次到位!</span>
  31. <p>
  32. {{ .Params.description }}
  33. <br>
  34. {{ .Params.descriptionSub }}
  35. </p>
  36. </section>
  37. <button class="contact-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
  38. <img src="/imgs/dm/stock-img-04.png" alt="" class="stock-bg">
  39. </div>
  40. <div class="col-12 col-lg-6 mt-5 mt-lg-0">
  41. <img src="{{ .Params.packageBg }}" alt="" class="img-fluid">
  42. </div>
  43. </div>
  44. </section>
  45. <div class="container ai-description d-flex flex-column">
  46. <div class="content-box">
  47. <section>
  48. <div class="d-flex align-items-center">
  49. <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">
  50. <h5 class="ms-2">AI 主播報導影片|提升知名度</h5>
  51. </div>
  52. <p class="text-start mt-3 pe-3" style="margin: 0;">透過 AI
  53. 主播報導影片,客戶能短時間內透過影音獲取資訊,更能透過報導增加客戶的信心度,不論是公司宣傳/產品發表/品牌經營,都能透過新聞稿發布,提升曝光及知名度!</p>
  54. </section>
  55. <div class="triangle-item">
  56. <img src="/imgs/dm/ai-anchor-icon-02.png" alt="">
  57. </div>
  58. <section class="text-center">
  59. <div class="d-flex align-items-center">
  60. <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">
  61. <h5 class="ms-2">您僅需提供:</h5>
  62. </div>
  63. <ul class="text-start mt-3">
  64. <li>新聞報導使用照片 5 張</li>
  65. <li>新聞稿內容文字 1000 字以內</li>
  66. </ul>
  67. <span class="d-block text-start mt-3 pe-3">即可獲得總價值超過 36000 元 <br> 的全方位媒體曝光方案!</span>
  68. </section>
  69. </div>
  70. <div class="faq-content">
  71. <section class="d-flex align-items-center mb-5">
  72. <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">
  73. <h5 class="ms-2">什麼是 AI 主播?</h5>
  74. </section>
  75. <div class="img-box">
  76. <img src="/imgs/dm/ai-anchor-02.png" alt="" class="img-fluid d-none d-lg-block">
  77. <img src="/imgs/dm/ai-anchor-02-mb.png" alt="" class="d-block d-lg-none img-mb">
  78. <div class="text-box">
  79. <p class="mb-0">
  80. 集仕多 Choozmo 開發全台第一個虛擬 AI 擬真主播,全人工智慧生成,能有效降低新聞播報製作成本,快速產出報導影片,且支援 22 國語言。
  81. </p>
  82. <p>
  83. 是目前唯一獲得工業局認證,人工智慧技術服務機構能量登錄,虛擬人像技術的廠商。
  84. </p>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="my-5">
  89. <section class="d-flex align-items-center mb-5">
  90. <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">
  91. <h5 class="ms-2">實際曝光畫面</h5>
  92. </section>
  93. <img src="/imgs/dm/ai-anchor-03.png" alt="" class="img-fluid">
  94. </div>
  95. <div>
  96. <section class="d-flex align-items-center mb-5">
  97. <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">
  98. <h5 class="ms-2">發佈 11 家媒體</h5>
  99. </section>
  100. <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
  101. <ul>
  102. <li>yahoo!新聞</li>
  103. <li>引新聞</li>
  104. <li>Hinet生活誌</li>
  105. <li>PChome新聞</li>
  106. <li>match生活網</li>
  107. <li>蕃薯藤</li>
  108. <li>Life生活網</li>
  109. <li>台北郵報</li>
  110. <li>POPDAILY波波黛莉</li>
  111. <li>台灣產經</li>
  112. <li>動數據</li>
  113. </ul>
  114. <video controls>
  115. <source src="/imgs/dm/video.mp4" type="video/mp4">
  116. </video>
  117. </div>
  118. </div>
  119. <div style="margin-top: 100px;">
  120. <section class="d-flex align-items-center mb-5">
  121. <img src="/imgs/dm/ai-anchor-icon-01.png" alt="" class="icon">
  122. <h5 class="ms-2">AI 主播新聞發佈至各家知名媒體,每日總造訪量超過 1,120,000 次。</h5>
  123. </section>
  124. </div>
  125. </div>
  126. <section
  127. class="d-flex flex-column align-items-center align-items-sm-end justify-content-center position-relative content">
  128. <div>
  129. <img class="img-01" src="/imgs/群組 1.png" alt="">
  130. </div>
  131. <div>
  132. <p class="text-end mb-0">圖文+影音+聯播 全方位媒體曝光<br>一次到位擁有!</p>
  133. <div class="d-flex align-items-center justify-content-center price-box">
  134. <p class="ai-anchor-price mb-0">36000 元</p>
  135. </div>
  136. </div>
  137. <div>
  138. <img style="position: absolute; right: -13vw; bottom: -80px; width: 20%; z-index: -1;" src="/imgs/裝飾圓.webp"
  139. alt="">
  140. </div>
  141. </section>
  142. <section class="mb-3 mt-5 mb-lg-4 d-flex align-items-center justify-content-center flex-column data-text">
  143. <div class="d-flex flex-column flex-md-row">
  144. <p>現在就填寫資料,</p>
  145. <p>由專人來為您服務吧!</p>
  146. </div>
  147. </section>
  148. <div class="container loaded pageForm">
  149. <div class="row">
  150. <div class="col-12 col-md-6">
  151. <div class="pageForm-p">
  152. <div class="mb-3">
  153. <div class="pageForm-title">
  154. <h3 class="pageForm-title-h3">AI 主播媒體連播 <br> 打造您的新聞網!</h3>
  155. </div>
  156. </div>
  157. <div class="pageForm-txt mb-3">
  158. <p>
  159. 不管是公司宣傳/產品發表/品牌經營都那麼適用!
  160. </p>
  161. </div>
  162. <div class="pageForm-notice">
  163. <a class="btn-detailForm" href="/contact/service/">填寫詳細表單 &rarr;</a>
  164. <p>填寫該表單將會有專人與你聯繫。<br>
  165. 如有問題歡迎來信 service@choozmo.com 或來電 036670804
  166. </p>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="col-12 col-md-6">
  171. <div class="pageForm-p">
  172. <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
  173. <script>
  174. hbspt.forms.create({
  175. region: "na1",
  176. portalId: "20485755",
  177. formId: "e08cd305-569c-4913-96f5-4da9f5f90970"
  178. });
  179. </script>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </main>
  185. {{ partial "footer.html" . }}
  186. <script type="application/javascript">
  187. var doNotTrack = false;
  188. if (!doNotTrack) {
  189. (function (i, s, o, g, r, a, m) {
  190. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  191. (i[r].q = i[r].q || []).push(arguments)
  192. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  193. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  194. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  195. ga('create', 'UA-153100602-5', 'auto');
  196. ga('send', 'pageview');
  197. }
  198. </script>
  199. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  200. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  201. crossorigin="anonymous"></script>
  202. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  203. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  204. crossorigin="anonymous"></script>
  205. </body>
  206. </html>