single.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  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 class="mb-0">活動內容:我們將海選出 <strong class="fs-3">3 位</strong> 最具潛力的影音創作者,<br>為您量身設計專屬 「AI 虛擬角色」,讓您的頻道形象煥然一新!</p>
  55. </div>
  56. <div class="d-flex flex-column align-items-center">
  57. <div class="py-5 my-5 d-flex flex-column align-items-center">
  58. <h4>🏆 免費打造 AI 虛擬人物</h4>
  59. <div class="d-flex justify-content-center">
  60. <ul class="ps-4" style="list-style: disc;">
  61. <li>專屬設計與建模,提升您的創作特色。</li>
  62. <li>提供建模過程的幕後花絮拍攝,展現創意與科技的精彩結合。</li>
  63. <li>歡迎自帶團隊拍攝幕後花絮,打造更具個人風格的紀錄片!</li>
  64. </ul>
  65. </div>
  66. <h4 class="mt-5">🎁 參與禮:算力傳媒專訪</h4>
  67. <p class="mb-0">所有報名者均可獲得一則專訪機會,分享您的創作故事,提升個人曝光度!</p>
  68. </div>
  69. <div class="info">
  70. <p>參加方式很簡單!只要</p>
  71. <p class="d-none d-md-block fw-bold mb-0">🎯 點擊立即報名 → 加入官方LINE → 提供頻道網址 或 一部原創作品</p>
  72. <p class="d-block d-md-none fw-bold text-center mt-3 mb-0">🎯 點擊立即報名 🎯<br> ↓ <br>加入官方LIN<br> ↓ <br>提供頻道網址 或 一部原創作品
  73. </p>
  74. </div>
  75. <div class="row align-items-center mt-5">
  76. <div class="col-lg-6 d-flex flex-column align-items-center">
  77. <h4>活動流程</h4>
  78. <ol class="pb-4 pb-lg-0 pe-2 pe-lg-3">
  79. <li>決選會依照評比標準,挑選3位創作者免費建模!</li>
  80. <li>您可以獲得:
  81. <ul>
  82. <li>✔️ 進 AI 虛擬攝影棚錄製的機會<br><small>(攝影棚位於 ChoozMo 總公司,竹北高鐵站走路 3 分鐘即可到達)</small></li>
  83. <li>✔️ 一支虛擬攝影棚拍攝的作品,後續 AI 虛擬人還可以用來製作更多主題影片!</li>
  84. </ul>
  85. </li>
  86. <li>作品完成後,您會獲得完整授權使用作品,請分享到 FB 或自有頻道宣傳並設定公開</li>
  87. </ol>
  88. </div>
  89. <div class="col-lg-6 d-flex flex-column align-items-center line-item">
  90. <h4 class="mt-4 mt-lg-5">活動資訊</h4>
  91. <ul class="px-lg-3 line-bottom">
  92. <li>
  93. 報名日期:2025 / 01 / 24 ~ 2025 / 02 / 07
  94. </li>
  95. <li>
  96. 報名截止:2025 / 02 / 07 晚上 11:59
  97. </li>
  98. <li>結果公布:2025 / 02 / 14</li>
  99. </ul>
  100. <h4 class="mt-5 mt-lg-4">評分標準</h4>
  101. <ul class="px-lg-3">
  102. <li>
  103. <p class="mb-0 fw-bold text-center">🌟 創意與吸引力(50%)</p>
  104. <small>您使用 AI 虛擬人的用途是否有創意?能否快速吸引注意,展現您的獨特構想?</small>
  105. </li>
  106. <li class="mt-3">
  107. <p class="mb-0 fw-bold text-center">💡 影響力與公益性(50%)</p>
  108. <small>您使用 AI 虛擬人的方式是否能傳遞正向價值,或對社會產生積極影響?</small>
  109. </li>
  110. </ul>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="d-flex justify-content-center my-5">
  115. <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank"
  116. class="sign-up-btn">立即報名</a>
  117. </div>
  118. <div class="d-flex flex-column align-items-center">
  119. <h3 class="title">AI 虛擬人是什麼?<h3>
  120. <p class="text-center px-lg-5">
  121. 是透過 AI 生成技術創建的虛擬角色,具有類似人類的外觀、行為和互動能力。<br>這些虛擬人可以用於模擬真人的行為,並應用於多種場景中,例如電視台 AI 主播「克隆娟」,就是我們最典型的實際應用。
  122. </p>
  123. <img src="/imgs/dm/ai-virtual-star/aivs08.webp" alt="" class="img-fluid">
  124. </div>
  125. <div class="row align-items-center py-5">
  126. <div class="col-lg-6">
  127. <img src="/imgs/dm/ai-virtual-star/aivs04.webp" alt="" class="img-fluid">
  128. </div>
  129. <div class="col-lg-6 mt-5 mt-lg-0 d-flex flex-column align-items-center">
  130. <h4>您是不是我們要找的人?</h4>
  131. <ul>
  132. <li>
  133. ✔️ 不需要高知名度,您的<strong>潛力</strong>和<strong>創意</strong>才是我們的目標!
  134. </li>
  135. <li>
  136. ✔️ 想讓影音內容更吸睛、更具個人特色!
  137. </li>
  138. </ul>
  139. </div>
  140. </div>
  141. <div class="row align-items-center py-5">
  142. <div class="col-lg-6 d-flex flex-column align-items-center mb-5 mb-lg-0">
  143. <h4>為什麼要來?</h4>
  144. <ul>
  145. <li>
  146. ✨ 當您完成 AI 虛擬人建模,大量製作影片內容都沒問題!
  147. </li>
  148. <li>
  149. ✨ 未被選上也能透過優惠方案輕鬆入手,實現您的創作夢想!
  150. </li>
  151. <li>
  152. ✨ 我們有滿滿的經驗與資源,別懷疑了,心動不如馬上報名!
  153. </li>
  154. </ul>
  155. </div>
  156. <div class="col-lg-6">
  157. <img src="/imgs/dm/ai-virtual-star/aivs05.webp" alt="" class="img-fluid">
  158. </div>
  159. </div>
  160. <div class="row align-items-center py-5">
  161. <div class="col-lg-6">
  162. <img src="/imgs/dm/ai-virtual-star/aivs06.webp" alt="" class="img-fluid">
  163. </div>
  164. <div class="col-lg-6 mt-5 mt-lg-0 d-flex flex-column align-items-center">
  165. <h4>ChoozMo 電視台水準?</h4>
  166. <p class="text-center">我們與多家電視台有多次合作經驗,<br>作品品質絕對無庸置疑,連大螢幕播放都沒問題!</p>
  167. </div>
  168. </div>
  169. <div class="d-flex flex-column align-items-center py-5 position-relative">
  170. <img src="/imgs/dm/ai-virtual-star/aivs09.webp" alt="" class="bg-2">
  171. <div class="position-relative" style="z-index: 100;">
  172. <h2 class="mb-3 title">用 AI 科技實現頻道大躍進!</h2>
  173. <p class="text-center">您是否曾想過擁有一個專屬的 AI 虛擬分身,為您的頻道創造無限可能?<br>現在機會來了!只要您有需求,歡迎一起參與免費 AI 虛擬人建模計畫!</p>
  174. <div class="row mt-5 justify-content-center align-items-center">
  175. <div class="col-lg-4 text-center mb-3 mb-lg-0">
  176. <h4>科技 x 創意的視覺震撼</h4>
  177. <p>
  178. 製作團隊會引導您完成所有製作需求<br>
  179. 我們將您的想像化為現實,讓每個創作者都能感受到 AI 時代的無限魅力!
  180. </p>
  181. </div>
  182. <div class="col-lg-4">
  183. <img src="/imgs/dm/ai-virtual-star/aivs07.webp" alt="" class="img-fluid">
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="d-flex justify-content-center mb-lg-5">
  189. <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" target="_blank"
  190. class="sign-up-btn">立即報名</a>
  191. </div>
  192. <div id="form">
  193. {{ partial "form-main.html" . }}
  194. </div>
  195. </section>
  196. </main>
  197. {{ partial "footer.html" . }}
  198. <script type="application/javascript">
  199. var doNotTrack = false;
  200. if (!doNotTrack) {
  201. (function (i, s, o, g, r, a, m) {
  202. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  203. (i[r].q = i[r].q || []).push(arguments)
  204. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  205. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  206. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  207. ga('create', 'UA-153100602-5', 'auto');
  208. ga('send', 'pageview');
  209. }
  210. </script>
  211. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  212. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  213. crossorigin="anonymous"></script>
  214. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  215. integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
  216. crossorigin="anonymous"></script>
  217. </body>
  218. </html>