{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h2 class="text-center">{{.Title }}</h2>

        <div class="my-4 text-center">最棒的商品展示平台，讓專業的AI代言人，來幫您介紹產品</div>

        <div class="mb-5 embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/E4Dt7eU3WCo?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>

        <!-- <img src="{{.Params.Image | absURL }}" alt="{{site.Params.author}}" class="img-fluid w-100 mb-4"> -->
        <!-- <h3 class="font-weight-light font-weight-bold">{{site.Params.author}}</h3> -->
        
        {{ .Content }}

        {{ if .Site.Params.line.enable }}
        <section class="section-sm">
          <div class="container">
            <div class="row">
              <div class="col-lg-8 mx-auto text-center">
                <h2>{{ .Site.Params.line.title | markdownify }}</h2>

                <p class="px-md-5 pt-3 border-left border-right border-primary">
                  {{ .Site.Params.line.content | markdownify }}
                </p>
                
                <a href="https://line.me/R/ti/p/%40417lsxlz" target="_blank">
                  <img class="my-4 img-fluid" src="{{site.Params.line.image | absURL}}" alt="加入Line官方帳號" style="max-height:50px;">
                </a>
              </div>
            </div>
          </div>
        </section>
        {{ end }}
      </div>
    </div>
  </div>
</section>

{{partial "instafeed.html" . }}

{{ end }}