AI_Video_LP/layouts/partials/components/en/main.html

<div id="main">
  <div class="content" id="info">
    <section>
      <img src="https://i.imgur.com/P1gNopa.png" alt="" class="logo mb-3">
      <h4>
        Without Ad Type Limitations <br>
        Combined with Analysis Tools <br>
        Using AI Automated Systems <br>
        Your One-Stop Marketing Planner
      </h4>
    </section>

    <div class="d-flex mt-4">
      <img src="/imgs/home/icon-01.png" alt="" width="45">
      <section>
        <h3>
          AI Ad Placement <br>
          High-speed SEO <br>
          AI Virtual Avatar
        </h3>
      </section>
    </div>
    <div>
      <button class="action-btn" onclick="window.location.href=`/contact/service/`">Contact Us</button>
    </div>
  </div>

  <div class="journey-content" id="journey">
    <div class="container">
      <h3>ChoozMo Digital Customer Journey</h3>
      <!-- 手機版 -->
      <div class="row d-md-none">
        <div class="col-12 px-5 px-sm-4 title">
          <h4 class="mb-4">
            Awareness
          </h4>
          <!-- <img src="/imgs/home/icon-02.png" alt=""> -->
          <!-- <span class="line"></span> -->
          <section class="list">
            <h5>Brand and product exposure：</h5>
            <p>Google Ads (GDN, Search, Local, Shopping), YouTube Ads, Facebook Ads</p>
            <strong>
              Ad Placement
            </strong>
          </section>
          <span class="position-relative">
            <span class="line"></span>
            <img src="/imgs/home/icon-02.png" alt="">
          </span>
        </div>
        <div class="col-12 px-5 px-sm-4 title">
          <h4 class="mb-4">
            Search
          </h4>
          <section class="list">
            <h5>Organic search：</h5>
            <p>After knowing the brand/product, customer does comparisons with other products</p>
            <strong>
              SEO
            </strong>
          </section>
          <span class="position-relative">
            <span class="line"></span>
            <img src="/imgs/home/icon-02.png" alt="">
          </span>
        </div>
        <div class="col-12 px-5 px-sm-4 title">
          <h4 class="mb-4">
            Reputation
          </h4>
          <section class="list">
            <h5>Word-of-mouth references：</h5>
            <p>
              Customers search for brand / product reviews
            </p>
            <strong>
              News and Review Writers
            </strong>
          </section>
          <span class="position-relative">
            <span class="line"></span>
            <img src="/imgs/home/icon-02.png" alt="">
          </span>
        </div>
        <div class="col-12 px-5 px-sm-4 title pb-5">
          <h4>
            Conversion
          </h4>
          <section class="list">
            <h5>Conversion：</h5>
            <p>
              Signups, purchases, visits
            </p>
            <strong>
              Improved Shopping Experience
            </strong>
          </section>
        </div>
      </div>
      <!-- 電腦版 -->
      <div class="row d-none d-md-flex">
        <div class="col-3 title">
          <h4>
            Awareness
          </h4>
          <img src="/imgs/home/icon-02.png" alt="">
        </div>
        <div class="col-3 title">
          <h4>
            Search
          </h4>
          <img src="/imgs/home/icon-02.png" alt="">
        </div>
        <div class="col-3 title">
          <h4>
            Reputation
          </h4>
          <img src="/imgs/home/icon-02.png" alt="">
        </div>
        <div class="col-3">
          <h4>
            Conversion
          </h4>
        </div>
        <div class="col-12">
          <span class="line"></span>
        </div>
        <div class="col-3 d-flex justify-content-center mb-4">
          <section class="list">
            <span>
              <h5>Brand and product exposure：</h5>
              <p>Google Ads (GDN, Search, Local, Shopping), YouTube Ads, Facebook Ads</p>
            </span>
            <strong>
              Ad Placement
            </strong>
          </section>
        </div>
        <div class="col-3 d-flex justify-content-center mb-4">
          <section class="list">
            <span>
              <h5>Organic search：</h5>
              <p>After knowing the brand / product, customer does comparisons with other products</p>
            </span>
            <strong>
              SEO
            </strong>
          </section>
        </div>
        <div class="col-3 d-flex justify-content-center mb-4">
          <section class="list">
            <span>
              <h5>Word-of-mouth references：</h5>
              <p>
                Customers search for brand / product reviews
              </p>
            </span>
            <strong>
              News and Review Writers
            </strong>
          </section>
        </div>
        <div class="col-3 d-flex justify-content-center mb-4">
          <section class="list">
            <span>
              <h5>Conversion：</h5>
              <p>
                Signups, purchases, visits
              </p>
            </span>
            <strong>
              Improved Shopping Experience
            </strong>
          </section>
        </div>
      </div>
    </div>
  </div>

  <div class="container team-content" id="team">
    <div class="row justify-content-center align-items-center">
      <div class="col-12 col-md-5 px-4 px-md-0">
        <strong>Choozmo Team</strong>
        <h4>Trusted by investors <br>
          Technical skills acknowledged by Industry Development Bureau, Taiwan</h4>
        <ul>
          <li>Making brands profitable</li>
          <li>Accurate budget planning | Varied marketing plans</li>
          <li>Value-for-money | Professional AI recognition</li>
          <li>In-house R&D team</li>
        </ul>
      </div>
      <div class="col-12 col-md-4 mt-3 mt-md-0">
        <img src="imgs/home/首頁-03-en.png" alt="">
      </div>
    </div>
  </div>
</div>