@extends('style.master')

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

@section('page_style')
<link href="{{ url('/css/product_public.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-3.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; color: #330000">
								極簡‧套件‧百搭
							</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; color: #330000">
								部落格變電商原來這麼簡單
							</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 margin-bottom-50">
					
						<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>
                                        小型零售商要從各式管道尋找商品組合，逐一洽談議約簽約，還要管理庫存對帳匯款，人力時間大量耗費在瑣碎工作上。
										</p>

										
									</div>
									
								</div>
	
							</div>
							
						</div>
						
					</div>
					<!-- /情境1 -->

					<!-- 情境2 -->
					<div class="row margin-bottom-50">
						<div class="col-md-12">

							<div class="row">
								<div class="col-md-10 col-md-offset-1">
									<div class="col-md-12">

                                        <h3>極簡 -- 讓小生意也很容易上網做</h3>

										<p>
                                            CaaS 平台可以節省企業與店家自行打造電商網站的成本，降低數位轉型的技術門檻。
										</p>

										<h3>套件 -- 自有官網直接擴充電商功能</h3>

										<p>
                                            沒有官網的夥伴，我們可以提供諮詢建議。
										</p>

                                        <h3>百搭 -- 前端多元商店型式</h3>

										<p>
                                            可以單品植入部落格文章，也能自創一頁小舖，也能主題策展，結成市集。
										</p>

										<h3>先做生意再說</h3>

										<p>
											小規模營業，還沒準備好或是沒預算建置網站嗎? 免費的建站工具很多，要怎樣用，可以先向我們諮詢。
										</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