@extends('front.layout.app')
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{asset('assets/images/innerbnr1.png')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Shop</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="productSec product-page">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-4" data-aos="fade-up">
                    <div class="productWrap">
                        <figure>
                            <img src="{{asset('assets/images/product1.webp')}}" class="img-fluid" alt="">
                            <span>New</span>
                        </figure>
                        <div class="productContent">
                            <h3>Spring bag <span>$70.00</span></h3>
                            <div class="productFlex">
                                <small>Summer</small>
                                <ul>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="productWrap">
                        <figure>
                            <img src="{{asset('assets/images/product2.webp')}}" class="img-fluid" alt="">
                            <span>New</span>
                        </figure>
                        <div class="productContent">
                            <h3>Cool watch <span>$85.00</span></h3>
                            <div class="productFlex">
                                <small>Jewelry</small>
                                <ul>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="productWrap">
                        <figure>
                            <img src="{{asset('assets/images/product3.webp')}}" class="img-fluid" alt="">
                            <span>New</span>
                        </figure>
                        <div class="productContent">
                            <h3>Colorful slippers <span>$100.00</span></h3>
                            <div class="productFlex">
                                <small>Summer</small>
                                <ul>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="productWrap">
                        <figure>
                            <img src="{{asset('assets/images/product4.png')}}" class="img-fluid" alt="">
                            <span>New</span>
                        </figure>
                        <div class="productContent">
                            <h3>Cool watch <span>$70.00</span></h3>
                            <div class="productFlex">
                                <small>Summer</small>
                                <ul>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="productWrap">
                        <figure>
                            <img src="{{asset('assets/images/product5.png')}}" class="img-fluid" alt="">
                            <span>New</span>
                        </figure>
                        <div class="productContent">
                            <h3>Cool watch <span>$85.00</span></h3>
                            <div class="productFlex">
                                <small>Jewelry</small>
                                <ul>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="productWrap">
                        <figure>
                            <img src="{{asset('assets/images/product6.png')}}" class="img-fluid" alt="">
                            <span>New</span>
                        </figure>
                        <div class="productContent">
                            <h3>Colorful slippers <span>$100.00</span></h3>
                            <div class="productFlex">
                                <small>Summer</small>
                                <ul>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                    <li><span></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection