choozmo
/
AI_Video_LP


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
							<!DOCTYPE html>
<html lang="en">

<head>
  {{ partial "head_single.html" . }}

  <link rel="stylesheet" href="/css/service.css">
</head>

<body>
  {{ partial "navbar.html" . }}

  <!-- Hero -->
  <header class="hero py-5 mt-5">
    <div class="container pt-5">
      <div class="row align-items-center g-4">
        <div class="col-lg-6">
          <!-- <span class="badge badge-soft mb-3">AI 影片製作 · 多語多版本自動化</span> -->
          <h1 class="display-6 fw-bold mb-3">專為品牌與行銷打造的<br class="d-none d-md-block"> <strong class="text-primary">AI 影片製作</strong></h1>
          <p class="lead text-secondary mb-4">
            一次拍攝精準建模，AI 對嘴自然精準；支援多語多版本自動化，從腳本 → 配音 → 字幕一站完成，
            讓跨國行銷更輕鬆、製作更高效。
          </p>
          <div class="d-flex flex-wrap gap-3">
            <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" class="link-btn" target="_blank"
              rel="noopener">
              <i class="bi bi-chat-dots"></i> 立即與專人諮詢
            </a>
            <a href="#cases" class="outline-btn d-inline-flex align-items-center">
              <i class="bi bi-play-circle"></i> 查看實際案例
            </a>
          </div>
          <div class="mt-4 text-secondary small">
            <i class="bi bi-shield-check me-1"></i> 穩定 · 多語 · 可擴充 · 品牌一致性
          </div>
        </div>
        <div class="col-lg-6">
          <div class="media-card">
            <img src="/img/aicustomer/三立娟姐.gif" alt="AI 影片製作" class="img-fluid">
          </div>
        </div>
      </div>
    </div>
  </header>

  <!-- Value Props -->
  <section class="py-5 mt-5">
    <div class="container">
      <div class="text-center">
        <p class="kicker mb-2">Why AI Video</p>
        <h2 class="fw-bold mb-4">多語多版本自動化，製作影片更快、更穩、更省</h2>
      </div>

      <div class="row g-4 align-items-stretch">
        <div class="col-lg-6">
          <div class="feature-card h-100">
            <div class="d-flex align-items-center mb-2">
              <i class="bi bi-lightning-charge fs-3 text-primary me-2"></i>
              <strong>快速產出</strong>
            </div>
            <p class="text-secondary mb-2">腳本 → 配音 → 字幕全流程自動化，縮短製作週期與人力投入。</p>
            <ul class="text-secondary m-0 ps-3">
              <li>批次生成多版本素材</li>
              <li>腳本更新後可立即重新生成影片，快速完成修改</li>
            </ul>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="feature-card h-100">
            <div class="d-flex align-items-center mb-2">
              <i class="bi bi-person-video3 fs-3 text-primary me-2"></i>
              <strong>輕量拍攝建模</strong>
            </div>
            <p class="text-secondary mb-2">一次建模長期複用，AI 精準對嘴、自然動態，長線維護低成本。</p>
            <ul class="text-secondary m-0 ps-3">
              <li>主播造型可高度客製</li>
              <li>品牌辨識度一致、風格可變</li>
            </ul>
          </div>
        </div>

        <div class="col-lg-6">
          <div class="feature-card h-100">
            <div class="d-flex align-items-center mb-2">
              <i class="bi bi-translate fs-3 text-primary me-2"></i>
              <strong>多國語言擴散</strong>
            </div>
            <p class="text-secondary mb-2">自動生成多國語音 + 字幕（中/英/日/韓…），輕鬆覆蓋海外市場。</p>
            <ul class="text-secondary m-0 ps-3">
              <li>口音選擇與語調設定</li>
              <li>字幕同步、可套品牌字型</li>
            </ul>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="feature-card h-100">
            <div class="d-flex align-items-center mb-2">
              <i class="bi bi-brush fs-3 text-primary me-2"></i>
              <strong>品牌級客製</strong>
            </div>
            <p class="text-secondary mb-2">角色造型、聲線、穿搭、版型依品牌打造，跨平台素材一致。</p>
            <ul class="text-secondary m-0 ps-3">
              <li>模板化片頭片尾、商品版位</li>
              <li>圖像/特效可套用品牌元素</li>
            </ul>
          </div>
        </div>
      </div>

      <div class="row g-4 mt-4">
        <div class="col-md-6 col-lg-3">
          <div class="stat-card text-center p-4 rounded-4 bg-light h-100">
            <div class="fs-2 fw-bold">10+ / 日</div>
            <div class="text-secondary small">單日可產出高質量影片數</div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="stat-card text-center p-4 rounded-4 bg-light h-100">
            <div class="fs-2 fw-bold">4x</div>
            <div class="text-secondary small">製作效率提升（相較傳統）</div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="stat-card text-center p-4 rounded-4 bg-light h-100">
            <div class="fs-2 fw-bold">多語</div>
            <div class="text-secondary small">中 / 英 / 日 / 韓…全自動字幕</div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="stat-card text-center p-4 rounded-4 bg-light h-100">
            <div class="fs-2 fw-bold">TV 等級</div>
            <div class="text-secondary small">畫質與特效達電視台標準</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 適用情境 -->
  <section class="py-5 mb-5 bg-light">
    <div class="container text-center">
      <p class="kicker mb-2">Use Cases</p>
      <h2 class="fw-bold mb-4">AI 影片適用情境</h2>

      <div class="row g-4">
        <div class="col-6 col-md-3">
          <i class="bi bi-camera-reels fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">社群短影音</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-bag-check fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">商品介紹</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-mic fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">品牌廣告 / 形象片</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-mortarboard fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">教育訓練 / 內部宣導</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-calendar-event fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">活動開場 / 預告影片</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-newspaper fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">新聞播報 / 節目製作</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-headset fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">客服說明 / 常見問題影片</p>
        </div>
        <div class="col-6 col-md-3">
          <i class="bi bi-bar-chart-line fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">內部簡報 / 專案報告</p>
        </div>
      </div>

      <p class="text-secondary mt-5 mb-0">
        內容零素材也能開拍：輸入文字，AI 生成高質感視覺並自動剪輯成片。
      </p>
    </div>

  </section>

  <!-- 比較區塊 -->
  <section class="py-5 compare-block">
    <div class="container">
      <div class="text-center mb-4">
        <p class="kicker mb-2">Compare</p>
        <h2 class="fw-bold mb-0">AI 主播 vs 真人主播</h2>
      </div>

      <div class="row g-4 align-items-start">
        <!-- Left: Table -->
        <div class="col-lg-12">
          <div class="feature-card p-0 overflow-hidden">
            <div class="table-responsive compare-table">
              <table class="table table-bordered table-striped align-middle mb-0">
                <thead>
                  <tr>
                    <th scope="col" class="w-25">項目</th>
                    <th scope="col">👑 AI 主播</th>
                    <th scope="col">真人主播</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>製作成本</td>
                    <td>低且可預測</td>
                    <td>高，需人事、場地、器材</td>
                  </tr>
                  <tr>
                    <td>製作速度</td>
                    <td>快速生成，隨時可用</td>
                    <td>拍攝 + 後製流程繁瑣</td>
                  </tr>
                  <tr>
                    <td>語言覆蓋</td>
                    <td>多語多口音、字幕同步</td>
                    <td>需外語人才或後配</td>
                  </tr>
                  <tr>
                    <td>穩定度</td>
                    <td>AI 對嘴精準 + 自然動態</td>
                    <td>表現受臨場狀態影響</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          <p class="text-secondary text-center mt-3 mb-0">
            電視台等級專業品質：與多家電視台長期合作，大螢幕也銳利不失真。
          </p>
        </div>

        <!-- Right: Image -->
        <!-- <div class="col-lg-5">
          <div class="media-card">
            <img src="/img/aicustomer/三立娟姐.gif" alt="AI 主播實例－三立新聞">
          </div>
          <p class="mt-2 small text-secondary text-center">▲ AI 主播實例－三立新聞</p>
        </div> -->
      </div>
    </div>
  </section>


  <!-- 工作流程（變化版式：Timeline） -->
  <section class="py-5 mb-5">
    <div class="container">
      <div class="text-center">
        <p class="kicker mb-2">How It Works</p>
        <h2 class="fw-bold mb-4">導入流程超簡單，四步完成</h2>
      </div>

      <div class="row g-4">
        <div class="col-md-6 col-lg-3">
          <div class="feature-card h-100">
            <h5>Step 1<br>需求訪談</h5>
            <p class="text-secondary mb-0">釐清受眾、渠道、品牌語氣與多語需求，確認腳本方向與素材版型</p>
          </div>
        </div>

        <div class="col-md-6 col-lg-3">
          <div class="feature-card h-100">
            <h5>Step 2<br>腳本與建模</h5>
            <p class="text-secondary mb-0">撰寫腳本 & 一次拍攝建模；設定聲線、造型與字幕樣式</p>
          </div>
        </div>

        <div class="col-md-6 col-lg-3">
          <div class="feature-card h-100">
            <h5>Step 3<br>自動生成與校稿</h5>
            <p class="text-secondary mb-0">批次產生多語版本與尺寸版型，對嘴/節奏/圖像微調</p>
          </div>
        </div>

        <div class="col-md-6 col-lg-3">
          <div class="feature-card h-100">
            <h5>Step 4<br>上線與擴充</h5>
            <p class="text-secondary mb-0">多平台發佈與數據回饋；模板化長期複用，快速擴充新素材</p>
          </div>
        </div>
      </div>

    </div>
  </section>

  <!-- Cases -->
  <section id="cases" class="py-5 bg-light">
    <div class="container text-center">
      <p class="kicker mb-2">Case Studies</p>
      <h2 class="fw-bold mb-4">AI 影片實例</h2>

      <div class="row g-4">
        <div class="col-lg-6">
          <div class="media-card">
            <video src="/img/aicustomer/客家整年合輯.mp4" autoplay muted playsinline loop></video>
          </div>
          <p class="mt-2 small text-secondary">▲ 客家電視台（整年合輯）</p>
        </div>

        <div class="col-lg-6">
          <div class="media-card">
            <video src="/img/aicustomer/LIHO-DEMO.mp4" autoplay muted playsinline loop></video>
          </div>
          <p class="mt-2 small text-secondary">▲ LiHo TV</p>
        </div>

        <div class="col-lg-6">
          <div class="media-card">
            <div class="ratio ratio-16x9">
              <iframe
                src="https://www.youtube.com/embed/CUR_9L8RtDk?autoplay=1&mute=1&loop=1&playlist=CUR_9L8RtDk&playsinline=1&controls=0&modestbranding=1&rel=0"
                title="AI 影片實例－客家電視台" frameborder="0"
                allow="autoplay; encrypted-media; gyroscope; picture-in-picture; web-share"
                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
              </iframe>
            </div>
          </div>
          <p class="mt-2 small text-secondary">▲ 三立新聞網－「AI克隆娟」</p>
        </div>

        <div class="col-lg-6">
          <div class="media-card">
            <div class="ratio ratio-16x9">
              <iframe
                src="https://www.youtube.com/embed/TzKQGBDmnXg?autoplay=1&mute=1&loop=1&playlist=TzKQGBDmnXg&playsinline=1&controls=0&modestbranding=1&rel=0"
                title="AI 影片實例－客家電視台" frameborder="0"
                allow="autoplay; encrypted-media; gyroscope; picture-in-picture; web-share"
                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
              </iframe>
            </div>
          </div>
          <p class="mt-2 small text-secondary">▲ AI 影片實例－算力傳媒</p>
        </div>
      </div>

      <p class="my-5 text-center" style="line-height: 2;">🚀 選擇 ChoozMo AI 影片製作方案<br>一次建模長期複用，為跨國行銷帶來穩定且可擴充的內容供給</p>

      <div class="text-center">
        <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" class="link-btn" target="_blank"
          rel="noopener">
          <i class="bi bi-rocket-takeoff"></i> 立即諮詢與評估方案
        </a>
      </div>
    </div>
  </section>

  <!-- CTA band -->
  <section class="py-5 mt-5">
    <div class="container">
      <div class="cta-band p-4 p-md-5 d-flex flex-column flex-lg-row align-items-center justify-content-between gap-3">
        <div>
          <h3 class="mb-2 fw-bold">想讓同支影片輕鬆擴展多語言、多版本？</h3>
          <p class="mb-0">我們提供腳本客製、聲線設定、字幕模板與批次生成，一站式搞定海外在地化。</p>
        </div>
        <a href="https://page.line.me/417lsxlz?oat_content=url&openQrModal=true" class="cta-btn">
          取得免費顧問建議
        </a>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="py-5 mb-5">
    <div class="container">
      <div class="text-center">
        <p class="kicker mb-2">FAQ</p>
        <h2 class="fw-bold mb-4">常見問題</h2>
      </div>

      <div class="row g-4">
        <div class="col-md-6">
          <div class="feature-card">
            <h6 class="mb-2"><i class="bi bi-question-circle me-1"></i> 沒有素材也能製作嗎？</h6>
            <p class="mb-0 text-secondary">
              可以！輸入文字即可由 AI 生成高質感照片與視覺元素，並自動剪輯成片；亦可套用既有素材與品牌版型。
            </p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="feature-card">
            <h6 class="mb-2"><i class="bi bi-translate me-1"></i> 支援哪些語言？</h6>
            <p class="mb-0 text-secondary">支援全球主要語言（中/英/日/韓…），字幕可套品牌字型與樣式，確保識別一致。</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="feature-card">
            <h6 class="mb-2"><i class="bi bi-aspect-ratio me-1"></i> 可否一次產出不同尺寸與版本？</h6>
            <p class="mb-0 text-secondary">可以。支援多尺寸輸出（16:9、1:1、9:16）與多版本腳本生成，靈活應對不同平台需求。</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="feature-card">
            <h6 class="mb-2"><i class="bi bi-shield-lock me-1"></i> 品牌與資料安全如何保障？</h6>
            <p class="mb-0 text-secondary">內容依企業保密規範處理，模型與素材可採自家或私有儲存，避免外流風險；輸出檔案權限可控。</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="feature-card">
            <h6 class="mb-2"><i class="bi bi-speedometer2 me-1"></i> 交期需要多久？</h6>
            <p class="mb-0 text-secondary">建立模型後可日更十餘支影片；首次導入視規模與客製程度不同而異，通常於短週期內完成上線。</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="feature-card">
            <h6 class="mb-2"><i class="bi bi-mic me-1"></i> 對嘴與表情自然嗎？</h6>
            <p class="mb-0 text-secondary">AI 對嘴精準並搭配自然動態，音色與語速可依品牌語氣調整，維持一致且專業的觀感。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  {{ partial "footer.html" . }}

  <script>
    document.getElementById('y').textContent = new Date().getFullYear();
  </script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>


</html>