3 years ago · 9e7af02f78
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -10,7 +10,7 @@
 
				         {{ partial "nav.html" . }}
			
 
				 
			
 
				         <div id="content">
			
 
				-            <div class="container">
			
 
				+            <div class="container dd">
			
 
				 
			
 
				                 <div class="col-sm-6 col-sm-offset-3" id="error-page">
			
 
				 
			
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -12,12 +12,12 @@
 
				         {{ partial "breadcrumbs.html" . }}
			
 
				 
			
 
				         <div id="content">
			
 
				-            <div class="container">
			
 
				+            <div class="container dd">
			
 
				                 <div class="row">
			
 
				                     <!-- *** LEFT COLUMN *** -->
			
 
				-
			
 
				+                    kk
			
 
				                     <div class="col-md-9" id="blog-listing-medium">
			
 
				-
			
 
				+                    
			
 
				                         {{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
			
 
				                         {{ range $paginator.Pages }}
			
 
				                         <section class="post">
			
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -6,20 +6,19 @@
 
				   <body>
			
 
				 
			
 
				     <div id="all">
			
 
				-
			
 
				         {{ partial "nav.html" . }}
			
 
				 
			
 
				         {{ partial "breadcrumbs.html" . }}
			
 
				 
			
 
				         <div id="content">
			
 
				-            <div class="container">
			
 
				+            <div class="container dd">
			
 
				 
			
 
				                 <div class="row">
			
 
				 
			
 
				                     <!-- *** LEFT COLUMN *** -->
			
 
				 
			
 
				                     <div class="col-md-9" id="blog-post">
			
 
				-
			
 
				+                   
			
 
				                         {{ if or .Params.author .Params.date }}
			
 
				                           <p class="text-muted text-uppercase mb-small text-right">
			
 
				                             {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
			
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -13,14 +13,16 @@
 
				 
			
 
				         {{ partial "carousel.html" . }}
			
 
				 
			
 
				+        {{ partial "visualfeature.html" . }}
			
 
				+
			
 
				+        {{ partial "testimonials.html" . }}
			
 
				+
			
 
				         {{ partial "features.html" . }}
			
 
				 
			
 
				         {{ partial "videos.html" . }}
			
 
				 
			
 
				         {{ partial "comparison.html" . }}
			
 
				 
			
 
				-        {{ partial "testimonials.html" . }}
			
 
				-
			
 
				         {{ partial "see_more.html" . }}
			
 
				 
			
 
				         {{ partial "recent_posts.html" . }}
			
--- a/layouts/page/single.html
+++ b/layouts/page/single.html
@@ -7,38 +7,29 @@
 
				 
			
 
				     <div id="all">
			
 
				 
			
 
				-        {{ partial "nav.html" . }}
			
 
				-
			
 
				-        {{ partial "breadcrumbs.html" . }}
			
 
				+        {{ partial "top.html" . }}
			
 
				 
			
 
				-        <div id="content">
			
 
				-            {{ if isset .Params "id" }}
			
 
				+        {{ partial "nav.html" . }}
			
 
				 
			
 
				-              {{ partial .Params.id . }}
			
 
				+        {{ partial "carousel.html" . }}
			
 
				 
			
 
				-            {{ else }}
			
 
				+        {{ partial "visualfeature.html" . }}
			
 
				 
			
 
				-            <div class="container">
			
 
				+        {{ partial "features.html" . }}
			
 
				 
			
 
				-                <div class="row">
			
 
				+        {{ partial "videos.html" . }}
			
 
				 
			
 
				-                    <div class="col-md-12">
			
 
				+        {{ partial "comparison.html" . }}
			
 
				 
			
 
				-                        <div>
			
 
				-                          {{ .Content }}
			
 
				-                        </div>
			
 
				+        {{ partial "testimonials.html" . }}
			
 
				 
			
 
				-                    </div>
			
 
				+        {{ partial "see_more.html" . }}
			
 
				 
			
 
				-                </div>
			
 
				-                <!-- /.row -->
			
 
				+        {{ partial "recent_posts.html" . }}
			
 
				 
			
 
				-            </div>
			
 
				-            <!-- /.container -->
			
 
				+        {{ partial "steps.html" . }}
			
 
				 
			
 
				-            {{ end }}
			
 
				-        </div>
			
 
				-        <!-- /#content -->
			
 
				+        {{ partial "clients.html" . }}
			
 
				 
			
 
				         {{ partial "footer.html" . }}
			
 
				 
			
--- a/layouts/partials/testimonials.html
+++ b/layouts/partials/testimonials.html
@@ -8,8 +8,10 @@
 
				                 <div class="heading text-center">
			
 
				                     <h2>{{ .Site.Params.testimonials.title }}</h2>
			
 
				                 </div>
			
 
				-
			
 
				-                <p class="lead">
			
 
				+                <p class="lead text-center" style="margin-bottom: 0;">
			
 
				+                    數位整合行銷
			
 
				+                </p>
			
 
				+                <p class="lead text-center">
			
 
				                   {{ .Site.Params.testimonials.subtitle | markdownify }}
			
 
				                 </p>
			
 
				 
			
@@ -18,18 +20,13 @@
 
				                 <ul class="owl-carousel testimonials same-height-row">
			
 
				                     {{ range .Site.Data.testimonials }}
			
 
				                     <li class="item">
			
 
				-                        <div class="testimonial same-height-always">
			
 
				+                        <div class="testimonial same-height-always" style="height: 400px;">
			
 
				                             <div class="text">
			
 
				-                                <p>{{ .text | markdownify }}</p>
			
 
				+                                <h5 class="testimonial-title">{{ .name }}</h5>
			
 
				+                                <p class="testimonial-text">{{ .text | markdownify }}</p>
			
 
				                             </div>
			
 
				-                            <div class="bottom">
			
 
				-                                <div class="icon"><i class="fas fa-quote-left"></i>
			
 
				-                                </div>
			
 
				-                                <div class="name-picture">
			
 
				-                                    <img class="" alt="" src="{{ .avatar | absURL }}">
			
 
				-                                    <h5>{{ .name }}</h5>
			
 
				-                                    <p>{{ .position }}</p>
			
 
				-                                </div>
			
 
				+                            <div class="testimonial_imgdiv">
			
 
				+                                <img class="testimonial_img" alt="" src="{{ .avatar | absURL }}">
			
 
				                             </div>
			
 
				                         </div>
			
 
				                     </li>
			
@@ -41,6 +38,12 @@
 
				             </div>
			
 
				 
			
 
				         </div>
			
 
				+        <!-- <div class="testimonials__pro text-center">
			
 
				+            <p>馬上擁有自己的接單客服系統</p>
			
 
				+        </div> -->
			
 
				+        <div class="testimonials__goto__btn text-center" style="margin-top: 0rem;">
			
 
				+            <a href="https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform" class="btn btn-lg">洽詢專案製作 -></a>
			
 
				+        </div>
			
 
				     </div>
			
 
				 </section>
			
 
				 <!-- /.bar -->
			
--- a/layouts/partials/visualfeature.html
+++ b/layouts/partials/visualfeature.html
@@ -0,0 +1,42 @@
 
				+{{ if isset .Site.Params "visualfeature" }}
			
 
				+{{ if .Site.Params.visualfeature.enable }}
			
 
				+{{ if gt (len .Site.Data.visualfeature) 0 }}
			
 
				+<section class="bar background-white">
			
 
				+    <div class="container">
			
 
				+        <div class="heading text-center headingvf">
			
 
				+            <h2>視覺化行銷傳遞策略</h2>
			
 
				+        </div>
			
 
				+        <div class="text-center headingvf-sub">
			
 
				+            <h4>有價值的內容文案加上吸引人的視覺等於行銷成功的關鍵！<br>一張照片或 一段短影音就勝過千言萬字</h4>
			
 
				+        </div>
			
 
				+        {{ range $index, $element := sort .Site.Data.visualfeature "weight" }}
			
 
				+        {{ if eq (mod $index 3) 0 }}
			
 
				+        <div class="col-md-12">
			
 
				+            <div class="row">
			
 
				+        {{ end }}
			
 
				+                <div class="col-md-4">
			
 
				+                    <div class="box-simple">
			
 
				+                        {{ with $element.url }}
			
 
				+                        <a href="{{ $element.url }}">
			
 
				+                        {{ end }}
			
 
				+                            <div class="icon icon__feature">
			
 
				+                                <i class="{{ .icon }}"></i>
			
 
				+                            </div>
			
 
				+                        {{ with $element.url }}
			
 
				+                        </a>
			
 
				+                        {{ end }}
			
 
				+                        <h3>{{ $element.name | markdownify }}</h3>
			
 
				+                        <p>{{ $element.description | markdownify }}</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+        {{ if or (eq (mod $index 3) 2) (eq $index (sub (len $.Site.Data.features) 1 )) }}
			
 
				+            </div>
			
 
				+
			
 
				+        </div>
			
 
				+        {{ end }}
			
 
				+        {{ end }}
			
 
				+    </div>
			
 
				+</section>
			
 
				+{{ end }}
			
 
				+{{ end }}
			
 
				+{{ end }}
			
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -207,3 +207,72 @@
 
				 .bar.mb-0 {
			
 
				   margin-bottom: 0;
			
 
				 }
			
 
				+
			
 
				+.headingvf {
			
 
				+  margin-bottom: 1.5rem;
			
 
				+}
			
 
				+
			
 
				+.headingvf-sub {
			
 
				+  margin-bottom: 4rem;
			
 
				+}
			
 
				+
			
 
				+.headingvf-sub h4 {
			
 
				+  color: grey;
			
 
				+  font-weight: 400;
			
 
				+  font-size: 1.6rem;
			
 
				+  line-height: 2.2rem;
			
 
				+}
			
 
				+
			
 
				+.testimonial_img {
			
 
				+  width: 200px;
			
 
				+  border-radius: 50%;
			
 
				+  display: block;
			
 
				+  margin-left: auto;
			
 
				+  margin-right: auto;
			
 
				+}
			
 
				+
			
 
				+.owl-item {
			
 
				+  height: 300px;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.testimonial-title {
			
 
				+  font-size: 2rem;
			
 
				+}
			
 
				+
			
 
				+.testimonial-text {
			
 
				+  font-size: 1.6rem;
			
 
				+}
			
 
				+
			
 
				+.testimonials__pro {
			
 
				+  margin-bottom: 1rem;
			
 
				+}
			
 
				+
			
 
				+.testimonials__pro p {
			
 
				+  font-size: 1.6rem;
			
 
				+}
			
 
				+
			
 
				+.testimonials__goto__btn a {
			
 
				+  animation-name: move;
			
 
				+  animation-duration: 1.5s;
			
 
				+  animation-delay: 0;
			
 
				+  animation-iteration-count: infinite;
			
 
				+  animation-direction: normal;
			
 
				+  animation-timing-function: linear;
			
 
				+}
			
 
				+
			
 
				+@keyframes move {
			
 
				+
			
 
				+  0% {
			
 
				+      box-shadow: 0 0 0 transparent;
			
 
				+  }
			
 
				+
			
 
				+  50% {
			
 
				+      box-shadow: 5px 5px 4px #887e74;
			
 
				+  }
			
 
				+
			
 
				+  100% {
			
 
				+      box-shadow: 0 0 0 transparent;
			
 
				+  }
			
 
				+
			
 
				+}
			
--- a/webSite/config.toml
+++ b/webSite/config.toml
@@ -34,7 +34,7 @@ paginate = 10
 
				     identifier="立即洽詢"
			
 
				     name = "立即洽詢"
			
 
				     url  = "https://docs.google.com/forms/d/e/1FAIpQLSeygs4xXy-Xxeh2w9rI4zuQNFutLP_71Bwxo5hqqs2Ca-u5VA/viewform"
			
 
				-    weight = 2
			
 
				+    weight = 3
			
 
				 
			
 
				 # Top bar social links menu
			
 
				 
			
@@ -140,6 +140,12 @@ paginate = 10
 
				     # at 'exampleSite/data/carousel'.
			
 
				     # For more informtion take a look at the README.
			
 
				 
			
 
				+[params.visualfeature]
			
 
				+    enable = true
			
 
				+    # All features are defined in their own files. You can find example items
			
 
				+    # at 'exampleSite/data/features'.
			
 
				+    # For more informtion take a look at the README.
			
 
				+
			
 
				 [params.features]
			
 
				     enable = true
			
 
				     # All features are defined in their own files. You can find example items
			
@@ -147,12 +153,12 @@ paginate = 10
 
				     # For more informtion take a look at the README.
			
 
				 
			
 
				 [params.testimonials]
			
 
				-    enable = false
			
 
				+    enable = true
			
 
				     # All testimonials are defined in their own files. You can find example items
			
 
				     # at 'exampleSite/data/testimonials'.
			
 
				     # For more informtion take a look at the README.
			
 
				-    title = "Testimonials"
			
 
				-    subtitle = "We have worked with many clients and we always like to hear they come out from the cooperation happy and satisfied. Have a look what our clients said about us."
			
 
				+    title = "服務項目"
			
 
				+    subtitle = "我們替您傳遞價值，將值得說的，好好說得精采"
			
 
				 
			
 
				 [params.videos]
			
 
				     enable = true
			
--- a/webSite/contentmarketing/data/test.yml
+++ b/webSite/contentmarketing/data/test.yml
@@ -0,0 +1,9 @@
 
				+weight: 1
			
 
				+title: 超過20種外國語言選項<br>2種主播風格
			
 
				+description: 
			
 
				+  <ul class="list-style-none">
			
 
				+     <li>可讓您更好地將AI代言人的演講風格與您影片匹配</li>
			
 
				+     <li>超大彈性!</li>
			
 
				+     <li>還會持續推出更多種類，供您自由選擇</li>
			
 
				+   </ul>
			
 
				+image: "img/carousel/carousel-1.jpg"
			
--- a/webSite/data/carousel/aivideo.yaml
+++ b/webSite/data/carousel/aivideo.yaml
@@ -0,0 +1,10 @@
 
				+weight: 3
			
 
				+title: 獨家AI-短影片<br>助攻國際商機
			
 
				+description: 
			
 
				+  <ul class="list-style-none">
			
 
				+    <li>獨家開發多語的AI代言人新聞報導式短影片技術</li>
			
 
				+    <li>低製作影片成本</li>
			
 
				+    <li>快速部屬多國語言介紹影片</li>
			
 
				+    <li>為企業及產品特色傳達理念</li>
			
 
				+  </ul>
			
 
				+image: "img/carousel/A短影片.png"
			
--- a/webSite/data/carousel/design.yaml
+++ b/webSite/data/carousel/design.yaml
@@ -1,8 +1,9 @@
 
				-weight: 2
			
 
				-title: 先進深度學習技術<br>合成自然流暢的真人發音
			
 
				+weight: 1
			
 
				+title: 不畏疫情!線上商機開發<br>故事行銷打動消費者
			
 
				 description: 
			
 
				   <ul class="list-style-none">
			
 
				-    <li>以 DeepMind 創新研究為基礎，產生極擬真的語音</li>
			
 
				-    <li>客戶只要提供文字稿，就能自動生成播報畫面</li>
			
 
				+    <li>故事行銷可為事物附加心理價值</li>
			
 
				+    <li>改變認知價值，用故事行銷品牌，連結消費者情感共鳴而創造價值，感動消費者的心</li>
			
 
				+    <li>搭配視覺呈現敘述好故事是數位行銷時代必行的趨勢</li>
			
 
				   </ul>
			
 
				-image: "img/carousel/carousel-2.png"
			
 
				+image: "img/carousel/Content Marketing.png"
			
--- a/webSite/data/carousel/features.yaml
+++ b/webSite/data/carousel/features.yaml
@@ -1,5 +1,5 @@
 
				-weight: 1
			
 
				-title: 超過20種外國語言選項<br>2種主播風格
			
 
				+weight: 2
			
 
				+title: 超過20種語言選項<br>多種主播風格
			
 
				 description: 
			
 
				   <ul class="list-style-none">
			
 
				      <li>可讓您更好地將AI代言人的演講風格與您影片匹配</li>
			
--- a/webSite/data/testimonials/1.yaml
+++ b/webSite/data/testimonials/1.yaml
@@ -1,4 +1,4 @@
 
				-text: "One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections."
			
 
				-name: "John McIntyre"
			
 
				+text: "多國語言AI代言人報導式影片"
			
 
				+name: "影片行銷"
			
 
				 position: "CEO, TransTech"
			
 
				-avatar: "img/testimonials/person-1.jpg"
			
 
				+avatar: "img/testimonials/no1.jpg"
			
--- a/webSite/data/testimonials/2.yaml
+++ b/webSite/data/testimonials/2.yaml
@@ -1,4 +1,4 @@
 
				-text: "One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections."
			
 
				-name: "John McIntyre"
			
 
				+text: "聊天機器人設計"
			
 
				+name: "LINE Chatbot"
			
 
				 position: "CEO, TransTech"
			
 
				-avatar: "img/testimonials/person-2.jpg"
			
 
				+avatar: "img/testimonials/chatbot.jpg"
			
--- a/webSite/data/testimonials/3.yaml
+++ b/webSite/data/testimonials/3.yaml
@@ -1,4 +1,4 @@
 
				-text: "One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections."
			
 
				-name: "John McIntyre"
			
 
				+text: "流量增長規劃顧問"
			
 
				+name: "SEO 優化"
			
 
				 position: "CEO, TransTech"
			
 
				-avatar: "img/testimonials/person-3.png"
			
 
				+avatar: "img/testimonials/seo.jpg"
			
--- a/webSite/data/testimonials/4.yaml
+++ b/webSite/data/testimonials/4.yaml
@@ -1,4 +1,4 @@
 
				-text: "One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections."
			
 
				-name: "John McIntyre"
			
 
				+text: "企業形象網頁/商品活動頁"
			
 
				+name: " AMP一頁式網頁"
			
 
				 position: "CEO, TransTech"
			
 
				-avatar: "img/testimonials/person-4.jpg"
			
 
				+avatar: "img/testimonials/lpwebsite.jpg"
			
--- a/webSite/data/testimonials/5.yaml
+++ b/webSite/data/testimonials/5.yaml
@@ -1,4 +1,4 @@
 
				-text: "One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections."
			
 
				-name: "John McIntyre"
			
 
				+text: "公司/商品故事行銷/廣告文案"
			
 
				+name: "故事行銷"
			
 
				 position: "CEO, TransTech"
			
 
				-avatar: "img/testimonials/person-1.jpg"
			
 
				+avatar: "img/testimonials/story-marketing.jpg"
			
--- a/webSite/data/testimonials/6.yaml
+++ b/webSite/data/testimonials/6.yaml
@@ -0,0 +1,4 @@
 
				+text: "Banner/DM/商品圖"
			
 
				+name: "視覺平面設計"
			
 
				+position: "CEO, TransTech"
			
 
				+avatar: "img/testimonials/brand-marketing.jpg"
			
--- a/webSite/data/visualfeature/eyecatching.yaml
+++ b/webSite/data/visualfeature/eyecatching.yaml
@@ -0,0 +1,8 @@
 
				+weight: 1
			
 
				+name: "具吸睛力"
			
 
				+icon: "fas fa-user-cog"
			
 
				+url: ""
			
 
				+description: "先吸睛才能吸金
			
 
				+抓住消費者眼球
			
 
				+一目了然您的商品/服務
			
 
				+"
			
--- a/webSite/data/visualfeature/seo.yaml
+++ b/webSite/data/visualfeature/seo.yaml
@@ -0,0 +1,7 @@
 
				+weight: 3
			
 
				+name: "視覺印象停留"
			
 
				+icon: "fas fa-dollar-sign"
			
 
				+url: ""
			
 
				+description: "對於3天內閱讀的純文字內容只會記得10％
			
 
				+如果搭配圖像就可以被強化記憶到65%
			
 
				+"
			
--- a/webSite/data/visualfeature/understandable.yaml
+++ b/webSite/data/visualfeature/understandable.yaml
@@ -0,0 +1,5 @@
 
				+weight: 2
			
 
				+name: "易被理解"
			
 
				+icon: "fas fa-globe"
			
 
				+url: ""
			
 
				+description: "大腦處理視覺內容的速度比文字快 60,000倍"
			
--- a/webSite/static/img/carousel/A短影片.png
+++ b/webSite/static/img/carousel/A短影片.png
--- a/webSite/static/img/carousel/Content
+++ b/webSite/static/img/carousel/Content
--- a/webSite/static/img/testimonials/brand-marketing.jpg
+++ b/webSite/static/img/testimonials/brand-marketing.jpg
--- a/webSite/static/img/testimonials/chatbot.jpg
+++ b/webSite/static/img/testimonials/chatbot.jpg
--- a/webSite/static/img/testimonials/lpwebsite.jpg
+++ b/webSite/static/img/testimonials/lpwebsite.jpg
--- a/webSite/static/img/testimonials/no1.jpg
+++ b/webSite/static/img/testimonials/no1.jpg
--- a/webSite/static/img/testimonials/seo.jpg
+++ b/webSite/static/img/testimonials/seo.jpg
--- a/webSite/static/img/testimonials/story-marketing.jpg
+++ b/webSite/static/img/testimonials/story-marketing.jpg