@extends('layouts.new_front.shell')

@section('cssdefine')

@php

$time = time();

@endphp


<link href="{{ asset('new_front/css/page/index_page.css') }}?t={{ $time }}" rel="stylesheet">

@endsection

@section('content')

<div class="container-fluid">
  <div class="row area_0">
    <div class="col-12">
      <div id="banner_carousel" class="carousel slide d-none d-sm-block" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#banner_carousel" data-slide-to="0" class="active"></li>
          <li data-target="#banner_carousel" data-slide-to="1" class=""></li>
          <li data-target="#banner_carousel" data-slide-to="2" class=""></li>
          <li data-target="#banner_carousel" data-slide-to="3" class=""></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="w-100" src="{{ asset('new_front/img/index/photo_01_1600x670px.png') }}">
            <div class="carousel_content">
              <div class="content_0">智慧同步翻譯的全新體驗</div>
              <div class="content_1">輕鬆跨國視訊會議</div>
              <div class="content_2 en_title">A new experience for international conference call</div>
            </div>
          </div>
          <div class="carousel-item ">
            <img class="w-100" src="{{ asset('new_front/img/index/photo_02_1600x670px.png') }}">
            <div class="carousel_content">
              <div class="content_0">智慧同步翻譯的全新體驗</div>
              <div class="content_1">輕鬆跨國視訊會議</div>
              <div class="content_2 en_title">A new experience for international conference call</div>
            </div>
          </div>
          <div class="carousel-item ">
            <img class="w-100" src="{{ asset('new_front/img/index/photo_03_1600x670px.png') }}">
            <div class="carousel_content">
              <div class="content_0">智慧同步翻譯的全新體驗</div>
              <div class="content_1">輕鬆跨國視訊會議</div>
              <div class="content_2 en_title">A new experience for international conference call</div>
            </div>
          </div>
          <div class="carousel-item ">
            <img class="w-100" src="{{ asset('new_front/img/index/photo_04_1600x670px.png') }}">
            <div class="carousel_content">
              <div class="content_0">智慧同步翻譯的全新體驗</div>
              <div class="content_1">輕鬆跨國視訊會議</div>
              <div class="content_2 en_title">A new experience for international conference call</div>
            </div>
          </div>
        </div>
        </a>
      </div>
      <div class="row">
        <div class="col-12 d-sm-none phone_banner">
          <div class="d-flex align-items-end h-100">
            <div class="text-center">
              <div class="content_0">智慧同步翻譯的全新體驗</div>
              <div class="content_1">輕鬆跨國視訊會議</div>
              <div class="content_2 en_title">A new experience for international conference call</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row area area_1 align-items-center">
    <div class="col-lg-6">
      <img src="{{ asset('new_front/img/index/photo_05_800x670px.png') }}" class="w-100">
    </div>
    <div class="col-lg-6">
      <div class="row justify-content-center">
        <div class="col-auto">
          <div class="content_0">高解析度</div>
          <div class="content_1">跨國音訊與視訊會議</div>
          <div class="content_2">
            <div>可新建立會議，或是透過會議碼加入現有會議</div>
            <div>如臨現場面對面討論，聲音傳達清晰不延遲</div>
            <div>會議中視訊畫質最高可至1080p，並提供高音質達到視聽最佳體驗</div>
          </div>
          <div class="row">
            <div class="col-6"><button class="btn_text btn_primary_outline w-100" onclick="location.href='{{route('new_login.sh_register')}}'">免費註冊</button></div>
            <div class="col-6"><button class="btn_text btn_primary_outline w-100" onclick="location.href='{{route('new_login.sh_login')}}'">立即登入</button></div>
          </div>
        </div>
      </div>

    </div>
  </div>
  <div class="row area_2 align-content-center">
    <div class="col-12">
      <img src="{{ asset('new_front/img/index/photo_06_1600x670px.png') }}" class="w-100">
    </div>
    <div class="col-12 text-center">
      <div class="content_0 en_title">LANGUAGE TRANSLATION</div>
      <div class="content_1 mb-1">支援翻譯多國語言</div>
      <div class="content_2">與會人士不限國家，突破單一翻譯語言隔閡，讓您於跨國會議中輕鬆參與、交流</div>
    </div>
  </div>
  <div class="row area area_3 align-items-center flex-column-reverse flex-lg-row">
    <div class="col-lg-6">
      <div class="row justify-content-center">
        <div class="col-auto">
          <div class="content_0">突破限制</div>
          <div class="content_1">錄製完成保留即時字幕</div>
          <div class="content_2">
            <div>會議口說翻譯字幕即時顯示，無需繁瑣之後製流程</div>
            <div>可翻譯多國語言，使跨國使用者不受單一翻譯語言限制</div>
            <div>一鍵錄製，會議記錄可重複觀看，且完整保留翻譯字幕！</div>
          </div>
          <div class="row">
            <div class="col-xl-8 col-xxl-6">
              <button class="btn_text btn_primary_outline w-100" onclick="location.href='{{route('new.sh_product')}}'">
                <div class="d-inline-flex align-items-end">
                  <div>簡化卻不簡單</div>
                  <div class="pb-2 pl-3">
                    <div class="arrow"></div>
                  </div>
                </div>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-6">
      <img src="{{ asset('new_front/img/index/photo_41.png') }}" class="w-100">
    </div>
  </div>
  <div class="container-fluid">
    <div class="row area_start bg-white align-content-center justify-content-center">
      <div class="col-auto text-center content_1 mb-3 fw_400">
        <div class="row align-items-center justify-content-center">
          <div class="col-12 mb-3">Ready to get started?</div>
          <div class="col-auto mb-3">
            <a href="{{route('new.sh_plan')}}" alt="了解方案內容">
              <img src="{{ asset('new_front/img/product/photo_18_335x92px.png') }}" class="img-fluid">
            </a>
          </div>
          <div class="col-auto mb-3">
            <a href="{{route('enterRoom')}}" alt="發起新會議">
              <img src="{{ asset('new_front/img/index/photo_08_420x230px.png') }}" class="img-fluid">
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection