@extends('layouts.app')
@section('seo')
    <meta name="description" content="Diffusions Aromatiques vous propose des ingrédients naturels, de synthèse et biologiques afin de répondre à tous vos besoins. ">
    <meta name="title" content="Diffusions Aromatiques - Ingrédients">
@endsection

@section('pageTitle', __("Ingrédients"))

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

@section('content')
    <div>
        <div class="relative overflow-hidden text-white h-110"
             style="background-image: url('/images/certifications/header_da.png');background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;">
        </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">Ingrédients</h1>
                <p class="text-blue text-xl">@lang('ingredients.content')</p>
            </x-container>
        </section>
        @livewire('ingredient-search')
    </div>
@endsection