@extends('layout.store')
@section('title','富勒烯护肤品')
@section('content')
    <!--slider area start-->
    <section class="slider_section">
        <div class="slider_area owl-carousel">
            <div class="single_slider d-flex align-items-center" data-bgimg="/assets/img/slider/slider1.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="slider_content">
                                <h2>new Styles</h2>
                                <h1>Natural Skincare</h1>
                                <p>
								Lab Series Skincare for Women - Lookfantastic UK
							     </p>
                                <!--<a href="shop.html">立即购买</a>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="single_slider d-flex align-items-center" data-bgimg="/assets/img/slider/slider2.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="slider_content">
                                <h2>makeup Enhance</h2>
                                <h1>Natural Beauty</h1>
                                <p>
								Cosmetics Siennas Eyeshadow Palette Tutorial
							     </p>
                                <!--<a href="shop.html">立即购买</a>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--slider area end-->
    
    <!--shipping area start-->
    <div class="shipping_area">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single_shipping">
                        <div class="shipping_icone">
                           <img src="/assets/img/about/shipping1.png" alt="">
                        </div>
                        <div class="shipping_content">
                           <h3>免费送货</h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single_shipping">
                        <div class="shipping_icone">
                           <img src="/assets/img/about/shipping2.png" alt="">
                        </div>
                        <div class="shipping_content">
                           <h3>免费退换</h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="single_shipping">
                        <div class="shipping_icone">
                           <img src="/assets/img/about/shipping3.png" alt="">
                        </div>
                        <div class="shipping_content">
                           <h3>安全支付</h3>
                        </div>
                    </div>
                </div>
            </div>   
        </div>
    </div>
    <!--shipping area end-->
    
    <!--product area start-->
    <div class="product_area  mb-95">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section_title">
                       <h2>主打产品</h2>
                       <p>	Browse the collection of our Featured products.</p>
                    </div>
                </div>
            </div> 
            <div class="row">
               <div class="product_carousel product_column4 owl-carousel">
			   @foreach($hot as $k=>$v)
                   <div class="col-lg-3">
                       <div class="product_items">
                            <article class="single_product">
                                <figure>
                                    <div class="product_thumb">
                                        <a class="primary_img" href="/goods/{{$v['id']}}"><img src="{{$v['pic5']}}" alt=""></a>
                                        <div class="label_product">
                                            <!--<span class="label_sale">-20%</span>-->
                                        </div>
                                    </div>
                                    <figcaption class="product_content">
                                        <h4 class="product_name"><a href="/goods/{{$v['id']}}">{{$v['title']}}</a></h4>
                                        <div class="price_box"> 
											<span class="current_price">￥{{$v['price']}}</span>
                                        </div>
                                        <div class="product_rating">
                                            <ul>
                                                <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                <li><a href="#"><i class="ion-android-star"></i></a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </article>
                        </div>
                   </div>
				   @endforeach
               </div>
           </div>   
        </div> 
    </div>
    <!--product area end-->
    
    <!--categories banner area-->
    <div class="categories_banner_area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section_title">
                       <h2>产品系列</h2>
                       <p>Browse our featured cateogries.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="categories_banner">
                        <img src="/assets/img/bg/banner1.jpg" alt="">
                        <div class="categories_banner_text">
                            <ul>
                                <li><a href="/goodslist/24">纯熙系列</a></li>
                                <li><a href="/goodslist/25">面膜系列</a></li>
                                <li><a href="/goodslist/23">臻至系列</a></li>
                                <li><a href="/goodslist/22">臻享系列</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--categories banner end-->
    
    <!--brand area start-->
    <!--<div class="brand_area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="brand_container owl-carousel ">
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand1.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand2.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand3.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand4.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand5.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand6.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand7.jpg" alt=""></a>
                        </div>
                        <div class="single_brand">
                            <a href="#"><img src="/assets/img/brand/brand1.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>-->
    <!--brand area end-->
    
    <!--product area start-->
    <div class="product_area  mb-95" style="margin-top:55px;">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="product_header">
                        <div class="section_title">
                           <h2>产品系列</h2>
                           <p>Browse the collection of our tab products.</p>
                        </div>
                        <div class="product_tab_btn">
                            <ul class="nav" role="tablist">
                                <li>
                                    <a class="active" data-toggle="tab" href="#makeup" role="tab" aria-controls="makeup" aria-selected="true"> 
                                       纯熙系列
                                    </a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#skin" role="tab" aria-controls="skin" aria-selected="false">
                                        臻至系列
                                    </a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#health" role="tab" aria-controls="health" aria-selected="false">
                                        臻享系列
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div> 
            <div class="product_container">
                <div class="tab-content">
					<!--纯熙系列-->
                    <div class="tab-pane fade show active" id="makeup" role="tabpanel">
                        <div class="row">
                           <div class="product_carousel product_column4 owl-carousel">
							@foreach($cx as $k=>$v)
							  <div class="col-lg-3">
                                    <article class="single_product">
                                        <figure>
                                            <div class="product_thumb">
                                                <a class="primary_img" href="goods/{{$v['id']}}"><img src="{{$v['pic5']}}" alt=""></a>
                                                <div class="label_product">
                                                    <!--<span class="label_sale">-20%</span>-->
                                                </div>
                                                <div class="action_links">
                                                    <ul>
                                                        <li class="add_to_cart"><a href="cart.html" title="Add tob cart"><i class="icon-bag icons"></i></a></li> 
                                                        <li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i class="icon-heart icons"></i></a></li> 
                                                        <li class="compare"><a href="#" title="Add to Compare"><i class="icon-shuffle icons"></i></a></li>
                                                        <li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box"  title="quick view"> <i class="icon-eye icons"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <figcaption class="product_content">
                                                <h4 class="product_name"><a href="goods/{{$v['id']}}">{{$v['title']}}</a></h4>
                                                <div class="price_box"> 
                                                    <span class="current_price">￥{{$v['price']}}</span>
                                                </div>
                                                <div class="product_rating">
                                                    <ul>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                    </ul>
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </article>
                               </div>
							   @endforeach
                           </div>
                       </div>
                    </div>
					<!--臻至系列-->
                    <div class="tab-pane fade" id="skin" role="tabpanel">
                        <div class="row">
                           <div class="product_carousel product_column4 owl-carousel">
						   @foreach($zz as $k=>$v)
                               <div class="col-lg-3">
                                    <article class="single_product">
                                        <figure>
                                            <div class="product_thumb">
                                                <a class="primary_img" href="goods/{{$v['id']}}"><img src="{{$v['pic5']}}" alt=""></a>
                                                <div class="action_links">
                                                    <ul>
                                                        <li class="add_to_cart"><a href="cart.html" title="Add tob cart"><i class="icon-bag icons"></i></a></li> 
                                                        <li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i class="icon-heart icons"></i></a></li> 
                                                        <li class="compare"><a href="#" title="Add to Compare"><i class="icon-shuffle icons"></i></a></li>
                                                        <li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box"  title="quick view"> <i class="icon-eye icons"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <figcaption class="product_content">
                                                <h4 class="product_name"><a href="goods/{{$v['id']}}">{{$v['title']}}</a></h4>
                                                <div class="price_box"> 
                                                    <span class="current_price">￥{{$v['price']}}</span>
                                                </div>
                                                <div class="product_rating">
                                                    <ul>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                    </ul>
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </article>
                                </div>
								@endforeach
                           </div>
                       </div>
                    </div>
					<!--臻享系列-->
                    <div class="tab-pane fade" id="health" role="tabpanel">
                        <div class="row">
                           <div class="product_carousel product_column4 owl-carousel">
						   @foreach($zx as $k=>$v)
                            <div class="col-lg-3">
                                <article class="single_product">
                                        <figure>
                                            <div class="product_thumb">
                                                <a class="primary_img" href="goods/{{$v['id']}}"><img src="{{$v['pic5']}}" alt=""></a>
                                                <div class="action_links">
                                                    <ul>
                                                        <li class="add_to_cart"><a href="cart.html" title="Add tob cart"><i class="icon-bag icons"></i></a></li> 
                                                        <li class="wishlist"><a href="wishlist.html" title="Add to Wishlist"><i class="icon-heart icons"></i></a></li> 
                                                        <li class="compare"><a href="#" title="Add to Compare"><i class="icon-shuffle icons"></i></a></li>
                                                        <li class="quick_button"><a href="#" data-toggle="modal" data-target="#modal_box"  title="quick view"> <i class="icon-eye icons"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <figcaption class="product_content">
                                                <h4 class="product_name"><a href="goods/{{$v['id']}}">{{$v['title']}}</a></h4>
                                                <div class="price_box"> 
                                                    <!--<span class="old_price">$67.00</span>-->
                                                    <span class="current_price">￥{{$v['price']}}</span>
                                                </div>
                                                <div class="product_rating">
                                                    <ul>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                    </ul>
                                                </div>
                                            </figcaption>
                                        </figure>
                                    </article>    
                            </div>
							@endforeach
                           </div>
                       </div>
                    </div>
                </div>
            </div>
               
        </div> 
    </div>

@endsection

@section('myJs')


@endsection