single.html 11 KB

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