338 lines
23 KiB
PHP
338 lines
23 KiB
PHP
@extends('fo.layout')
|
|
|
|
@section('title', __($staticPageModel->seo_title))
|
|
@section('description', __($staticPageModel->seo_description))
|
|
@section('breadcrumb', request()->route()->getName())
|
|
|
|
@section('content')
|
|
<div class="about-us">
|
|
{{-- EN-TETE --}}
|
|
<div class="container">
|
|
<div class="row position-relative flex-column-reverse flex-lg-row">
|
|
<div class="col-lg-8 position-absolute mt-lg-0 top-100 top-lg-0 end-0 mt-4">
|
|
<img class="img-fluid h-lg-100" src="{{ Vite::asset('resources/assets/images/about-us/depuis-1987.png') }}"
|
|
alt="{{ __('Depuis 1987') }}" />
|
|
</div>
|
|
<div class="col-lg-8 col-xl-6 mt-lg-3 z-1">
|
|
<div class="w-lg-min text-center">
|
|
<div class="about-us-title position-relative">
|
|
<span class="divide d-block w-100 mt-xl-3 my-2"></span>
|
|
<h1 class="f-sheldon text-uppercase my-3 text-center">{!! clean(str_replace(' ', ' ', $staticPageModel->title)) !!}</h1>
|
|
<span class="divide d-block w-100 mt-xl-3 my-2"></span>
|
|
</div>
|
|
<div class="text-lg-start text-center">
|
|
<p class="f-rufina fs-5 lh-sm fw-bold">
|
|
{!! clean(
|
|
'En 1987, trois visionnaires amoureux de la bonne cuisine cherchent à proposer le vrai goût des recettes authentiques au plus grand nombre de gastronomes.<br>C\'est ainsi qu\'Agis est né...',
|
|
) !!}
|
|
</p>
|
|
<span class="f-readex-pro highlight black w-100 d-block my-2 px-3 text-white">
|
|
{{ __('Dates clés & innovations majeures') }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- FRISE --}}
|
|
<div class="frise position-relative position-lg-static container">
|
|
<div class="row mb-5">
|
|
{{-- 1987 --}}
|
|
<div class="date-bloc col-12 mt-4">
|
|
<div class="year-bloc d-flex flex-column justify-content-center align-items-center mx-auto text-center">
|
|
<img class="img-fluid mb-2" src="{{ Vite::asset('resources/assets/images/about-us/cocotte.png') }}"
|
|
alt="{{ __('Une cocotte minute orange') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight orange mx-auto mb-2 w-fit px-3 text-white">
|
|
{{ __('1987') }}
|
|
</p>
|
|
<div class="position-relative mx-4">
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-3 mb-2">{{ __('Création de la société') }}</p>
|
|
<p class="f-readex-pro fw-bold lh-sm">{!! clean('grâce à l\'innovation<br>de la cuisson sous vide.') !!}</p>
|
|
<img class="d-none d-lg-block position-absolute end-100 top-100 w-50 translate-middle-y z-1"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-01.png') }}" alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 1988 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-lg-0 mb-lg-0 my-5">
|
|
<div class="ratio ratio-1x1 mx-auto">
|
|
<div
|
|
class="year-bloc d-flex flex-column justify-content-center align-items-center rounded-circle bg-light mx-auto text-center">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/about-us/plats-cuisines.png') }}"
|
|
alt="{{ __('Dessin d\'une cuisinière montrant une tomate à un homme') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight light-green w-50 mx-auto mb-2 px-3 text-white">
|
|
{{ __('1988') }}
|
|
</p>
|
|
<div class="position-relative pb-lg-4 mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{!! clean('Rayon Traiteur coupe :<br>lancement gamme') !!}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-5">{{ __('plats cuisinés') }}</p>
|
|
<img class="d-none d-lg-block position-absolute start-50 start-xl-100 top-100 z-1"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-02.png') }}"
|
|
alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 1989 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-lg-10 mb-lg-0 my-5">
|
|
<div class="ratio ratio-1x1 mx-auto">
|
|
<div
|
|
class="year-bloc d-flex flex-column justify-content-center align-items-center rounded-circle bg-light mx-auto text-center">
|
|
<img class="position-absolute start-50 translate-middle-y img-fluid top-0"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/marque-distributeurs.png') }}"
|
|
alt="{{ __('Dessin d\'un avant bras de cuisinier') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight blue mx-auto mb-2 px-5 text-white">
|
|
{{ __('1989') }}
|
|
</p>
|
|
<div class="mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{{ __('Rayon Libre-service :') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-5">
|
|
{{ __('Démarrage des gammes à marque distributeurs') }}
|
|
</p>
|
|
</div>
|
|
<img class="d-none d-lg-block position-absolute top-100 w-25 z-1 end-50 translate-middle-y"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-03.png') }}"
|
|
alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 1991 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-lg-n5 my-5">
|
|
<div
|
|
class="year-bloc position-relative d-flex flex-column flex-lg-row justify-content-center align-items-center mx-auto text-center">
|
|
<img class="img-fluid mb-3" src="{{ Vite::asset('resources/assets/images/about-us/asiatique.png') }}"
|
|
alt="{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }}" />
|
|
<div class="text-wrapper ms-lg-n5">
|
|
<p class="f-readex-pro fs-5 fw-bold highlight deep-orange mx-auto mb-2 w-fit px-4 text-white">
|
|
{{ __('1991') }}
|
|
</p>
|
|
<div class="mx-lg-0 mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{{ __('Agis démarre') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-5">{{ __('Les gammes asiatiques') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<img class="d-none d-lg-block position-absolute top-100 z-1 start-50"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-04.png') }}" alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
{{-- 1995 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-lg-10 pt-lg-10 my-5">
|
|
<div
|
|
class="year-bloc position-relative d-flex flex-column justify-content-center align-items-center rounded-circle mx-auto text-center">
|
|
<img class="position-absolute top-50 start-50 translate-middle img-fluid"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/festif.png') }}"
|
|
alt="{{ __('Dessin de plusieurs confettis festifs') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight maroon mx-auto mb-2 px-2 text-white">
|
|
{{ __('1995') }}
|
|
</p>
|
|
<div class="mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-3 mb-0">{{ __('Commercialisation des') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-5">{{ __('Coffrets festifs') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 2005 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-lg-n5">
|
|
<div class="ratio ratio-1x1 mx-auto">
|
|
<div class="year-bloc d-flex flex-column justify-content-center align-items-center rounded-circle mx-auto text-center">
|
|
<img class="img-fluid mb-3" src="{{ Vite::asset('resources/assets/images/global/logo-ldc-traiteur.svg') }}"
|
|
alt="{{ __('Logo de l\'entité LDC Traiteur') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight yellow mx-auto mb-2 px-2 text-white">
|
|
{{ __('2005') }}
|
|
</p>
|
|
<div class="position-relative px-lg-5 mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{{ __('Agis devient') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-5">{!! clean('Filiale à 100%<br>du Groupe LDC') !!}
|
|
</p>
|
|
<img class="d-none d-lg-block position-absolute z-1 start-100 top-0"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-05.png') }}"
|
|
alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 2008 --}}
|
|
<div class="date-bloc col-12 col-lg-6 my-5">
|
|
<div class="year-bloc position-relative d-flex flex-column justify-content-center align-items-center mx-auto text-center">
|
|
<img class="img-fluid mb-3" src="{{ Vite::asset('resources/assets/images/about-us/pasta-box.png') }}"
|
|
alt="{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }}" />
|
|
<div class="d-lg-flex align-items-center">
|
|
<p class="f-readex-pro fs-5 fw-bold highlight green z-1 mx-auto mb-2 w-fit px-2 text-white">
|
|
{{ __('2008') }}
|
|
</p>
|
|
<div class="mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-lg-0 mx-4 mb-0">{{ __('Lancement') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-lg-0 mx-5">{{ __('des Pasta Box') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 2009 --}}
|
|
<div class="date-bloc col-12 mb-mn-10 my-5 pb-5">
|
|
<div class="year-bloc position-relative d-flex flex-column justify-content-center align-items-center mx-auto text-center">
|
|
<div class="d-flex justify-content-center align-items-center mb-3">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/about-us/rouleaux-printemps.png') }}"
|
|
alt="{{ __('Dessin d\'un rouleau de printemps') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight orange rotate-n45 mb-0 w-fit px-2 text-white">
|
|
{{ __('2009') }}
|
|
</p>
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/about-us/rouleaux-printemps.png') }}"
|
|
alt="{{ __('Dessin d\'un rouleau de printemps') }}" />
|
|
</div>
|
|
<div class="position-relative mx-4">
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-4">{!! clean('Nos premiers<br>rouleaux de printemps') !!}
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-3 mb-0">{{ __('arrivent sur le marché') }}</p>
|
|
</p>
|
|
<img class="d-none d-lg-block position-absolute z-1 end-100 translate-middle-y top-50"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-06.png') }}"
|
|
alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 2018 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-lg-0 pt-lg-0 my-5 py-5">
|
|
<div
|
|
class="year-bloc position-relative d-flex flex-column justify-content-center align-items-center rounded-circle mx-auto text-center">
|
|
<div class="position-absolute top-50 start-50 translate-middle w-100 pb-lg-0 pt-lg-4 pb-4">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/about-us/specialites-exotiques.png') }}"
|
|
alt="{{ __('Dessin d\'une marmite avec une toque de chef et des assortiments') }}" />
|
|
<p
|
|
class="position-absolute start-50 translate-middle-x f-readex-pro fs-5 fw-bold highlight white text-tertiary bottom-0 mx-auto mb-5 px-2">
|
|
{{ __('2018') }}
|
|
</p>
|
|
</div>
|
|
<div class="mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-0 mb-0">{{ __('Nouveaux ateliers') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-4">{!! clean('Plats cuisinés &<br>spécialités exotiques') !!}
|
|
</p>
|
|
<p class="f-readex-pro fw-bold text-uppercase lh-sm mx-5 mb-0">{{ __('Pour le rayon frais emballé') }}</p>
|
|
</div>
|
|
<img class="d-none d-lg-block position-absolute z-1 top-100 start-75 translate-middle-x w-50 rotate-180"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-02.png') }}" alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
{{-- 2020 --}}
|
|
<div class="date-bloc col-12 col-lg-6 mt-mn-10 my-5 pt-5">
|
|
<div class="ratio ratio-1x1 mx-auto">
|
|
<div
|
|
class="year-bloc d-flex flex-column justify-content-center align-items-center rounded-circle bg-light mx-auto text-center">
|
|
<img class="img-fluid mb-2" src="{{ Vite::asset('resources/assets/images/about-us/bo-bun.png') }}"
|
|
alt="{{ __('Dessin d\'une cuisinière montrant une tomate à un homme') }}" />
|
|
<p class="f-readex-pro fs-5 fw-bold highlight deep-orange mx-auto mb-2 px-2 text-white">
|
|
{{ __('2020') }}
|
|
</p>
|
|
<div class="px-lg-5 position-relative">
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-0">{{ __('Lancement des Bo Bun') }}</p>
|
|
<p class="f-readex-pro fw-bold text-uppercase lh-sm mx-0 mb-0">{!! clean('Au rayon Frais emballé<br>Nouveau savoir-faire Sushi,<br>grâce à Asia General Food') !!}</p>
|
|
<img class="d-none d-lg-block position-absolute z-1 top-50 end-100"
|
|
src="{{ Vite::asset('resources/assets/images/about-us/pointilles-01.png') }}"
|
|
alt="{{ __('Des pointillés') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- 2021 --}}
|
|
<div class="date-bloc position-relative col-12 mb-5">
|
|
<div class="year-bloc d-flex flex-column flex-lg-row align-items-center align-items-lg-start mx-auto text-center">
|
|
<div class="mx-lg-4">
|
|
<p class="f-readex-pro fs-5 fw-bold highlight deep-green mx-auto mb-2 w-fit px-2 text-white">
|
|
{{ __('2021') }}
|
|
</p>
|
|
<div class="mx-4">
|
|
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{{ __('Création de la') }}</p>
|
|
<p class="f-sheldon fw-bold h4 lh-base mx-lg-0 mx-5">{{ __('nouvelle identité !') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/global/logo-vertical.png') }}"
|
|
alt="{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }}" />
|
|
</div>
|
|
<img class="position-absolute date-bloc-logo top-50 start-50 start-lg-0 img-fluid"
|
|
src="{{ Vite::asset('resources/assets/images/layout/bg-compass.svg') }}"
|
|
alt="{{ __('Dessin d\'une boussole avec l\'inscription Explorateur et Gastronome depuis 1987') }}" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
{{-- NOS SAVOIR-FAIRE --}}
|
|
<div class="row w-100 mx-auto mb-5">
|
|
<div class="col position-relative">
|
|
<div class="black-frame position-absolute w-100 h-100 z-n1 start-0 top-0 px-1 pb-0 pt-3">
|
|
<div class="position-relative w-100 h-100"></div>
|
|
</div>
|
|
<div class="mx-auto w-fit bg-white px-4">
|
|
<p class="f-readex-pro fw-bold highlight black mb-0 w-fit px-4 text-white">
|
|
{{ __('Nos savoir-faire') }}
|
|
</p>
|
|
</div>
|
|
<p class="text-lg-center m-0 p-4">{!! clean(
|
|
'Depuis 1987, Agis vous simplifie la vie pour vous proposer des recettes inspirées des cuisines du monde entier.<br>Nous sommes curieux, ouverts sur le monde et avons à cœur de faire voyager vos papilles.<br>Nous explorons et innovons avec toujours plus de créativité.<br>Du plat cuisiné traditionnel aux recettes les plus exotiques, nous vous proposons une palette généreuse de saveurs.',
|
|
) !!}</p>
|
|
</div>
|
|
</div>
|
|
{{-- MOTS CLES --}}
|
|
<div class="row w-100 bg-nota-bene lh-sm mx-auto mb-5 py-3">
|
|
<div class="col-6 position-relative p-2 py-3 pe-1 text-end">
|
|
<p class="f-sheldon fsize-33 fsize-lg-60 ls-2 m-0">{{ __('simplicité') }}</p>
|
|
<p class="f-rufina fsize-22 fsize-lg-40 fw-bold m-0">{{ __('performance') }}</p>
|
|
<p class="f-sheldon fsize-44 fsize-lg-80 ls-2 m-0">{{ __('travail') }}</p>
|
|
<p
|
|
class="position-absolute start-100 translate-middle-x f-readex-pro fsize-12 fsize-lg-22 fw-bold highlight white rotate-n3 mb-lg-0 bottom-0 mb-2 w-max px-3">
|
|
{{ __('Nos valeurs') }}
|
|
</p>
|
|
</div>
|
|
<div class="col-6 p-2 ps-1">
|
|
<p class="f-sheldon fsize-50 fsize-lg-90 ls-1 m-0">{{ __('respect') }}</p>
|
|
<p class="f-rufina fsize-22 fsize-lg-40 fw-bold m-0">{{ __('Responsabilité') }}</p>
|
|
<p class="f-sheldon fsize-33 fsize-lg-60 ls-1 m-0">{{ __('innovation') }}</p>
|
|
</div>
|
|
</div>
|
|
{{-- NOS EXPLORATEURS --}}
|
|
<div class="row w-100 sub-container mx-auto mb-5">
|
|
<div class="col">
|
|
<p class="f-readex-pro fw-bold highlight black w-lg-fit mb-3 px-4 text-white">
|
|
{{ __('Nos Explorateurs') }}
|
|
</p>
|
|
<div class="row">
|
|
<p class="col-12 col-lg-6">
|
|
{{ __('Nous disposons de 3 sites de fabrication spécialisés par famille de produits, modernes et répondant aux plus hautes exigences en matière d\'hygiène et de sécurité alimentaire.') }}
|
|
</p>
|
|
<p class="col-12 col-lg-6">
|
|
{{ __('Nous avons également investi dans un centre de préparation des commandes permettant d\'offrir un excellent service logistique.') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row sub-container mb-5">
|
|
<div class="col-12 col-lg-6 text-lg-start mb-3 text-center">
|
|
<h2 class="f-sheldon ls-lg-4 mb-4">{{ __('Nos ateliers') }}</h2>
|
|
<ul class="list-unstyled round-style lh-sm">
|
|
<li class="mb-3">
|
|
<span class="f-readex-pro fw-bold text-uppercase mb-0">{{ __('Herbignac (44)') }}</span>
|
|
<p class="f-rufina">{{ __('Spécialités asiatiques') }}</p>
|
|
</li>
|
|
<li class="mb-3">
|
|
<span class="f-readex-pro fw-bold text-uppercase mb-0">{{ __('Tarare (69)') }}</span>
|
|
<p class="f-rufina">{!! clean('Spécialités asiatiques<br>& plateforme logistique') !!}</p>
|
|
</li>
|
|
<li class="mb-3">
|
|
<span class="f-readex-pro fw-bold text-uppercase mb-0">{{ __('Avignon (84)') }}</span>
|
|
<p class="f-rufina">{{ __('Plats cuisinés et festifs') }}</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-lg-6 mb-3">
|
|
<div class="img-wrapper">
|
|
<img src="{{ Vite::asset('resources/assets/images/about-us/carte-france-reperes.png') }}"
|
|
alt="{{ __('Un dessin d\'une carte de la France avec les repères des sites Agis') }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|