hace 3 años · 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