

<?php $__env->startSection("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="<?php echo e(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;"><?php echo 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="<?php echo 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="<?php echo 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="<?php echo 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="<?php echo URL::to('front/about'); ?>" class="btn btn-primary">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End About Area -->

        <!-- Start Home Product Image Area -->
        <section class="instagram-feed ptb-80">
                       <div class="container">
                            <div class="section-title">
                                <h2><?php echo trans("home.img_intro"); ?></h2>
                                <img src="<?php echo 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">

                                   <img id="product_img_map" class="img_map" style="wight:100%;height:100%;" usemap="#image-map" src="<?php echo asset('images/imgs/home_big_img_fit.jpg'); ?>">
                                   <map name="image-map">
    <area target="_blank" alt="自行車握把" title="自行車握把" href="<?php echo URL::to('front/products/40'); ?>" coords="541,258,616,289" shape="rect">
    <area target="_blank" alt="自行車前置兒童座椅" title="自行車前置兒童座椅" href="<?php echo URL::to('front/products/36'); ?>" coords="687,180,664,178,641,182,621,196,612,206,584,244,571,253,557,258,524,307,516,332,496,393,485,425,493,431,501,431,529,429,527,439,536,444,548,444,558,451,611,453,616,419,622,389,627,359,630,339,681,336,672,322,685,317,692,301,692,271,696,260,694,230,706,202,705,187" shape="poly">
    <area target="_blank" alt="雙色泥除" title="雙色泥除" href="<?php echo URL::to('front/products/37'); ?>" coords="342,371,358,372,384,370,412,372,438,376,461,379,494,415,507,440,529,477,568,544,591,549,584,528,570,503,559,484,546,456,526,421,496,386,472,367,457,358,439,355,408,355,380,358,357,361,344,361" shape="poly">
    <area target="" alt="自行車擋泥板" title="自行車擋泥板" href="<?php echo URL::to('front/products/29'); ?>" coords="747,357,765,359,759,375,776,378,813,375,827,366,852,360,874,356,898,350,918,347,930,342,951,336,940,326,863,337,852,331,834,335,778,348,768,345,749,346" shape="poly">
    <area target="" alt="自行車室內訓練台" title="自行車室內訓練台" href="<?php echo URL::to('front/products/31'); ?>" coords="278,786,303,816,317,824,341,842,373,874,404,916,435,910,454,886,601,843,640,846,671,840,698,811,722,808,738,816,766,812,791,790,815,780,844,770,908,751,920,759,944,753,959,708,946,700,928,697,829,653,820,642,777,653,760,637,288,767,276,772" shape="poly">
                                  </map>
                                </div>
                            </div>
                        </div>
        </section>
        <!-- End Home Product Image Area -->


               <!-- Start Instagram Feed Area -->
       <section class="instagram-feed ptb-80">
           <div class="container">
                <div class="section-title">
                    <h2><?php echo trans("home.imgListTitle1"); ?> <a href="<?php echo URL::to('front/products'); ?>" target="_blank"><?php echo trans("home.imgListTitle2"); ?>  </a></h2>
                    <img src="<?php echo asset('img/section-title-logo.png'); ?>" alt="section-title-logo">
                </div>

           <div class="row m-0">
                <div class="instagram-feed-slider">

                    <?php foreach($productimgs as $product): ?>
                    <div class="item">
                        <a href="<?php echo URL::to('front/productdetail/'.$product->id); ?>"><img style="height:150px;" src="<?php echo asset($product->img_path); ?>" alt="<?php echo $product->title_en; ?>"></a>
                    </div>
                    <?php endforeach; ?>


                </div>
           </div>
            </div>
       </section>
       <!-- End Instagram Feed Area -->

 
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.basic_front', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>