choozmo
/
AI_Video_LP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
							<!DOCTYPE html>
<html lang="zh-Hant">

<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 主持人打造高品質、可擴充、零情緒波動的主持體驗。支援多語切換、腳本客製、品牌語氣一致，
            適用新品發表、年會、展覽、直播與 Kiosk 互動服務。
          </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/meet-taipei.webp" alt="AI 主持人範例" class="img-fluid" style="height: 355px; object-fit: cover;">
          </div>
        </div>
      </div>
    </div>
  </header>

  <!-- Why AI Host -->
  <section class="py-5 mt-5">
    <div class="container">
      <div class="text-center">
        <p class="kicker mb-2">Why AI Host</p>
        <h2 class="fw-bold mb-4">企業為什麼選擇 AI 主持人？</h2>
      </div>

      <div class="row g-4">
        <div class="col-md-6 col-lg-3">
          <div class="feature-card">
            <div class="d-flex align-items-center mb-2"><i
                class="bi bi-cash-coin fs-3 text-primary me-2"></i><strong>低成本、高效率</strong></div>
            <p class="mb-0 text-secondary">透過 AI 訓練與腳本設定，快速生成專業主持內容，大幅節省人力與前置成本。</p>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="feature-card">
            <div class="d-flex align-items-center mb-2"><i
                class="bi bi-broadcast-pin fs-3 text-primary me-2"></i><strong>穩定表現，品質一致</strong></div>
            <p class="mb-0 text-secondary">不受情緒與外在因素影響，發音清晰、語速可控，場場穩定專業。</p>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="feature-card">
            <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="mb-0 text-secondary">自由切換多種語言，適合跨國企業與國際展會，展現品牌國際力。</p>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="feature-card">
            <div class="d-flex align-items-center mb-2"><i
                class="bi bi-diagram-3 fs-3 text-primary me-2"></i><strong>彈性應用多場域</strong></div>
            <p class="mb-0 text-secondary">新品發表、年會、展覽、直播、Kiosk 互動服務皆適用，品牌形象專業又新穎。</p>
          </div>
        </div>
      </div>

      <p class="mt-4 text-secondary">
        AI 主持人結合了<strong>效率、專業、穩定、國際化</strong>的優勢，不僅能降低成本，更能讓企業活動脫穎而出，吸引觀眾目光。
      </p>
    </div>
  </section>

  <!-- Industries -->
  <section class="py-5 mb-5 bg-light">
    <div class="container text-center">
      <p class="kicker mb-2">Industries</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-building 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-cart-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-tv 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-people fs-1 text-brand"></i>
          <p class="fw-semibold mt-2 mb-0">展覽與博覽會</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Use Cases (Accordion) -->
  <section class="pb-5">
    <div class="container">
      <div class="accordion mt-4" id="accordion_2">
        <div class="accordion-item">
          <h2 class="accordion-header" id="heading_2">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_2"
              aria-expanded="true" aria-controls="collapse_2">
              <h4 class="px-3 m-0">💡 其他應用場景</h4>
            </button>
          </h2>
          <div id="collapse_2" class="accordion-collapse collapse show" aria-labelledby="heading_2"
            data-bs-parent="#accordion_2">
            <div class="accordion-body py-4">
              <ul class="m-0">
                <li class="mb-3"><strong>新聞與媒體：</strong> 自動化新聞播報，節省主播人力與製作成本。</li>
                <li class="mb-3"><strong>影音創作者：</strong> 打造專屬虛擬角色，提升內容吸引力，塑造品牌 IP。</li>
                <li class="mb-3"><strong>電商與行銷：</strong> 24/7 AI 主播帶貨，提升轉換率與銷售額。</li>
                <li class="mb-3"><strong>客服與企業應用：</strong> 即時處理大量重複問題，統一品牌語調與形象。</li>
                <li class="mb-0"><strong>Kiosk 互動服務：</strong> 公共場域的人性化自助體驗，降低等候時間。</li>
              </ul>
              <p class="mt-3 mb-0 ms-3">
                👉 AI 虛擬替身不僅能<strong>降低成本、提升效率</strong>，更能幫助企業打造創新形象，成為跨產業的<strong>數位轉型關鍵解決方案</strong>。
              </p>
            </div>
          </div>
        </div>
      </div>

    </div>
  </section>

  <!-- How it works -->
  <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">
            <!-- <span class="badge text-secondary mb-2 ps-0">Step 1</span> -->
            <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">
            <!-- <span class="badge text-secondary mb-2 ps-0">Step 2</span> -->
            <h5>Step 2<br>腳本與角色設定</h5>
            <p class="text-secondary mb-0">主持稿、互動節點、Q&A 知識庫與語音人設建立</p>
          </div>
        </div>
        <div class="col-md-6 col-lg-3">
          <div class="feature-card h-100">
            <!-- <span class="badge text-secondary mb-2 ps-0">Step 3</span> -->
            <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">
            <!-- <span class="badge text-secondary mb-2 ps-0">Step 4</span> -->
            <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">
            <img src="/img/aicustomer/三立娟姐.gif" alt="ChoozMo AI 客服｜三立克隆娟">
          </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">
            <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/客家demo3.mp4" autoplay muted playsinline loop></video>
          </div>
          <p class="mt-2 small text-secondary">▲ 客家電視台</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> AI 主持人是否能即時互動？</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-translate me-1"></i> AI 主持人支援哪些語言？</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-lightning-charge 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-shield-lock me-1"></i> 品牌與資料安全如何保障？</h6>
            <p class="mb-0 text-secondary">內容均依企業保密規範處理，模型與素材可採自家或私有儲存，避免洩露風險。</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>