@extends('shop::layouts.master2')

@section('title', 'Categories')

@section('content')

    <div class="main-slider innerbaner">
        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="img-fluid w-100" src="{{asset('themes/default/assets/images/mainBanner.jpg')}}"
                         alt="First slide">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row align-items-center justify-content-between">
                                <div class="col-md-6">
                                    <h2>CATEGORIES</h2>
                                </div>
{{--                                <div class="col-md-6">--}}
{{--                                    <figure class="blast">--}}
{{--                                        <img src="{{asset('themes/default/assets/images/abt1.png')}}" class="img-fluid" alt="">--}}
{{--                                    </figure>--}}
{{--                                </div>--}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="productSec">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro1.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro2.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro3.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro4.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro5.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro6.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro7.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro8.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro9.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro10.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro11.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro12.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro5.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro6.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro7.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
                <div class="col-md-3">
                    <div class="productBox">
                        <figure class="reveal">
                            <img src="{{asset('themes/default/assets/images/pro8.png')}}" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <h4>CARBON ALLOY ROTORS</h4>
                </div>
            </div>
        </div>
        <figure class="shadowSec">
            <img src="{{asset('themes/default/assets/images/productBg.png')}}" alt="">
        </figure>
    </section>

    <section class="signupSec">
        <img src="{{asset('themes/default/assets/images/truck.png')}}" class="img-fluid truck" alt="">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 text-center">
                    <h2>Sign Up For <br>
                        Our Newsletter</h2>
{{--                    <a href="" class="themeBtns"><span>Shop Now</span></a>--}}
                </div>
            </div>
        </div>
    </section>

@endsection