@extends('layouts.app')
@section('content')
    <div class="breadcumb-wrapper" data-bg-src="{{asset('assets/img/breadcumb/breadcumb-bg-1.webp')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content"><h1 class="breadcumb-title"> @lang("Nos soins") </h1>
                <div class="breadcumb-menu-wrap" aria-label="Breadcrumb">
                    <ul class="breadcumb-menu" itemscope itemtype="http://schema.org/BreadcrumbList">
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{route('index')}}" itemprop="item"><span itemprop="name"> @lang("Accueil") </span>
                                <meta itemprop="position" content="1"/>
                            </a></li>
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">@lang("Nos soins")</span>
                            <meta itemprop="position" content="2"/>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <section class="space bg-gradient-3">
        <div class="outer-wrap3">
            <div class="container">
                <div class="row gx-50 flex-row-reverse">
                    <div class="col-lg-8 col-xxl order-2 order-sm-2 order-lg-2">
                        <div class="vs-blog blog-style2">
                            <div class="blog-img"><a href="{{route('tarifdetails')}}"><img src="{{asset('assets/img/blog/blog-2-1.jpg')}}" alt="" class="w-100"></a></div>
                            <div class="blog-content">
                                <div class="blog-category"><a href="">@lang("Medical CELLU")</a></div>
                                <h3 class="blog-title h4"><a href="{{route('tarifdetails')}}">@lang("Ovale du visage")</a></h3>
                                <div class="blog-meta">@lang("À partir de") <b class="text-theme"> 50 &euro;</b></div>
                                <a href="{{route('tarifdetails')}}" class="vs-btn">@lang("Réserver")</a></div>
                        </div>
                        <div class="vs-blog blog-style2">
                            <div class="blog-img"><a href="{{route('tarifdetails')}}"><img src="{{asset('assets/img/blog/blog-2-2.jpg')}}" alt="" class="w-100"></a></div>
                            <div class="blog-content">
                                <div class="blog-category"><a href="">@lang("Soins du visage")</a></div>
                                <h3 class="blog-title h4"><a href="{{route('tarifdetails')}}">@lang("Soin Eclat source Marine")</a></h3>
                                <div class="blog-meta">@lang("À partir de") <b class="text-theme"> 30 &euro;</b></div>
                                <a href="{{route('tarifdetails')}}" class="vs-btn">@lang("Réserver")</a></div>
                        </div>
                        <div class="vs-blog blog-style2">
                            <div class="blog-img"><a href=""><img src="{{asset('assets/img/blog/blog-2-3.jpg')}}" alt="" class="w-100"></a></div>
                            <div class="blog-content">
                                <div class="blog-category"><a href="">@lang("Medical CELLU")</a></div>
                                <h3 class="blog-title h4"><a href="">@lang("Corps par zone")</a></h3>
                                <div class="blog-meta">@lang("À partir de") <b class="text-theme"> 60 &euro;</b></div>
                                <a href="" class="vs-btn">@lang("Réserver")</a></div>
                        </div>
                        <div class="vs-blog blog-style2">
                            <div class="blog-img"><a href=""><img src="{{asset('assets/img/blog/blog-2-4.jpg')}}" alt="" class="w-100"></a></div>
                            <div class="blog-content">
                                <div class="blog-category"><a href="">@lang("Soins du visage")</a></div>
                                <h3 class="blog-title h4"><a href="">@lang("Soin Pureté marine")</a></h3>
                                <div class="blog-meta">@lang("À partir de") <b class="text-theme"> 30 &euro;</b></div>
                                <a href="" class="vs-btn">@lang("Réserver")</a></div>
                        </div>
                        <div class="vs-pagination">
                            <ul>
                                <li><a href="#">Prev</a></li>
                                <li><a class="active" href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">...</a></li>
                                <li><a href="#">6</a></li>
                                <li><a href="#">Next</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-xxl-auto order-1 order-sm-1 order-lg-1">
                        <aside class="sidebar-area sidebar-style2 sticky">
                            <div class="widget widget_search"><h3 class="widget_title">@lang("Recherche")</h3>
                                <form class="search-form"><input type="text" placeholder="{{__("Rechercher ici...")}}">
                                    <button type="submit"><i class="far fa-search"></i></button>
                                </form>
                            </div>
                            <div class="widget widget_categories"><h3 class="widget_title">@lang("CATÉGORIES")</h3>
                                <ul>
                                    <li><a href="">@lang("Medical CELLU")</a> <span>8</span></li>
                                    <li><a href="">@lang("Soins du visage")</a> <span>3</span></li>
                                    <li><a href="">@lang("Épilation définitive")</a> <span>5</span></li>
                                    <li><a href="">@lang("PRP")</a> <span>9</span></li>
                                </ul>
                            </div>
                            <div class="widget"><h4 class="widget_title">@lang("Notre centre")</h4>
                                <div class="sidebar-gallery">
                                    <div class="gallery-thumb"><img src="{{asset('assets/img/widget/gal-1-1.jpg')}}" alt="" class="w-100"></div>
                                    <div class="gallery-thumb"><img src="{{asset('assets/img/widget/gal-1-2.jpg')}}" alt="" class="w-100"></div>
                                    <div class="gallery-thumb"><img src="{{asset('assets/img/widget/gal-1-3.jpg')}}" alt="" class="w-100"></div>
                                    <div class="gallery-thumb"><img src="{{asset('assets/img/widget/gal-1-4.jpg')}}" alt="" class="w-100"></div>
                                </div>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection