tifawt/resources/views/frontend/home.blade.php

@extends('frontend.layouts.navBar')

@section('content')




    <div class="page">
        
        <!-- @foreach($presentations as $presentation)

<video width="320" height="240" controls>
<source src="{{ asset('storage/'.$presentation->videos)}}" type="video/mp4">

</video>

@endforeach -->

        <section class="section swiper-container swiper-slider swiper-slider-6 swiper-nav-1" data-loop="true">
            <div class="swiper-wrapper text-sm-left">
                @foreach($slides as $slide)
                <div class="swiper-slide" data-slide-bg="{{ asset('storage/image/'.$slide->image)}}">




                    <div class="swiper-slide-caption section-md">
                        <div class="container">
                            <div class="swiper-box">
                            </div>
                        </div>
                    </div>
                </div>

                @endforeach



            </div>
            <!-- Swiper Pagination-->
            <div class="swiper-pagination"></div>
            <!-- Swiper Navigation-->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </section>
        <section class="section bg-default mt-4">
            <!-- Owl Carousel-->
            <div class="owl-carousel owl-style-13" data-items="1" data-sm-items="2" data-lg-items="3" data-xxl-items="4" data-dots="true" data-mouse-drag="false">
                <!-- Product simple-->
                @foreach($categories as $categorie)

                <a class="product-simple " href="grid-shop.html">
                    <div class="unit unit-spacing-0 align-items-center">

                        <div class="product-simple-figure"><img src="{{ asset('storage/image/'.$categorie->image)}}" alt="" width="380" height="262" />
                        </div>
                        <div class="unit-body">
                            <div class="product-content-wrap">
                                <div class="product-simple-title">
                                    <div class="heading-3 product-simple-title-big">{{$categorie->nom}}</div>
                            
                                </div>
                            </div>
                            <div class="button button-sm button-primary button-icon-3 button-zakaria mt-0"><span class="mdi mdi-arrow-right"></span></div>
                        </div>

                    </div>
                </a>
                @endforeach

               
            </div>
        </section>
        <!-- Featured Events-->
        <!-- <section class="section section-xxl section-bottom-0 section-inset-5 bg-gray-100 text-sm-left bg-image" style="background-image: url(images/bg-image-1.jpg);">
            <div class="container">
                <div class="row justify-content-sm-end">
                    <div class="col-sm-9 col-md-8 col-lg-7 col-xl-6">
                        <h2 class="title-style-3 wow fadeInRight"><span class="title-decor-1">Why</span> techzoid?
                        </h2>
                        <div class="swiper-container swiper-slider swiper-slider-custom swiper-slider-7 swiper-scrollbar-1" data-autoplay="5000" data-direction="vertical" data-margin="25" data-slides="auto" data-simulate-touch="true" data-mousewheel="true">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <article class="box-icon-kelly block-1">
                                        <div class="unit unit-spacing-lg flex-column flex-sm-row text-center text-sm-left">
                                            <div class="unit-left">
                                                <div class="box-icon-kelly-svg">
                                                    <svg class="svg-icon" x="0px" y="0px" viewbox="0 0 75 75" width="75" height="75" enable-background="new 0 0 75 75">
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)">
                                                            <g>
                                                                <path d="m 85.072,454.931 c -1.859,-1.861 -4.439,-2.93 -7.069,-2.93 -2.63,0 -5.21,1.069 -7.07,2.93 -1.86,1.861 -2.93,4.44 -2.93,7.07 0,2.63 1.069,5.21 2.93,7.069 1.86,1.86 4.44,2.931 7.07,2.931 2.63,0 5.21,-1.07 7.069,-2.931 1.86,-1.859 2.931,-4.439 2.931,-7.069 0,-2.63 -1.07,-5.21 -2.931,-7.07 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)">
                                                            <g>
                                                                <path d="m 469.524,182.938 c -1.86,-1.861 -4.43,-2.93 -7.07,-2.93 -2.63,0 -5.21,1.069 -7.07,2.93 -1.859,1.86 -2.93,4.44 -2.93,7.07 0,2.63 1.07,5.21 2.93,7.069 1.86,1.86 4.44,2.931 7.07,2.931 2.64,0 5.21,-1.07 7.07,-2.931 1.869,-1.859 2.939,-4.439 2.939,-7.069 0,-2.63 -1.07,-5.21 -2.939,-7.07 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)">
                                                            <g>
                                                                <path d="M 509.065,2.929 C 507.189,1.054 504.645,0 501.992,0 L 255.998,0.013 c -5.522,0 -9.999,4.478 -9.999,10 V 38.61 L 151.21,64.009 c -5.335,1.43 -8.501,6.913 -7.071,12.247 l 49.127,183.342 -42.499,42.499 c -5.409,-7.898 -14.491,-13.092 -24.764,-13.092 H 30.006 c -16.542,0 -29.999,13.458 -29.999,29.999 V 482 c 0,16.542 13.457,30 29.999,30 h 95.998 c 14.053,0 25.875,-9.716 29.115,-22.78 l 11.89,10.369 c 9.179,8.004 20.939,12.412 33.118,12.412 h 301.867 c 5.522,0 10,-4.478 10,-10 V 10 C 511.992,7.348 510.94,4.804 509.065,2.929 Z M 136.002,482.001 c 0,5.513 -4.486,10 -10,10 H 30.005 c -5.514,0 -10,-4.486 -10,-10 V 319.005 c 0,-5.514 4.486,-10 10,-10 H 68.004 V 424.2 c 0,5.522 4.478,10 10,10 5.522,0 10,-4.478 10,-10 V 309.005 h 37.999 c 5.514,0 10,4.486 10,10 V 482.001 Z M 166.045,80.739 245.999,59.315 V 96.37 l -6.702,1.796 c -2.563,0.687 -4.746,2.362 -6.072,4.659 -1.326,2.297 -1.686,5.026 -0.999,7.588 3.843,14.341 -4.698,29.134 -19.039,32.977 -2.565,0.688 -4.752,2.366 -6.077,4.668 -1.325,2.301 -1.682,5.035 -0.989,7.599 L 245.1,299.995 h -20.07 l -10.343,-40.464 c -0.329,-1.288 -0.905,-2.475 -1.676,-3.507 z m 79.954,61.49 V 226.61 L 227.76,159.075 c 7.619,-3.934 13.854,-9.82 18.239,-16.846 z M 389.663,492 H 200.125 v 0 c -7.345,0 -14.438,-2.658 -19.974,-7.485 L 156.002,463.454 V 325.147 l 43.658,-43.658 7.918,30.98 c 1.132,4.427 5.119,7.523 9.688,7.523 l 196.604,0.012 c 7.72,0 14,6.28 14,14 0,7.72 -6.28,14 -14,14 H 313.13 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 h 132.04 c 7.72,0 14,6.28 14,14 0,7.72 -6.28,14 -14,14 H 313.13 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 h 110.643 c 7.72,0 14,6.28 14,14 0,7.72 -6.28,14 -14,14 H 313.13 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 h 76.533 c 7.72,0 14,6.28 14,14 -0.001,7.716 -6.281,13.996 -14,13.996 z m 102.331,0 h -0.001 -71.359 c 1.939,-4.273 3.028,-9.01 3.028,-14 0,-4.99 -1.089,-9.727 -3.028,-14 h 3.139 c 18.747,0 33.999,-15.252 33.999,-33.999 0,-5.468 -1.305,-10.635 -3.609,-15.217 14.396,-3.954 25.005,-17.149 25.005,-32.782 0,-7.584 -2.498,-14.595 -6.711,-20.255 v -126.74 c 0,-5.522 -4.478,-10 -10,-10 -5.522,0 -10,4.478 -10,10 v 113.792 c -2.35,-0.515 -4.787,-0.795 -7.289,-0.795 h -0.328 c 1.939,-4.273 3.028,-9.01 3.028,-14 0,-18.748 -15.252,-33.999 -33.999,-33.999 h -16.075 c 17.069,-7.32 29.057,-24.286 29.057,-44.005 0,-26.389 -21.468,-47.858 -47.857,-47.858 -26.388,0 -47.857,21.469 -47.857,47.858 0,19.719 11.989,36.685 29.057,44.005 H 305.531 V 109.863 c 17.864,-3.893 31.96,-17.988 35.852,-35.853 h 75.221 c 3.892,17.865 17.988,31.96 35.852,35.853 v 31.09 c 0,5.522 4.478,10 10,10 5.522,0 10,-4.478 10,-10 v -40.018 c 0,-5.522 -4.478,-10 -10,-10 -14.847,0 -26.924,-12.079 -26.924,-26.925 0,-5.522 -4.478,-10 -10,-10 h -93.076 c -5.522,0 -10,4.478 -10,10 0,14.847 -12.078,26.925 -26.924,26.925 -5.522,0 -10,4.478 -10,10 V 300.004 H 266 V 20.011 L 491.994,20 Z M 378.996,283.858 c -15.361,0 -27.857,-12.497 -27.857,-27.857 0,-15.36 12.497,-27.858 27.857,-27.858 15.36,0 27.857,12.497 27.857,27.857 0,15.36 -12.496,27.858 -27.857,27.858 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                        <g transform="matrix(0.14648809,0,0,0.14648409,0.00597458,0)"></g>
                                                    </svg>
                                                </div>
                                            </div>
                                            <div class="unit-body">
                                                <h4 class="box-icon-kelly-title"><a href="#">Low prices</a></h4>
                                                <p class="box-icon-kelly-text">All our products, from laptops to smartphones, are offered at affordable prices for everyone.</p>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                                <div class="swiper-slide">
                                    <article class="box-icon-kelly block-1">
                                        <div class="unit unit-spacing-lg flex-column flex-sm-row text-center text-sm-left">
                                            <div class="unit-left">
                                                <div class="box-icon-kelly-svg">
                                                    <svg class="svg-icon" x="0px" y="0px" viewbox="0 0 75 67" width="75" height="67" enable-background="new 0 0 75 67">
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,0,-3.9497817)">
                                                            <g>
                                                                <path d="m 512,373.003 v -89.015 c 0,-2.652 -1.054,-5.196 -2.93,-7.071 L 422.998,190.86 c -3.777,-3.777 -8.8,-5.857 -14.142,-5.857 H 360 V 164.22 c 0,-22.056 -17.944,-40 -40,-40 H 207.597 c 1.564,-6.151 2.402,-12.589 2.402,-19.22 0,-43.01 -34.99,-78 -78,-78 -43.01,0 -78,34.99 -78,78 0,6.868 0.901,13.528 2.576,19.877 -18.642,3.392 -32.825,19.737 -32.825,39.343 v 208.783 c 0,22.056 17.944,40 40,40 H 90.077 C 84.988,420.404 82,429.358 82,439 c 0,9.643 2.988,18.598 8.08,26 H 10 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 h 179.728 c 5.522,0 10,-4.478 10,-10 0,-5.522 -4.478,-10 -10,-10 H 165.92 c 5.091,-7.402 8.08,-16.357 8.08,-26 0,-9.642 -2.988,-18.596 -8.077,-25.997 H 354.078 C 348.988,420.404 346,429.358 346,439 c 0,9.643 2.988,18.597 8.079,25.999 h -91.746 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 H 502 c 5.522,0 10,-4.478 10,-10 0,-5.522 -4.478,-10 -10,-10 H 429.921 C 435.012,457.597 438,448.643 438,439 c 0,-9.642 -2.988,-18.596 -8.078,-25.997 H 472 c 22.056,0 40,-17.944 40,-40 z M 131.999,47 c 31.981,0 58,26.019 58,58 0,31.981 -26.019,58 -58,58 -31.981,0 -58,-26.019 -58,-58 0,-31.981 26.019,-58 58,-58 z M 128,465 c -14.337,0 -26,-11.663 -26,-26 0,-14.298 11.601,-25.934 25.885,-25.997 h 0.231 C 142.399,413.066 154,424.702 154,439 c 0,14.337 -11.663,26 -26,26 z M 340,172 h -82 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 h 82 v 181.003 c 0,11.028 -8.972,20 -20,20 H 63.75 c -11.028,0 -20,-8.972 -20,-20 V 373 293 h 37.949 l -10.612,10.612 c -3.905,3.905 -3.905,10.237 0,14.143 1.953,1.952 4.512,2.929 7.071,2.929 2.559,0 5.118,-0.977 7.071,-2.929 l 27.684,-27.684 c 3.905,-3.905 3.905,-10.237 0,-14.143 L 85.229,248.244 c -3.906,-3.904 -10.236,-3.904 -14.143,0 -3.905,3.905 -3.905,10.237 0,14.143 L 81.699,273 H 43.75 V 164.22 c 0,-11.028 8.972,-20 20,-20 h 0.869 c 13.539,23.17 38.663,38.78 67.38,38.78 28.717,0 53.841,-15.61 67.38,-38.78 H 320 c 11.028,0 20,8.972 20,20 z M 492,288.131 V 293 h -35.857 l 20.362,-20.362 z m -83.474,-83.128 h 0.33 l 30.002,29.996 -13.93,13.93 c -3.905,3.905 -3.905,10.237 0,14.143 1.954,1.951 4.512,2.928 7.072,2.928 2.56,0 5.118,-0.977 7.071,-2.929 l 13.931,-13.931 9.358,9.357 -34.471,34.471 C 417.157,292.628 408.526,283.814 408.526,273 Z m -16.487,259.996 h -0.077 C 377.643,464.978 366,453.324 366,439 c 0,-14.298 11.601,-25.934 25.884,-25.997 h 0.231 C 406.399,413.066 418,424.702 418,439 c 0,14.324 -11.643,25.978 -25.961,25.999 z m -37.421,-71.996 c 3.415,-5.888 5.382,-12.717 5.382,-20 v -168 h 28.526 V 273 c 0,22.056 17.944,40 40,40 H 492 v 60.003 c 0,11.028 -8.972,20 -20,20 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)">
                                                            <g>
                                                                <path d="m 228.386,465 h -0.13 c -5.522,0 -10,4.478 -10,10 0,5.522 4.478,10 10,10 h 0.13 c 5.522,0 10,-4.478 10,-10 0,-5.522 -4.478,-10 -10,-10 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)">
                                                            <g>
                                                                <path d="m 173.331,302.312 h -5.563 c 8.084,-9.293 15.563,-21.156 15.563,-33.24 0,-15.252 -10.247,-25.499 -25.499,-25.499 -14.061,0 -25.499,11.438 -25.499,25.499 0,5.522 4.478,10 10,10 5.522,0 10,-4.478 10,-10 0,-3.032 2.467,-5.499 5.499,-5.499 4.623,0 5.499,1.933 5.499,5.499 0,11.563 -18.144,28.701 -26.922,35.184 -3.481,2.561 -4.925,7.067 -3.578,11.174 1.348,4.106 5.18,6.883 9.502,6.883 h 30.998 c 5.523,-10e-4 10,-4.479 10,-10.001 0,-5.522 -4.478,-10 -10,-10 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)">
                                                            <g>
                                                                <path d="m 245.277,273.23 v -19.658 c 0,-5.522 -4.478,-10 -10,-10 -5.522,0 -10,4.478 -10,10 v 19.396 H 213.76 v -19.396 c 0,-5.522 -4.478,-10 -10,-10 -5.522,0 -10,4.478 -10,10 v 29.396 c 0,5.522 4.478,10 10,10 h 21.517 v 19.46 c 0,5.522 4.478,10 10,10 5.522,0 10,-4.478 10,-10 v -19.722 c 4.439,-1.021 7.754,-4.989 7.754,-9.738 0,-4.749 -3.314,-8.717 -7.754,-9.738 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)">
                                                            <g>
                                                                <path d="m 290.388,273.138 c -1.568,0 -3.101,0.154 -4.588,0.436 v -20.001 c 0,-5.522 -4.478,-10 -10,-10 -5.522,0 -10,4.478 -10,10 v 44.152 6.382 8.205 c 0,5.522 4.478,10 10,10 5.522,0 10,-4.478 10,-10 v -8.205 -6.382 c 0,-2.529 2.059,-4.587 4.588,-4.587 2.529,0 4.587,2.058 4.587,4.587 v 14.587 c 0,5.522 4.478,10 10,10 5.522,0 10,-4.478 10,-10 v -14.587 c 0,-13.558 -11.03,-24.587 -24.587,-24.587 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)">
                                                            <g>
                                                                <path d="m 153.666,96.333 h -13 V 72.346 c 0,-5.522 -4.478,-10 -10,-10 -5.522,0 -10,4.478 -10,10 v 33.987 c 0,5.522 4.478,10 10,10 h 23 c 5.522,0 10,-4.478 10,-10 0,-5.522 -4.478,-10 -10,-10 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.49424851,0,0,0.16346319,-67.506173,7.3813627)">
                                                            <g>
                                                                <path d="M 225.069,174.93 C 223.21,173.07 220.63,172 218,172 c -2.63,0 -5.21,1.069 -7.07,2.93 -1.86,1.861 -2.93,4.44 -2.93,7.07 0,2.63 1.069,5.21 2.93,7.069 1.86,1.861 4.44,2.931 7.07,2.931 2.63,0 5.21,-1.07 7.069,-2.931 C 226.93,187.21 228,184.63 228,182 c 0,-2.63 -1.07,-5.21 -2.931,-7.07 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                        <g transform="matrix(0.14648437,0,0,0.14628821,1.8686131,-4.0446725)"></g>
                                                    </svg>
                                                </div>
                                            </div>
                                            <div class="unit-body">
                                                <h4 class="box-icon-kelly-title"><a href="#">Free Delivery</a></h4>
                                                <p class="box-icon-kelly-text">We provide free same-day worldwide shipping to all our registered clients &amp; customers.</p>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                                <div class="swiper-slide">
                                    <article class="box-icon-kelly block-1">
                                        <div class="unit unit-spacing-lg flex-column flex-sm-row text-center text-sm-left">
                                            <div class="unit-left">
                                                <div class="box-icon-kelly-svg">
                                                    <svg class="svg-icon" x="0px" y="0px" viewbox="0 0 75 75" width="75" height="75" enable-background="new 0 0 75 75">
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="m 86.84,420.648 -0.38,-0.38 c -3.908,-3.903 -10.242,-3.9 -14.144,0.009 -3.904,3.908 -3.899,10.241 0.009,14.144 l 0.38,0.38 c 1.952,1.95 4.51,2.925 7.067,2.925 2.561,0 5.124,-0.979 7.077,-2.934 3.904,-3.907 3.899,-10.24 -0.009,-14.144 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="M 498.488,136.391 375.608,13.512 c -17.986,-17.985 -47.255,-17.985 -65.241,0 L 141.176,182.703 c -1.875,1.876 -2.929,4.42 -2.929,7.072 v 20.686 c 0,2.197 -1.787,3.985 -3.985,3.985 h -20.686 c -2.652,0 -5.197,1.054 -7.072,2.929 L 13.513,310.366 C 4.799,319.08 0,330.665 0,342.987 c 0,12.323 4.799,23.908 13.512,32.621 l 32.599,32.599 c 3.906,3.905 10.239,3.905 14.144,0 3.906,-3.906 3.906,-10.239 0,-14.145 l -32.6,-32.599 c -4.934,-4.935 -7.652,-11.496 -7.652,-18.476 0,-6.979 2.718,-13.54 7.653,-18.476 l 90.061,-90.062 h 16.544 c 13.227,0 23.988,-10.762 23.988,-23.988 v -16.544 l 78.661,-78.661 62.848,62.848 H 288.11 c -25.338,0 -45.952,20.613 -45.952,45.951 0,9.012 2.618,17.42 7.118,24.521 l -14.684,14.684 c -3.906,3.906 -3.907,10.239 0,14.145 1.953,1.952 4.513,2.929 7.072,2.929 2.559,0 5.12,-0.977 7.072,-2.929 l 14.648,-14.648 c 7.145,4.581 15.627,7.25 24.726,7.25 25.338,0 45.952,-20.613 45.952,-45.951 v -11.648 l 62.68,62.68 -78.662,78.661 h -16.543 c -13.227,0 -23.988,10.762 -23.988,23.988 v 16.543 l -90.061,90.062 c -10.188,10.19 -26.764,10.19 -36.953,0 l -37.269,-37.269 c -3.906,-3.905 -10.239,-3.905 -14.144,0 -3.906,3.906 -3.906,10.239 0,14.145 l 37.269,37.269 c 8.993,8.992 20.807,13.489 32.62,13.489 11.813,0 23.628,-4.497 32.621,-13.489 l 92.991,-92.992 c 1.875,-1.876 2.929,-4.42 2.929,-7.072 v -20.686 c 0,-2.197 1.787,-3.985 3.985,-3.985 h 20.686 c 2.652,0 5.197,-1.054 7.072,-2.929 L 498.486,201.632 c 8.713,-8.713 13.512,-20.298 13.512,-32.62 0.002,-12.323 -4.797,-23.908 -13.51,-32.621 z m -184.429,87.666 c 0,14.308 -11.641,25.948 -25.949,25.948 -14.308,0 -25.949,-11.641 -25.949,-25.948 0,-14.307 11.641,-25.948 25.949,-25.948 h 25.949 z m -0.156,-71.902 v 11.804 l -62.848,-62.848 73.456,-73.455 c 8.964,-8.964 22.873,-10.038 33.024,-3.228 l -38.249,38.249 c -3.906,3.906 -3.906,10.239 0,14.145 1.953,1.952 4.513,2.929 7.072,2.929 2.559,0 5.12,-0.977 7.072,-2.929 l 38.6,-38.6 43.8,43.8 -31.36,31.36 c -7.122,-4.538 -15.564,-7.179 -24.616,-7.179 -25.337,10e-4 -45.951,20.614 -45.951,45.952 z m 20.003,25.95 v -25.949 c 0,-14.308 11.641,-25.948 25.949,-25.948 14.308,-0.001 25.948,11.64 25.948,25.948 0,14.309 -11.641,25.949 -25.948,25.949 z m 150.438,9.383 -73.457,73.456 -62.835,-62.835 h 11.804 c 25.338,0 45.951,-20.614 45.951,-45.952 0,-9.058 -2.645,-17.506 -7.189,-24.631 l 31.358,-31.357 54.368,54.368 c 4.935,4.936 7.653,11.497 7.653,18.477 0,6.977 -2.719,13.538 -7.653,18.474 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="m 191.527,253.581 -12.11,-12.109 c -3.906,-3.905 -10.239,-3.905 -14.144,0 -3.906,3.906 -3.906,10.239 0,14.145 l 12.11,12.109 c 1.953,1.952 4.513,2.929 7.072,2.929 2.559,0 5.12,-0.977 7.072,-2.929 3.905,-3.905 3.905,-10.238 0,-14.145 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="M 235.096,297.151 219.44,281.493 c -3.905,-3.904 -10.238,-3.905 -14.144,0 -3.906,3.906 -3.907,10.238 0,14.145 l 15.657,15.658 c 1.953,1.952 4.513,2.929 7.072,2.929 2.559,0 5.119,-0.977 7.072,-2.929 3.904,-3.905 3.905,-10.237 -0.001,-14.145 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="M 273.743,335.797 260.686,322.74 c -3.906,-3.905 -10.239,-3.905 -14.145,0 -3.906,3.906 -3.906,10.239 0,14.145 l 13.057,13.057 c 1.954,1.953 4.514,2.93 7.073,2.93 2.559,0 5.12,-0.977 7.072,-2.93 3.905,-3.905 3.905,-10.238 0,-14.145 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="M 174.565,419.098 145.232,313.713 c -1.481,-5.321 -6.991,-8.438 -12.317,-6.953 -5.321,1.48 -8.434,6.995 -6.953,12.317 l 29.333,105.385 c 1.231,4.425 5.251,7.322 9.63,7.322 0.887,0 1.79,-0.119 2.687,-0.369 5.321,-1.48 8.434,-6.995 6.953,-12.317 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="m 223.847,342.66 c -11.699,-11.699 -30.734,-11.699 -42.434,0 -11.698,11.699 -11.698,30.735 10e-4,42.434 5.85,5.85 13.533,8.773 21.216,8.773 7.683,0 15.367,-2.924 21.216,-8.773 11.7,-11.699 11.7,-30.735 0.001,-42.434 z m -14.143,28.288 c -1.889,1.889 -4.401,2.93 -7.072,2.93 -2.671,0 -5.183,-1.041 -7.072,-2.93 -1.889,-1.889 -2.929,-4.4 -2.929,-7.071 0,-2.672 1.04,-5.184 2.929,-7.072 1.889,-1.889 4.401,-2.929 7.072,-2.929 2.671,0 5.183,1.04 7.072,2.929 1.889,1.889 2.929,4.4 2.929,7.072 0,2.671 -1.04,5.183 -2.929,7.071 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="m 119.916,337.574 c -11.699,-11.698 -30.734,-11.698 -42.433,0 -11.699,11.699 -11.699,30.735 0,42.435 5.85,5.849 13.532,8.772 21.216,8.772 7.683,0 15.367,-2.924 21.216,-8.772 11.701,-11.699 11.701,-30.735 10e-4,-42.435 z m -14.144,28.289 c -3.9,3.899 -10.246,3.899 -14.144,0 -1.889,-1.889 -2.93,-4.401 -2.93,-7.072 0,-2.671 1.04,-5.184 2.93,-7.072 1.949,-1.949 4.511,-2.924 7.072,-2.924 2.561,0 5.123,0.975 7.072,2.924 1.889,1.889 2.93,4.401 2.93,7.072 0,2.671 -1.041,5.184 -2.93,7.072 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)">
                                                            <g>
                                                                <path d="m 307.828,88.282 c -1.86,-1.859 -4.441,-2.93 -7.071,-2.93 -2.63,0 -5.211,1.07 -7.071,2.93 -1.86,1.86 -2.93,4.441 -2.93,7.071 0,2.63 1.07,5.211 2.93,7.071 1.86,1.859 4.441,2.93 7.071,2.93 2.63,0 5.211,-1.07 7.071,-2.93 1.86,-1.86 2.93,-4.441 2.93,-7.071 0,-2.63 -1.069,-5.21 -2.93,-7.071 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                        <g transform="matrix(0.14648495,0,0,0.14649789,0,0.01984392)"></g>
                                                    </svg>
                                                </div>
                                            </div>
                                            <div class="unit-body">
                                                <h4 class="box-icon-kelly-title"><a href="#">5% cash back</a></h4>
                                                <p class="box-icon-kelly-text">Regular customers of Techzoid can get 5% cash back for every purchase at our store.</p>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                                <div class="swiper-slide">
                                    <article class="box-icon-kelly block-1">
                                        <div class="unit unit-spacing-lg flex-column flex-sm-row text-center text-sm-left">
                                            <div class="unit-left">
                                                <div class="box-icon-kelly-svg">
                                                    <svg class="svg-icon" x="0px" y="0px" viewbox="0 0 75 75" width="75" height="75" enable-background="new 0 0 75 75">
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 465.258,108.542 18.448,-18.448 c 2.859,-2.86 3.714,-7.16 2.168,-10.896 -1.548,-3.735 -5.193,-6.172 -9.238,-6.172 h -49.66 c -5.521,0 -9.999,4.477 -9.999,9.999 v 49.66 c 0,4.044 2.437,7.69 6.172,9.238 1.237,0.512 2.537,0.761 3.824,0.761 2.603,0 5.159,-1.016 7.072,-2.929 L 450.89,122.91 c 63.339,92.606 52.012,219.895 -28.038,299.944 -68.85,68.849 -171.091,88.405 -260.469,49.82 -5.069,-2.189 -10.954,0.147 -13.143,5.216 -2.189,5.07 0.146,10.954 5.216,13.143 32.223,13.909 66.603,20.967 101.324,20.967 15.435,0 30.943,-1.396 46.347,-4.204 51.256,-9.345 97.89,-33.827 134.865,-70.802 43.767,-43.768 70.181,-101.843 74.378,-163.526 4.001,-58.82 -12.35,-117.11 -46.112,-164.926 z m -28.283,0.003 V 93.023 h 15.522 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 133.606,457.809 -0.39,-0.238 c -4.715,-2.874 -10.867,-1.378 -13.74,3.34 -2.872,4.716 -1.377,10.867 3.34,13.74 l 0.39,0.238 c 1.624,0.989 3.419,1.46 5.19,1.46 3.373,0 6.666,-1.707 8.55,-4.799 2.871,-4.717 1.375,-10.869 -3.34,-13.741 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 390.549,38.186 -0.495,-0.306 c -4.703,-2.894 -10.862,-1.429 -13.756,3.275 -2.895,4.703 -1.428,10.863 3.276,13.757 l 0.495,0.306 c 1.635,1.006 3.443,1.484 5.23,1.484 3.357,0 6.637,-1.69 8.525,-4.759 2.895,-4.705 1.428,-10.863 -3.275,-13.757 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="M 356.984,20.727 C 310.491,0.788 259.517,-4.907 209.576,4.257 158.437,13.643 111.905,38.106 75.006,75.005 31.239,118.773 4.825,176.848 0.629,238.531 c -3.999,58.82 12.352,117.11 46.114,164.926 l -18.448,18.448 c -2.859,2.86 -3.714,7.16 -2.168,10.896 1.548,3.735 5.193,6.172 9.238,6.172 h 49.66 c 5.521,0 9.999,-4.477 9.999,-9.999 v -49.66 c 0,-4.044 -2.437,-7.691 -6.172,-9.239 -3.737,-1.545 -8.038,-0.692 -10.896,2.168 L 61.11,389.089 C -2.23,296.484 9.098,169.195 89.147,89.147 157.818,20.473 259.857,0.829 349.102,39.106 c 5.074,2.176 10.953,-0.173 13.13,-5.248 2.177,-5.075 -0.173,-10.954 -5.248,-13.131 z M 75.025,403.455 v 15.522 H 59.503 Z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 441.912,205.655 -57.186,-67.092 c -9.515,-11.16 -23.383,-17.562 -38.048,-17.562 H 266 v -1.642 c 13.565,-4.26 23.432,-16.951 23.432,-31.903 0,-18.433 -14.997,-33.43 -33.43,-33.43 -18.433,0 -33.43,14.997 -33.43,33.43 0,5.521 4.477,9.999 9.999,9.999 5.521,0 9.999,-4.477 9.999,-9.999 0,-7.407 6.025,-13.433 13.433,-13.433 7.408,0 13.433,6.025 13.433,13.433 0,7.408 -6.025,13.433 -13.433,13.433 -5.521,0 -9.999,4.477 -9.999,9.999 v 10.113 h -80.678 c -14.665,0 -28.533,6.401 -38.048,17.562 l -57.186,67.092 c -3.387,3.973 -3.147,9.882 0.55,13.566 l 59.161,58.992 c 3.901,3.892 10.218,3.892 14.119,0 l 5.164,-5.148 v 137.897 h -0.003 c 0,5.521 4.477,9.999 9.999,9.999 h 195.369 c 5.521,0 9.999,-4.477 9.999,-9.999 v -136.63 l 3.385,3.625 c 1.849,1.979 4.421,3.125 7.129,3.173 0.061,10e-4 0.119,0.002 0.179,0.002 2.645,0 5.184,-1.048 7.06,-2.919 l 59.161,-58.992 c 3.695,-3.685 3.935,-9.593 0.548,-13.566 z M 218.611,140.999 h 0.001 74.776 v 4.969 c 0,20.541 -16.772,37.252 -37.389,37.252 -20.617,0 -37.389,-16.711 -37.389,-37.252 v -4.969 z m 156.787,115.758 -13.64,-14.606 c -2.803,-3.001 -7.153,-3.983 -10.975,-2.478 -3.82,1.506 -6.331,5.194 -6.331,9.302 V 400.963 H 169.082 V 248.975 c 0,-4.041 -2.434,-7.686 -6.165,-9.235 -3.73,-1.546 -8.03,-0.699 -10.893,2.155 l -15.162,15.118 -45.555,-45.423 51.188,-60.055 c 5.708,-6.696 14.029,-10.538 22.829,-10.538 h 33.291 v 4.969 c 0,31.567 25.743,57.249 57.386,57.249 31.643,0 57.386,-25.682 57.386,-57.249 v -4.969 h 33.291 c 8.8,0 17.121,3.841 22.829,10.538 l 51.188,60.055 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 279.129,243.94 c -4.807,-2.714 -10.907,-1.018 -13.622,3.791 l -46.371,82.139 c -2.715,4.809 -1.018,10.908 3.791,13.622 1.554,0.877 3.241,1.294 4.906,1.294 3.489,0 6.878,-1.83 8.716,-5.085 l 46.371,-82.139 c 2.715,-4.81 1.018,-10.908 -3.791,-13.622 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 286.135,296.464 c -14.339,0 -26.005,11.666 -26.005,26.005 0,14.339 11.666,26.004 26.005,26.004 14.339,0 26.004,-11.665 26.004,-26.004 0,-14.339 -11.665,-26.005 -26.004,-26.005 z m -10e-4,32.013 c -3.313,0 -6.008,-2.695 -6.008,-6.007 0.001,-3.313 2.696,-6.008 6.008,-6.008 3.313,0 6.007,2.695 6.007,6.008 0,3.312 -2.694,6.007 -6.007,6.007 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)">
                                                            <g>
                                                                <path d="m 225.866,229.995 c -14.339,0 -26.004,11.665 -26.004,26.004 0,14.339 11.665,26.004 26.004,26.004 14.339,0 26.005,-11.665 26.005,-26.004 0,-14.339 -11.666,-26.004 -26.005,-26.004 z m 0,32.012 c -3.313,0 -6.007,-2.695 -6.007,-6.007 0,-3.312 2.696,-6.007 6.007,-6.007 3.313,0 6.008,2.695 6.008,6.007 0,3.313 -2.695,6.007 -6.008,6.007 z"></path>
                                                            </g>
                                                        </g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                        <g transform="matrix(0.14650557,0,0,0.14648438,0.0314054,2.1975684e-6)"></g>
                                                    </svg>
                                                </div>
                                            </div>
                                            <div class="unit-body">
                                                <h4 class="box-icon-kelly-title"><a href="#">Easy returns</a></h4>
                                                <p class="box-icon-kelly-text">Returning any product bought at our store is very simple. Contact us to find out more.</p>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                                <div class="swiper-slide swiper-slide-last"></div>
                            </div>
                            <!-- Siwper Scrollbar-->
                            <!-- <div class="swiper-scrollbar"></div>
                        </div>
                    </div>
                </div>
            </div> -->
        </section> 
        <!-- New products-->
        <section class="section section-xxl bg-default">
            <div class="container">
                <h2 class="title-style-3 wow fadeScale center mb-4">Produit</h2>
                <div class="row row-30 justify-content-center align-items-center">
                    <div class="col-md-9 col-lg-6">
                        <div class="owl-nav-1 owl-nav-2">
                            <div class="owl-style-14">
                                <!-- Owl Carousel-->
                                <div class="owl-carousel" data-items="1" data-autoplay="true" data-mouse-drag="true" data-navigation-class=".owl-nav-1">
                                    <!-- Product Terri-->
                                    @foreach($promotions as $promotion)
                                    
                                    <article class="product-terri"> 
                                        @if($promotion->produit_id !=null)
                                         @foreach($produits as $produit)
                                        <h3 class="transform-none product-terri-title"><a href="single-product.html">Article</a></h3>
                                        <div class="product-terri-price-wrap">
                                           
                                        </div>
                                       

                                        <div class="product-terri-figure"><img src="{{ asset('storage/image/'.$promotion->produits->image)}}" alt="" width="344" height="250" />
                                       </div>
                                       
                                       <a class="button button-sm button-primary button-zakaria" href="{{route('produit.show', ['id'=> $produit])}}">Voir</a>
                                         @endforeach
                                        
                                           
                                            @else
                                        <h3 class="transform-none product-terri-title"><a href="single-product.html">Pack</a></h3>

                                        <div class="product-terri-figure"><img src="{{ asset('storage/image/'.$promotion->photo)}}" alt="" width="344" height="250" />
                                          </div>  <a class="button button-sm button-primary button-zakaria" href="{{route('promotion.show', ['id'=> $promotion])}}">Voir</a>
                                           

                                         
                                        
                                        @endif
                                       
                                    
                                    </article>
                                   @endforeach
                                </div>
                                <div class="countdown-mini-wrap" data-countdown="data-countdown" data-from="2021-01-31" data-to="2022-01-31">
                                    <div class="countdown-circle countdown-hours" data-circle-countdown="data-circle-countdown" data-units="Hours">
                                        <div class="countdown-number">
                                            
                                            <div class="countdown-overlay">
                                                <h4 class="countdown-counter countdown-mini-counter"></h4>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="countdown-circle countdown-minutes" data-circle-countdown="data-circle-countdown" data-units="Minutes">
                                        <div class="countdown-number">
                                            
                                            <div class="countdown-overlay">
                                                <h4 class="countdown-counter countdown-mini-counter"></h4>
                                            </div>
                                        </div>
                                      
                                    </div>
                                    <div class="countdown-circle countdown-seconds" data-circle-countdown="data-circle-countdown" data-units="Seconds">
                                        <div class="countdown-number">
                                            
                                            <div class="countdown-overlay">
                                                <h4 class="countdown-counter countdown-mini-counter"></h4>
                                            </div>
                                        </div>
                                      
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10 col-lg-6">
                        <div class="row row-30 row-md-40">
                            @foreach($produits as $produit)
                            <div class="col-sm-6 wow fadeInDown">
                                <!-- Product-->
                                <article class="product product-3">
                                    <div class="product-body">
                                        <div class="product-figure"><img src="{{ asset('storage/image/'.$produit->image)}}" alt="" width="220" height="160" />
                                        </div>
                                        <h5 class="transform-none product-title"><a href="{{route('produit.show', ['id'=> $produit])}}">{{$produit->nom}}</a></h5>
                                        
                                    </div>
                                    <div class="product-button-wrap">
                                        <div class="product-button center"><i class="fa-solid fa-eyes"></i></div>
  
                                    </div>
                                </article>
                            </div>
                            @endforeach
                           
                        
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- About Us-->
        <section class="section section-xxl context-dark text-md-left bg-primary">
            <div class="container">
                <div class="row row-30 justify-content-center align-items-center align-items-md-end">
                    @foreach($presentations as $presentation)
                    <div class="col-lg-6">
                        <h3 class="text-spacing-100 wow fadeInLeft">Qui sommes <span class="font-weight-light">NOUS</span>
                        </h3>
                        
                        <p class="wow fadeInLeft" data-wow-delay=".1s">{!! html_entity_decode ($presentation->texte)!!}</p>
                    </div>
                    <div class="col-lg-6">
                    <img src="{{ asset('storage/image/'.$presentation->image) }}" alt="description of myimage">

                    </div>
                    @endforeach
                </div>
            </div>
        </section>
        <!-- Testimonials-->
        
        <!-- Section Clients-->
        <section class="section section-lg ">
         <div class="">

         
                <div class="row">
                    <div class="col-lg-3 valeur mt-4">
                        <img class="brand-logo-dark" src="{{asset('frontend/images/garantie.png')}}" alt="" />
                        <h6 class="mt-4">Qualité et Garantie</h6>
                    </div>
                    <div class="col-lg-3 valeur mt-4">
                        <img class="brand-logo-dark" src="{{asset('frontend/images/guider.png')}}" alt="" />
                        <h6 class="mt-4">Accompagnement</h6>

                    </div><div class="col-lg-3 valeur mt-4">
                        <img class="brand-logo-dark" src="{{asset('frontend/images/livraison.png')}}" alt="" />
                        <h6 class="mt-4" style="padding-top: 40px;">Livraison Disponible</h6>

                    </div>
                    <div class="col-lg-3 valeur mt-4">
                        
                        <img class="brand-logo-dark" src="{{asset('frontend/images/sav.png')}}" alt="" />
                        <h6 class="mt-4" style="padding-top: 39px;">Service aprés vente</h6>

                    </div>
                </div>
            </div>
            
        </section>
        <!-- Page Footer-->
        
    </div>
    <div class="snackbars" id="form-output-global"></div>


<style>
.owl-nav-1.owl-nav-2.disabled:before{ 
	content:url(frontend/images/promo.png) ;
    position: absolute;
    left: 27px;
    z-index: 2;
    top: -30px;

   }
   .valeur h6{
    font-size: 19px;
    font-weight: 800;
    color: #d52424;
   }
   @media only screen and (max-width: 600px) {
    .owl-nav-1.owl-nav-2.disabled:before{ 

    left: -28px;
    z-index: 2;
    top: -64px;
    transform: scale(.5);
}

   }

  
</style>

@endsection