@extends('layout.basic_front')

@section("content")



        <div id="content" role="main" class="no-padding">
                <video loop="loop" id="home_video" class="video-playing video-area" style="margin-top: 0%;width:100%; height:100%;position: relative;" autoplay="autoplay" preload="auto" controls muted>
                        <source src="{{{asset('media/GHver3.mp4')}}}">
                </video>
        </div>
                <!-- Start About Area -->
        <section class="about-area ptb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-5">
                        <div class="section-title">
                            <h2>Welcome to Our - <span>GHBike</span></h2>
                        </div>
                    </div>
                    
                    <div class="col-lg-8 col-md-8 col-sm-7">
                        <div class="about-text">
                            <p style="text-align:justify;">{{trans("about.intro1")}}</p>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="features-box bg-1">
                            <div class="content">
                                <i class="fa fa-building"></i>
                                <h3>公司</h3>
                                <p>庚鋐有限公司成立於2005年，起立於台灣中部彰化縣秀水鄉，一路走來對客戶忠實的服務始終如一...</p>
                            </div>
                            <a href="{{URL::to('front/about')}}" class="btn btn-primary">Read More</a>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="features-box bg-2">
                            <div class="content">
                                <i class="fa fa-chain"></i>
                                <h3>室內訓練台</h3>
                                <p>全新台灣製造GHBIKE滾筒式訓練台; 特色:完美高規格流線設計，可摺疊收納不佔空間...</p>
                            </div>
                            <a href="{{URL::to('front/about')}}" class="btn btn-primary">Read More</a>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="features-box bg-3">
                            <div class="content">
                                <i class="fa fa-bicycle"></i>
                                <h3>GHBike滑步車</h3>
                                <p>GH-BIKE 滑步車所採用的材質優點在於耐久不變型之設計，滑步車使用的強化塑料..</p>
                            </div>
                            <a href="{{URL::to('front/about')}}" class="btn btn-primary">Read More</a>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="features-box bg-4">
                            <div class="content">
                                <i class="fa fa-bullseye"></i>
                                <h3>品牌</h3>
                                <p>秉著「品質優良、價格合理、服務親切」的經營理念，從誠實製造開始，深化設計品質...</p>
                            </div>
                            <a href="{{URL::to('front/about')}}" class="btn btn-primary">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End About Area -->

        <!-- Start Home Product Image Area -->

                       <div class="container">
                            <div class="section-title">
                                <h2>{{trans("home.img_intro")}}</h2>
                                <img src="{{asset('img/section-title-logo.png')}}" alt="section-title-logo">
                            </div>
                       </div>
                       <div class="container">
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    @if(isset($_GET['set']))
                                        @if($_GET['set']=='en')
                                            <img id="product_img_map" class="img_map"  usemap="#image-map" src="{{asset('images/imgs/IMG_0014_Bg_en.jpg')}}">
                                        @else
                                            <img id="product_img_map" class="img_map"  usemap="#image-map" src="{{asset('images/imgs/IMG_0014_Bg_tw.jpg')}}">
                                        @endif
                                    @else
                                    <img id="product_img_map" class="img_map"  usemap="#image-map" src="{{asset('images/imgs/IMG_0014_Bg_tw.jpg')}}">
                                    @endif
<map name="image-map">
    <area target="" alt="訓練台" title="訓練台" href="" coords="1100,594,1136,582,1353,582,1353,562,1302,560,1302,579,1134,579,1136,582" shape="poly">
    <area target="" alt="兒童座標" title="兒童座標" href="" coords="946,294,978,282,1320,280,1322,260,1253,260,1253,278,978,278,978,282,947,292,946,294" shape="poly">
    <area target="" alt="泥除" title="泥除" href="" coords="1169,236,1195,226,1387,226,1388,204,1351,204,1353,222,1195,222,1168,236,1195,226,1195,222" shape="poly">
    <area target="" alt="座管燈" title="座管燈" href="" coords="1088,217,1119,204,1300,205,1302,183,1247,183,1246,200,1120,200,1088,214,1119,204" shape="poly">
    <area target="" alt="握把套" title="握把套" href="" coords="925,171,952,160,1266,161,1266,137,1208,137,1208,156,952,156,922,170,952,160" shape="poly">
    <area target="" alt="鏡子" title="鏡子" href="" coords="725,71,693,54,627,54,627,37,589,37,589,59,691,59,693,54" shape="poly">
    <area target="" alt="牛角把手" title="牛角把手" href="" coords="924,139,898,131,591,131,591,107,662,107,662,127,901,126,925,137,932,143,925,137,924,139" shape="poly">
    <area target="" alt="泥除" title="泥除" href="" coords="795,248,767,236,589,236,589,212,630,212,630,231,769,231,796,243" shape="poly">
</map>
                                </div>
                            </div>
                        </div>

        <!-- End Home Product Image Area -->


               <!-- Start Instagram Feed Area -->
       <section class="instagram-feed ptb-80">
           <div class="container">
                <div class="section-title">
                    <h2><a href="{{URL::to('front/products')}}" target="_blank">{{trans("home.imgListTitle2")}}  </a></h2>
                    <img src="{{asset('img/section-title-logo.png')}}" alt="section-title-logo">
                </div>

           <div class="row m-0">
                <div class="instagram-feed-slider">

                    @foreach($productimgs as $product)
                    <div class="item">
                        <a href="{{URL::to('front/productdetail/'.$product->id)}}"><img style="height:150px;" src="{{asset($product->img_path)}}" alt="{{$product->title_en}}"></a>
                    </div>
                    @endforeach


                </div>
           </div>
            </div>
       </section>
       <!-- End Instagram Feed Area -->

 
@stop