@extends('layout.app')
@section('content')



    <section id="top_home_slider">

        <div class="container">


            <div class="row">


                @include('components.menu_mobile')

                @include('components.menu_accordion' ,['opened'=>true])

                <div class="col-lg-9 col-md-12  ">
                    <div class="center home_slider">
                        <div class="bg-img-slider" style="background: url('assets/images/solar_4.png')">
                            <div class="slide_content">
                                <h2>Discover Latest</h2>
                                <div class="padge1">Products</div>
                            </div>
                        </div>
                        <div class="bg-img-slider" style="background: url('assets/images/solar_4.png')">
                            <div class="slide_content">
                                <h2>Offers Up To</h2>
                                <div class="padge1">50%</div>
                            </div>
                        </div>
                        <div class="bg-img-slider" style="background: url('assets/images/solar_4.png')">
                            <div class="slide_content">
                                <h2>Discover Latest</h2>
                                <div class="padge1">Products</div>
                            </div>
                        </div>
                        <div class="bg-img-slider" style="background: url('assets/images/solar_4.png')">
                            <div class="slide_content">
                                <h2>Discover Latest</h2>
                                <div class="padge1">Products</div>
                            </div>
                        </div>
                        <div class="bg-img-slider" style="background: url('assets/images/solar_4.png')">
                            <div class="slide_content">
                                <h2>Discover Latest</h2>
                                <div class="padge1">Products</div>
                            </div>
                        </div>


                    </div>




                </div>


            </div>
        </div>

    </section>




    <section>
        <!-- Latest Products -->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section_title">
                        <img src="{{asset('assets/images/solar_139.png')}}" alt="" class="section_title_icon"> Latest Products
                    </div>
                </div>
            </div>

            <div class="row">
                @include('components.product_cell' , ['j'=>4])
                <div class="col-md-12 see_mode_col">
                    <a href="javasctipt:void(0)" class="see_more"> View More <i
                            class="icon-arrow-down22 mr-3 icon-2x"></i></a>
                </div>

            </div>
        </div>
    </section>


    <section>
        <!-- Photovoltaic Systems -->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section_title">
                        <img src="assets/images/solar_19.png" alt="" class="section_title_icon"> Photovoltaic Systems
                    </div>
                </div>
            </div>
            <div class="row">
                @include('components.product_cell' , ['j'=>4])
                <div class="col-md-12 see_mode_col">
                    <a href="javasctipt:void(0)" class="see_more"> View More <i
                            class="icon-arrow-down22 mr-3 icon-2x"></i></a>
                </div>

            </div>
        </div>
    </section>






    <section>
        <!-- Photovoltaic Panels -->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section_title">
                        <img src="assets/images/solar_19.png" alt="" class="section_title_icon"> Photovoltaic Panels
                    </div>
                </div>
            </div>

            <div class="row">
                @include('components.product_cell' , ['j'=>4])
                <div class="col-md-12 see_mode_col">
                    <a href="javasctipt:void(0)" class="see_more"> View More <i
                            class="icon-arrow-down22 mr-3 icon-2x"></i></a>
                </div>

            </div>
        </div>
    </section>



    <section>
        <!--Mounting Structures -->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section_title">
                        <img src="assets/images/solar_19.png" alt="" class="section_title_icon">Mounting Structures
                    </div>
                </div>
            </div>
            <div class="row">
                @include('components.product_cell' , ['j'=>4])
                <div class="col-md-12 see_mode_col">
                    <a href="javasctipt:void(0)" class="see_more"> View More <i
                            class="icon-arrow-down22 mr-3 icon-2x"></i></a>
                </div>

            </div>
        </div>
    </section>



    <section>
        <!--Controllers -->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section_title">
                        <img src="assets/images/solar_19.png" alt="" class="section_title_icon">Controllers
                    </div>
                </div>
            </div>
            <div class="row">
                @include('components.product_cell' , ['j'=>4])
                <div class="col-md-12 see_mode_col">
                    <a href="javasctipt:void(0)" class="see_more"> View More <i
                            class="icon-arrow-down22 mr-3 icon-2x"></i></a>
                </div>

            </div>
        </div>
    </section>


@endsection