AI_Video_LP/layouts/partials/components/serve.html

<!-- AI 廣告 -->
<div class="container-fluid ad-content position-relative">
  <div class="tag-item" style="top: -50px; right: -5vw;">
    <img src="imgs/home/裝飾-01.png" alt="">
    <h5 style="right: 40px;">AI 廣告</h5>
  </div>
  <section class="d-flex justify-content-center">
    <h4>
      AI 智能 廣告投放<br>
      <strong>精密規劃您的廣告預算 | 用低於業界金額 打出最好成效</strong>
    </h4>
  </section>
  <div class="row justify-content-center align-items-center px-5 px-lg-0">
    <div class="col-12 col-lg-3">
      <img src="imgs/home/首頁-04.png" alt="" class="d-lg-block d-none">
      <img src="imgs/home/首頁-04-mb.png" alt="" class="d-lg-none d-block mx-auto">
    </div>
    <div class="col-12 col-lg-6 mt-5 mt-lg-0">
      <ul>
        <li>
          <h5>Q 這麼多種廣告，怎麼知道自己適合哪一種？</h5>
          <p>
            集仕多以大數據分析技術，替您的品牌推薦最適合投放的廣告類型，精準抓取目標受眾，不花冤望錢。
          </p>
        </li>
        <li>
          <h5>Q 給別人投廣告是不是會花更多錢啊？</h5>
          <p>
            比起自己花費人力投廣告，猜測不確定性的投放組合，造成預算浪費。不如交給專業的 AI 廣告投手，替您省時省錢，讓您的廣告用最少的費用，達到最佳投放效益。
          </p>
        </li>
        <li>
          <h5>Q 為什麼要選擇集仕多？</h5>
          <p>
            集仕多為軟體科技公司，成員多為資訊工程師，在 Martech 科技行銷領域發展活耀，獲得多項研究獎、科技部計畫之代表團隊，團隊具有技術硬實力，提供最新行銷解決方案，AI
            廣告投放技術是台灣少數獲工業局認證之廠商，為 AI 精準行銷首選。
          </p>
        </li>
      </ul>
    </div>
  </div>
  <div class="d-flex justify-content-center mb-5">
    <a href="" class="more-btn">
      點我了解更多
    </a>
  </div>
  <div class="row justify-content-center align-items-center mx-auto w-100 py-4 py-sm-5"
    style="background-color: #efe5ee;">
    <div class="col-12 col-sm-4 col-lg-3 position-relative">
      <img src="imgs/home/裝飾-03.png" alt="">
      <span class="img-text">Youtube廣告 <br> 影片有效觀看</span>
    </div>
    <div class="col-12 col-sm-8 col-lg-4 px-5 px-sm-3 px-lg-0">
      <h5>1 個觀看數只要 0.4 元 <br>
        <strong>
          透過 Google 廣告投放，增漲 YT 影片的有效觀看數，可自訂目標觀看受眾群，結案提供廣告成效報告與報表。<br>
        </strong>
        <small>
          客戶案例經過一個月的 YouTube 廣告投放 <br>
          影片曝光數達 58 萬、觀看次數 22 萬！
        </small>
      </h5>
    </div>
    <div class="col-12 col-lg-5 mt-5 mt-lg-0">
      <img src="imgs/home/首頁-07.png" alt="">
    </div>
  </div>
</div>

<!-- SEO -->
<div class="container-fluid position-relative pt-4 px-0">
  <div class="tag-item">
    <img src="imgs/home/裝飾-01.png" alt="">
    <h5>SEO</h5>
  </div>
  <div class="container seo-content">
    <h4>
      高速 SEO 搜尋排名優化
    </h4>
    <section class="d-flex flex-column align-items-lg-center justify-content-center">
      <p class="my-5">
        你的 SEO 要跑多久？ <br>
        集仕多獨家高速 SEO，經審核網站後，會提出網站優化建議，並且推薦適合的關鍵字 <br>
        客戶實例最短兩周可以提升 SEO 排名。
      </p>
      <div class="d-none d-lg-flex">
        <ul>
          <li><strong>➤　形象 SEO</strong></li>
          <li><strong>➤　新聞 SEO</strong></li>
          <li><strong>➤　創業家 SEO</strong></li>
        </ul>
        <ul>
          <li>將負面評價、負面新聞、負面討論排序向後，達成正面形象的目標</li>
          <li>撰寫 SEO 新聞稿、製作AI主播報導影片、一次曝光到 11 家網路媒體</li>
          <li>為店家打造在地口碑，以第三方客觀角度撰寫專屬推薦文章</li>
        </ul>
      </div>
      <div class="d-block d-lg-none">
        <ul class="p-0">
          <li>
            <strong>➤　形象 SEO</strong> <br>
            將負面評價、負面新聞、負面討論排序向後，達成正面形象的目標
          </li>
          <li class="my-4">
            <strong>➤　新聞 SEO</strong> <br>
            撰寫 SEO 新聞稿、製作AI主播報導影片、一次曝光到 11 家網路媒體
          </li>
          <li>
            <strong>➤　創業家 SEO</strong> <br>
            為店家打造在地口碑，以第三方客觀角度撰寫專屬推薦文章
          </li>
        </ul>
      </div>
    </section>
    <div class="video-box">
      <iframe src="https://www.youtube.com/embed/6uMQaljwMig" title="YouTube video player" frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen></iframe>
    </div>
    <div class="d-flex justify-content-center">
      <a href="" class="more-btn">
        點我了解更多
      </a>
    </div>
  </div>
  <img src="imgs/home/首頁-05.png" alt="" class="bg-img">
</div>

<!-- AI 主播 -->
<div class="container-fluid position-relative px-0 ai-content">
  <div class="tag-item">
    <img src="imgs/home/裝飾-01.png" alt="">
    <h5 class="fw-bold" style="right: 40px;">AI 主播</h5>
  </div>
  <div class="container">
    <h4>
      AI 虛擬人像
    </h4>

    <div class="row my-5 py-5 justify-content-center align-items-center">
      <div class="col-12 col-md-6 d-flex justify-content-center">
        <section>
          <h2 class="title">製作影片 一鍵合成</h2>
          <p>
            上傳文字與素材，即速產生影片<br>
            大幅省下時間、人力、器材成本<br>
            腳本內容直接上鏈，紀錄透明<br>
            可以使用集仕多的影片版型<br>
            也可以自己客製化
          </p>
        </section>
      </div>
      <div class="col-12 col-md-6 my-5 my-md-0">
        <div class="position-relative">
          <img src="/img/背景紫.png" alt="" class="hero-purple">
          <img src="/img/背景橘.png" alt="" class="hero-orange-s">
          <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
          <img src="/img/video.png" alt="" class="hero-video">
          <img src="/img/放大鏡.png" alt="" class="hero-amplify">
          <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
        </div>
      </div>
      <div class="col-12">
        <section class="position-relative img-item">
          <img src="imgs/home/首頁-06.png" alt="">
          <p>2022 年集仕多的研發團隊 <br>
            在 AI 虛擬人像上有了技術突破 <br>
            第三代 AI 虛擬人像 <br>
            不僅是視覺、聽覺也更加擬真 <br>
            像真正的新聞播報員等級 <br>
            現在不只能用集仕多的模板 <br>
            可以諮詢我們客製化主播以及字幕邊框</p>
        </section>
      </div>
    </div>

    <section class="sec-video">
      <div class="container">
        <h2 class="video-title">三代主播－客製化範例影片</h2>
        <h2 class="video-mb-title">
          三代主播
          <br>
          客製化範例影片
        </h2>
        <span class="line"></span>
        <p class="video-text">
          2022 年與藝點新聞合作之活動宣傳影片 <br>
          歐美主播 ｘ 客製化字幕 ｘ 高解析度人像
        </p>
        <div class="video-box">
          <iframe src="https://www.youtube.com/embed/rTML9TAsUS8" title="YouTube video player" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen></iframe>
        </div>
      </div>
    </section>
    <!-- <div class="d-flex justify-content-center mt-5">
      <a href="" class="more-btn">
        點我了解更多
      </a>
    </div> -->
  </div>

  <section class="sec-usecase">
    <div class="container">
      <h2 class="usecase-title">使用情境</h2>
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="usecase-block">
            <div class="usecase-imgfr"><img src="/img/產品介紹.png" alt=""></div>
            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 產品介紹</h3>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="usecase-block">
            <div class="usecase-imgfr"><img src="/img/教育.png" alt=""></div>
            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 教育培訓</h3>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="usecase-block">
            <div class="usecase-imgfr"><img src="/img/A短影片_1.png" alt=""></div>
            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</h3>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="usecase-block">
            <div class="usecase-imgfr"><img src="/img/內容創作.png" alt=""></div>
            <h3 class="usecase-sub"><i class="fas fa-circle"></i> 個人內容創作</h3>
          </div>
        </div>
      </div>
    </div>
  </section>

</div>