single.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  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 虛擬人夢想計畫 | 免費客製您的專屬虛擬人 | 集仕多</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. <!-- Google Tag Manager -->
  17. <script>(function (w, d, s, l, i) {
  18. w[l] = w[l] || []; w[l].push({
  19. 'gtm.start':
  20. new Date().getTime(), event: 'gtm.js'
  21. }); var f = d.getElementsByTagName(s)[0],
  22. j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
  23. 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  24. })(window, document, 'script', 'dataLayer', 'GTM-MTWWP3G');</script>
  25. <!-- End Google Tag Manager -->
  26. <!-- Google tag (gtag.js) -->
  27. <script async src="https://www.googletagmanager.com/gtag/js?id=G-G5H9MMGQFM"></script>
  28. <script>
  29. window.dataLayer = window.dataLayer || [];
  30. function gtag() { dataLayer.push(arguments); }
  31. gtag('js', new Date());
  32. gtag('config', 'G-G5H9MMGQFM');
  33. </script>
  34. <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
  35. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
  36. <script>
  37. window.dataLayer = window.dataLayer || [];
  38. function gtag() { dataLayer.push(arguments); }
  39. gtag('js', new Date());
  40. gtag('config', 'AW-474336061');
  41. </script>
  42. </head>
  43. <body>
  44. {{ partial "navbar.html" . }}
  45. <main id="ai-virtual-star">
  46. <img src="/imgs/dm/ai-virtual-star/aivs01.webp" alt="AI 虛擬人夢想計畫" class="cover-img">
  47. <img src="/imgs/dm/ai-virtual-star/aivs02.webp" alt="" class="bg-1">
  48. <section class="container px-3 pt-0 header">
  49. <div class="main">
  50. <h2 class="mb-5 title">【僅此一次】AI 虛擬人免費建模大放送!<br>影音創作者快來搶!</h2>
  51. <p>
  52. 創意滿滿的您是不是在煩惱怎麼讓影片更有亮點,還能帥到觀眾下巴掉下來?<br>
  53. 別再想破頭了,我們這裡有個超狂手法,<br>就是幫您的頻道加入科技感的AI虛擬人物,而且只需要一小時的拍攝時間!</p>
  54. <p>活動內容:我們將海選出 <strong class="fs-3">3位</strong> 具有潛力的影音創作者,幫您免費打造「AI虛擬人物」,並應用到您的影片中,讓您的影音頻道結合現代科技,吸引觀眾的目光!</p>
  55. </div>
  56. <div class="d-flex flex-column align-items-center">
  57. <div class="info">
  58. <p> 參加方式很簡單!只要
  59. </p>
  60. <p class="fw-bold pb-0">🎯 點擊立即報名 → 加入官方LINE → 提供頻道網址 或 一部原創作品</p>
  61. </div>
  62. <div class="row align-items-center">
  63. <div class="col-lg-6 d-flex flex-column align-items-center border-item">
  64. <h4>活動流程</h4>
  65. <ol class="pb-4 pb-lg-0 pe-2 pe-lg-5">
  66. <li>決選會依照評比標準,挑選3位創作者免費建模!</li>
  67. <li>你可以獲得:
  68. <ul>
  69. <li>✔️ 進 AI 虛擬攝影棚錄製的機會<br><small>(攝影棚位於 ChoozMo 總公司,竹北高鐵站走路 3 分鐘即可到達)</small></li>
  70. <li>✔️ 一支虛擬攝影棚拍攝的作品,後續 AI 虛擬人還可以用來製作更多主題影片!</li>
  71. </ul>
  72. </li>
  73. <li>作品完成後,您會獲得完整授權使用作品,請分享到 FB 或自有頻道宣傳並設定公開</li>
  74. </ol>
  75. </div>
  76. <div class="col-lg-6 d-flex flex-column align-items-center">
  77. <h4 class="mt-5">活動資訊</h4>
  78. <ul class="px-lg-5">
  79. <li>
  80. 報名日期:2025 / 01 / 24 ~ 2025 / 02 / 07
  81. </li>
  82. <li>
  83. 報名截止:2025 / 02 / 07 晚上 11:59
  84. </li>
  85. <li>結果公布:2025 / 02 / 14</li>
  86. </ul>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="d-flex justify-content-center my-lg-5">
  91. <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank"
  92. class="sign-up-btn">立即報名</a>
  93. </div>
  94. <div class="d-flex flex-column align-items-center">
  95. <h3 class="title">AI 虛擬人是什麼?<h3>
  96. <p class="text-center px-lg-5">
  97. 是透過 AI 生成技術創建的虛擬角色,具有類似人類的外觀、行為和互動能力。<br>這些虛擬人可以用於模擬真人的行為,並應用於多種場景中,例如電視台 AI 主播「克隆娟」,就是我們最典型的實際應用。
  98. </p>
  99. <img src="/imgs/dm/ai-virtual-star/aivs08.webp" alt="" class="img-fluid">
  100. </div>
  101. <div class="row align-items-center py-5">
  102. <div class="col-lg-6">
  103. <img src="/imgs/dm/ai-virtual-star/aivs04.webp" alt="" class="img-fluid">
  104. </div>
  105. <div class="col-lg-6 mt-5 mt-lg-0 d-flex flex-column align-items-center">
  106. <h4>您是不是我們要找的人?</h4>
  107. <ul>
  108. <li>
  109. ✔️ 不需要高知名度,您的<strong>潛力</strong>和<strong>創意</strong>才是我們的目標!
  110. </li>
  111. <li>
  112. ✔️ 想讓影音內容更吸睛、更具個人特色!
  113. </li>
  114. </ul>
  115. </div>
  116. </div>
  117. <div class="row align-items-center py-5">
  118. <div class="col-lg-6 d-flex flex-column align-items-center mb-5 mb-lg-0">
  119. <h4>為什麼要來?</h4>
  120. <ul>
  121. <li>
  122. ✨ 當您完成 AI 虛擬人建模,大量製作影片內容都沒問題!
  123. </li>
  124. <li>
  125. ✨ 未被選上也能透過優惠方案輕鬆入手,實現您的創作夢想!
  126. </li>
  127. <li>
  128. ✨ 我們有滿滿的經驗與資源,別懷疑了,心動不如馬上報名!
  129. </li>
  130. </ul>
  131. </div>
  132. <div class="col-lg-6">
  133. <img src="/imgs/dm/ai-virtual-star/aivs05.webp" alt="" class="img-fluid">
  134. </div>
  135. </div>
  136. <div class="row align-items-center py-5">
  137. <div class="col-lg-6">
  138. <img src="/imgs/dm/ai-virtual-star/aivs06.webp" alt="" class="img-fluid">
  139. </div>
  140. <div class="col-lg-6 mt-5 mt-lg-0 d-flex flex-column align-items-center">
  141. <h4>ChoozMo 電視台水準?</h4>
  142. <p class="text-center">我們與多家電視台有多次合作經驗,<br>作品品質絕對無庸置疑,連大螢幕播放都沒問題!</p>
  143. </div>
  144. </div>
  145. <div class="d-flex flex-column align-items-center py-5 position-relative">
  146. <img src="/imgs/dm/ai-virtual-star/aivs09.webp" alt="" class="bg-2">
  147. <div class="position-relative" style="z-index: 100;">
  148. <h2 class="mb-3 title">用 AI 科技實現頻道大躍進!</h2>
  149. <p class="text-center">您是否曾想過擁有一個專屬的 AI 虛擬分身,為您的頻道創造無限可能?<br>現在機會來了!只要您有需求,歡迎一起參與免費 AI 虛擬人建模計畫!</p>
  150. <div class="row mt-5 justify-content-center align-items-center">
  151. <div class="col-lg-4 text-center mb-3 mb-lg-0">
  152. <h4>科技 x 創意的視覺震撼</h4>
  153. <p>
  154. 製作團隊會引導您完成所有製作需求<br>
  155. 我們將您的想像化為現實,讓每個創作者都能感受到 AI 時代的無限魅力!
  156. </p>
  157. </div>
  158. <div class="col-lg-4">
  159. <img src="/imgs/dm/ai-virtual-star/aivs07.webp" alt="" class="img-fluid">
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="d-flex justify-content-center mb-lg-5">
  165. <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank"
  166. class="sign-up-btn">立即報名</a>
  167. </div>
  168. <div id="form">
  169. {{ partial "form-main.html" . }}
  170. </div>
  171. </section>
  172. </main>
  173. {{ partial "footer.html" . }}
  174. <script type="application/javascript">
  175. var doNotTrack = false;
  176. if (!doNotTrack) {
  177. (function (i, s, o, g, r, a, m) {
  178. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  179. (i[r].q = i[r].q || []).push(arguments)
  180. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  181. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  182. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  183. ga('create', 'UA-153100602-5', 'auto');
  184. ga('send', 'pageview');
  185. }
  186. </script>
  187. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  188. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  189. crossorigin="anonymous"></script>
  190. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  191. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  192. crossorigin="anonymous"></script>
  193. </body>
  194. </html>