@extends('layouts.app')
@section('seo')
    <meta name="description" content="Dans le monde entier, de nombreux producteurs nous font confiance et nous confient la distribution de leurs produits.">
    <meta name="title" content="Diffusions Aromatiques - Nos distributeurs">
@endsection

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

@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('distributeurs')}}
        </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 Distributions')</h1>
                <p class="text-blue text-xl">
                    @lang('distributeur.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-distributeur logo="/images/distributeurs/cilione.png" label="cilione" url="https://www.cilione.com/en/">
                        @lang('distributeur.cilione')
                    </x-card-distributeur>
                    <x-card-distributeur logo="/images/distributeurs/takasago.png" label="takasago" url="https://www.takasago.com/en/index.html">
                        @lang('distributeur.takasago')
                    </x-card-distributeur>
                    <x-card-distributeur logo="/images/distributeurs/wanxiang.png" label="wanxiang" url="https://www.wanxiang-tech.com/?lang=en">
                        @lang('distributeur.wanxiang')
                    </x-card-distributeur>
                </div>
            </x-container>
        </section>
    </div>
@endsection