@extends('layouts.app')
@section('seo')
    <meta name="description" content="Nous avons à notre disposition un laboratoire de contrôle équipé d’appareils de mesures physico-chimiques.">
    <meta name="title" content="Diffusions Aromatiques - Nos Certifications">
@endsection

@section('pageTitle', __("Nos Certifications"))

@section('menu')
    <x-menu background="bg-white"></x-menu>
@endsection

@section('content')
    <div>
        <div class="relative overflow-hidden h-96 text-white h-110" style="background-image: url('/images/certifications/bg-da.png');background-size: 100%; background-position: 50% 45%">
            {{\Diglactic\Breadcrumbs\Breadcrumbs::render('certifications')}}
        </div>
        <section class="py-20 max-w-3xl mx-auto">
           <x-container class="flex flex-col items-center text-center">
               <h1 class="text-blue uppercase text-5xl leading-none font-bold mb-5">@lang('Nos Certifications')</h1>
               <p class="text-blue text-xl">
                   @lang('certification.content')
               </p>
           </x-container>
        </section>
        <section class="mb-30">
            <x-container>
                <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-13">
                    <x-card-certification logo="/images/about/ecocert.png"  label="ecocert"
                                          link="/documents/certifications/1.pdf">
                        @lang('certification.ecocert')
                    </x-card-certification>
                    <x-card-certification logo="/images/certifications/LOGOCOSMOSAPPROVED.jpg"
                    label="cosmos"
                    link="/documents/certifications/2.pdf">
                    @lang('certification.cosmos_natural')
                    </x-card-certification>
                    <x-card-certification logo="/images/certifications/ECOCERTCOSMOSCERTIFIED.jpg"  label="ecocert"
                                          link="/documents/certifications/3.pdf">
                        @lang('certification.cosmos_organic')
                    </x-card-certification>
                    <x-card-certification logo="/images/about/kosher.png" label="kosher" >
                        @lang('certification.kosher')
                    </x-card-certification>
                </div>
            </x-container>
        </section>
    </div>
@endsection