@extends('style.master')

@section('page_title','首頁')

@section('page_style')
<link href="{{ url('/css/product_private.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('page_content')

			<!-- PAGE HEADER -->
			<!-- <section class="page-header page-header-xs">
				<div class="container">

					<h1>About CaaS</h1>

					<ol class="breadcrumb">
						<li><a href="/">Home</a></li>
						<li class="active">Product</li>
					</ol>

				</div>
			</section> -->
			<!-- /PAGE HEADER -->

			<!-- REVOLUTION SLIDER -->
			<div class="slider fullwidthbanner-container roundedcorners">

				<div class="fullwidthbanner" data-height="480" data-shadow="0" data-navigationStyle="preview2">
					
					<ul class="hide">

						<!-- Product -->
						<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" data-title="Product">

							<img src="../assets/images/1x1.png" data-lazyload="../images/banner-product-1.jpeg" alt="" data-bgfit="cover" data-bgposition="center bottom" data-bgrepeat="no-repeat" />

							<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

							<div class="tp-caption customin ltl tp-resizeme large_bold_white"
								data-x="center"
								data-y="150"
								data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="800"
								data-start="1200"
								data-easing="easeOutQuad"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn" style="z-index: 10;">
								原本沒有電商的網站
							</div>

							<div class="tp-caption customin ltl tp-resizeme small_light_white font-lato"
								data-x="center"
								data-y="260"
								data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="800"
								data-start="1400"
								data-easing="easeOutQuad"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn" style="z-index: 10; width: 100%; max-width: 750px; white-space: normal; text-align:center; font-size:36px;">
								原站可以透過 CaaS 直接擴充電商功能
							</div>

						</li>

						</ul>

					</div>

				</div>
				<!-- /REVOLUTION SLIDER -->

			<!-- section-1 -->
			<section id="section-1">
				<div class="container">
					
					<div class="row">

						<div class="col-lg-12 col-md-12 col-sm-12 center">

							<img src="{{ url('images/product/prod1-architech-outline.png') }}" class="img-responsive" alt="">

						</div>

					</div>
					
				</div>
			</section>
			<!-- /section-1 -->

			<!-- 產品介紹 -->
			<section id="section-2">
				<div class="container">
					
					<!-- 情境1 -->
					<div class="row">
					
						<div class="col-md-12">
							
							<div class="heading-title heading-border-bottom heading-color">
								<h3>企業新零售 / 數位營銷總部</h3>
							</div>
							
							<div class="col-md-10 col-md-offset-1">
								<div class="row">
									<div class="col-md-12">
										<p>
                                            ● 節省企業與店家自行打造電商網站的高昂成本。<br>
                                            ● 簡化操作，加強 '衝動購買' 及 '熟客回購' 的體驗。<br>
                                            ● 分離式多元風格店面，實體延伸融合線上。<br>
                                            ● 分銷分潤、前店後批 B2B2C。
										</p>

										<p>
											<b>策略夥伴對象:</b><br>
											● CaaS 線上門店建置: HTML / JS 程式能力<br>
											● 情境行銷創意場景導入: 視覺傳達、創意企劃能力
										</p>

										
									</div>
									
									<div class="col-md-12">
										<img src="{{ url('images/about/prod1-admin-outline.png') }}" alt="" class="img-responsive">
									</div>
								</div>
	
							</div>
							
						</div>
						
					</div>
					<!-- /情境1 -->

					<!-- 情境2 -->
					<div class="row">
						<div class="col-md-12">
							<div class="heading-title heading-border-bottom heading-color">
								<h3>企業新平台 / 數位營銷市集</h3>
							</div>
							<div class="row">
								<div class="col-md-10 col-md-offset-1">
									<div class="col-md-12">
										<p>
											<b>實體經濟的未來已來臨:</b><br>
											● 商業模式具有「策展集市」效果，是傳統電商開店購物車系統無法運營的。<br>
                                            ● 實體經濟是經濟本體，應當運用數位延伸到線上，並與之融合。<br>
                                            ● 除了導客思維之外，更需要留客思維，給顧客一致的體驗。<br>
                                            ● 需要生態系協同作業的平台。

										</p>

										<p>
											<b>合適產業:</b><br>
											● 策展，例如美食美酒展<br>
											● 通路，例如百貨業、連鎖店等等<br>
											● 集市，例如希望廣場、夜市<br>
											● 商圈，例如一中商圈、永康商圈
										</p>
									</div>
	
									<div class="col-md-12">
										<img src="{{ url('images/about/prod2-ecosystem.png') }}" alt="" class="img-responsive">
									</div>
								</div>
							</div>

						</div>

						

					</div>
					<!-- /情境2 -->
					
				</div>
			</section>
			<!-- /產品介紹 -->

			<!-- Submit now -->
			<div class="callout alert alert-transparent noborder noradius nomargin">

                <div class="text-center margin-top-60 margin-bottom-60">


					<p class="font-lato size-20">
						<a href="https://docs.google.com/forms/d/e/1FAIpQLScwicxVQuZx56EowQ6KePZCcUg46xSrBePiU1l-zngJojVDyQ/viewform?usp=sf_link" target="_blank" class="btn btn-success btn-lg">
							<span>立即洽詢</span> 
						</a>
					</p>
					
					
				</div>

			</div>
			<!-- /CALLOUT Submit now -->

@endsection