Add about us page 1/2
This commit is contained in:
Sebastien Hattry
parent
a65d855acc
commit
404b022a17
33 changed files with 434 additions and 37 deletions
|
|
@ -16,6 +16,19 @@ use Illuminate\Support\Facades\Mail;
|
|||
|
||||
class StaticPageController extends Controller
|
||||
{
|
||||
/**
|
||||
* About us show
|
||||
*
|
||||
* @param \App\Models\StaticPage $aboutUsPage
|
||||
* @return \Illuminate\Contracts\View\View
|
||||
*/
|
||||
public function aboutUs(StaticPage $aboutUsPage)
|
||||
{
|
||||
$aboutUsPage = StaticPage::query()->where('type', StaticPageType::aboutus)
|
||||
->get();
|
||||
return view('fo.pages.about-us', ['staticPageModel' => $aboutUsPage[0]]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Legal show
|
||||
*
|
||||
|
|
|
|||
BIN
resources/assets/images/about-us/asiatique.png
Normal file
BIN
resources/assets/images/about-us/asiatique.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 288 KiB |
BIN
resources/assets/images/about-us/bo-bun.png
Normal file
BIN
resources/assets/images/about-us/bo-bun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 501 KiB |
BIN
resources/assets/images/about-us/cocotte.png
Normal file
BIN
resources/assets/images/about-us/cocotte.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 485 KiB |
BIN
resources/assets/images/about-us/depuis-1987.png
Normal file
BIN
resources/assets/images/about-us/depuis-1987.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
resources/assets/images/about-us/festif.png
Normal file
BIN
resources/assets/images/about-us/festif.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
resources/assets/images/about-us/marque-distributeurs.png
Normal file
BIN
resources/assets/images/about-us/marque-distributeurs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
BIN
resources/assets/images/about-us/pasta-box.png
Normal file
BIN
resources/assets/images/about-us/pasta-box.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 321 KiB |
BIN
resources/assets/images/about-us/plats-cuisines.png
Normal file
BIN
resources/assets/images/about-us/plats-cuisines.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 149 KiB |
BIN
resources/assets/images/about-us/pointilles-01.png
Normal file
BIN
resources/assets/images/about-us/pointilles-01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
resources/assets/images/about-us/pointilles-02.png
Normal file
BIN
resources/assets/images/about-us/pointilles-02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
resources/assets/images/about-us/pointilles-03.png
Normal file
BIN
resources/assets/images/about-us/pointilles-03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
resources/assets/images/about-us/pointilles-04.png
Normal file
BIN
resources/assets/images/about-us/pointilles-04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
resources/assets/images/about-us/pointilles-05.png
Normal file
BIN
resources/assets/images/about-us/pointilles-05.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
resources/assets/images/about-us/pointilles-06.png
Normal file
BIN
resources/assets/images/about-us/pointilles-06.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
resources/assets/images/about-us/rouleaux-printemps.png
Normal file
BIN
resources/assets/images/about-us/rouleaux-printemps.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 412 KiB |
BIN
resources/assets/images/about-us/specialites-exotiques.png
Normal file
BIN
resources/assets/images/about-us/specialites-exotiques.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
1
resources/assets/images/global/logo-ldc-traiteur.svg
Normal file
1
resources/assets/images/global/logo-ldc-traiteur.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.3 KiB |
BIN
resources/assets/images/global/logo-vertical.png
Normal file
BIN
resources/assets/images/global/logo-vertical.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
7
resources/assets/images/layout/highlight.svg
Normal file
7
resources/assets/images/layout/highlight.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Calque_2" data-name="Calque 2"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 548.35 41.77">
|
||||
<g id="NOUS_CONNAITRE" data-name="NOUS CONNAITRE">
|
||||
<path class="highlight-svg" d="M58.01,.66c-1.73,0-3.46,0-5.19-.01-9.27-.02-18.55-.05-27.82-.07-3.74,0-11.45-1.26-14.79-.05-5.09,1.85-.31,1.68-2.96,5.13-1.12,1.46-5.77,17.73-.92,25.19-2.12-.08-2.33,2.67-2.07,4.73,.26,2.06-2.58,3.14-4.25,6.09,149.15-.09,298.29-.18,447.44-.26-147.21,.12-294.42,.23-441.63,.35,177.88,0,479.05-.33,451.77-.49,29.62,.95,59.3,.43,88.84-1.55-.69-10.19,3.47-28.15,1.29-28.35-2.18-.2-2.7-2.67-2-4.36s2.02-3.41,1.39-5.12c-109.11-.28-218.22-.55-327.33-.83-37.1-.09-74.2-.19-111.29-.28-16.82-.04-33.64-.08-50.46-.13Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 766 B |
|
|
@ -23,8 +23,86 @@ img {
|
|||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% .2rem;
|
||||
.highlight.white {
|
||||
@include button-shape(#ffffff);
|
||||
}
|
||||
|
||||
.highlight.black {
|
||||
@include button-shape(#000000);
|
||||
}
|
||||
|
||||
.highlight.orange {
|
||||
@include button-shape(#e86446);
|
||||
}
|
||||
|
||||
.highlight.deep-orange {
|
||||
@include button-shape(#df3712);
|
||||
}
|
||||
|
||||
.highlight.red {
|
||||
@include button-shape(#d11317);
|
||||
}
|
||||
|
||||
.highlight.blue {
|
||||
@include button-shape(#66789b);
|
||||
}
|
||||
|
||||
.highlight.light-green {
|
||||
@include button-shape(#aac27f);
|
||||
}
|
||||
|
||||
.highlight.green {
|
||||
@include button-shape(#26A322);
|
||||
}
|
||||
|
||||
.highlight.deep-green {
|
||||
@include button-shape(#123827);
|
||||
}
|
||||
|
||||
.highlight.yellow {
|
||||
@include button-shape(#ffcb52);
|
||||
}
|
||||
|
||||
.highlight.maroon {
|
||||
@include button-shape(#ba9964);
|
||||
}
|
||||
|
||||
|
||||
.black-frame {
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 2rem;
|
||||
|
||||
div {
|
||||
border: 5px solid transparent;
|
||||
border-image: url("@/images/global/frame-line.svg") 1 stretch;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// XXXXXXX XXXXXXXLLLLLLLLLLL
|
||||
// X:::::X X:::::XL:::::::::L
|
||||
// X:::::X X:::::XL:::::::::L
|
||||
// X::::::X X::::::XLL:::::::LL
|
||||
// XXX:::::X X:::::XXX L:::::L
|
||||
// X:::::X X:::::X L:::::L
|
||||
// X:::::X:::::X L:::::L
|
||||
// X:::::::::X L:::::L
|
||||
// X:::::::::X L:::::L
|
||||
// X:::::X:::::X L:::::L
|
||||
// X:::::X X:::::X L:::::L
|
||||
// XXX:::::X X:::::XXX L:::::L LLLLLL
|
||||
// X::::::X X::::::XLL:::::::LLLLLLLLL:::::L
|
||||
// X:::::X X:::::XL::::::::::::::::::::::L
|
||||
// X:::::X X:::::XL::::::::::::::::::::::L
|
||||
// XXXXXXX XXXXXXXLLLLLLLLLLLLLLLLLLLLLLLL
|
||||
@include media-breakpoint-up(xl) {
|
||||
.black-frame {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 2rem;
|
||||
|
||||
div {
|
||||
border: 5px solid transparent;
|
||||
border-image: url("@/images/global/frame-line.svg") 3 stretch;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,3 +21,4 @@
|
|||
@import './pages/contact';
|
||||
@import './pages/explorerpage';
|
||||
@import './pages/product';
|
||||
@import './pages/about-us';
|
||||
|
|
|
|||
59
resources/sass/fo/pages/_about-us.scss
Normal file
59
resources/sass/fo/pages/_about-us.scss
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
.about-us {
|
||||
h1::after, h1::before {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 0.3rem;
|
||||
background: center / cover no-repeat url('@/images/layout/footer-h-bar.svg');
|
||||
content: "";
|
||||
translate: -50% 0;
|
||||
}
|
||||
|
||||
h1::before { top: -1rem; }
|
||||
|
||||
h1::after { bottom: -1rem; }
|
||||
|
||||
.frise {
|
||||
.year-bloc { max-width: 500px; }
|
||||
|
||||
.date-bloc:first-child,
|
||||
.date-bloc:nth-child(2),
|
||||
.date-bloc:nth-child(3),
|
||||
.date-bloc:nth-child(7) {
|
||||
.year-bloc img { max-width: 50%; }
|
||||
}
|
||||
|
||||
.date-bloc:nth-child(4) {
|
||||
.year-bloc img { max-width: 75%; }
|
||||
}
|
||||
|
||||
.date-bloc:nth-child(5),
|
||||
.date-bloc:nth-child(9) {
|
||||
.year-bloc img { max-width: 100%; }
|
||||
}
|
||||
|
||||
.date-bloc:nth-child(6) {
|
||||
.year-bloc img { max-width: 10%; }
|
||||
}
|
||||
|
||||
.date-bloc:nth-child(8) {
|
||||
.year-bloc img { max-width: 25%; }
|
||||
}
|
||||
|
||||
.date-bloc:nth-child(10) {
|
||||
.year-bloc img { max-width: 40%; }
|
||||
}
|
||||
|
||||
.date-bloc:nth-child(11) {
|
||||
.year-bloc img { max-width: 30%; }
|
||||
}
|
||||
}
|
||||
|
||||
.black-frame {
|
||||
.highlight {
|
||||
border: inherit;
|
||||
background: $color-white url('@/images/layout/footer-h-bar.svg');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -215,16 +215,6 @@
|
|||
}
|
||||
|
||||
.news {
|
||||
&-frame {
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 2rem;
|
||||
|
||||
div {
|
||||
border: 5px solid transparent;
|
||||
border-image: url("@/images/homepage/frame-line.svg") 1 stretch;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-news {
|
||||
border: 5px solid transparent;
|
||||
|
||||
|
|
@ -337,18 +327,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.news {
|
||||
&-frame {
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 2rem;
|
||||
|
||||
div {
|
||||
border: 5px solid transparent;
|
||||
border-image: url("@/images/homepage/frame-line.svg") 3 stretch;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ranges {
|
||||
.swiper-ranges {
|
||||
position: static;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
@use "sass:list";
|
||||
@use "sass:map";
|
||||
@import "mixins";
|
||||
@import "bootstrap/scss/functions";
|
||||
@import "./bs-customs/button";
|
||||
|
|
@ -45,3 +46,18 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// * Utilities
|
||||
$utilities: map.merge(
|
||||
$utilities, (
|
||||
"position": map.merge(
|
||||
map.get($utilities, "position"),
|
||||
( responsive: true ),
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// * Styles
|
||||
.rotate-n45 {
|
||||
rotate: -45deg;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ $font-family-base: $font-default-family-base;
|
|||
$font-size-base: $font-default-size-base;
|
||||
$line-height-base: $line-default-height-base;
|
||||
|
||||
// Add font-size variable
|
||||
// Add font-size multiplicator
|
||||
$heading-multiplicator: 1.25;
|
||||
$h1-font-size: $font-size-base * $heading-multiplicator * 2.5;
|
||||
$h2-font-size: $font-size-base * $heading-multiplicator * 2;
|
||||
|
|
@ -48,13 +48,3 @@ $h3-font-size: $font-size-base * $heading-multiplicator * 1.75;
|
|||
$h4-font-size: $font-size-base * $heading-multiplicator * 1.5;
|
||||
$h5-font-size: $font-size-base * $heading-multiplicator * 1.25;
|
||||
$h6-font-size: $font-size-base * $heading-multiplicator;
|
||||
|
||||
// Add the new font-size in this map
|
||||
$font-sizes: (
|
||||
1: $h1-font-size,
|
||||
2: $h2-font-size,
|
||||
3: $h3-font-size,
|
||||
4: $h4-font-size,
|
||||
5: $h5-font-size,
|
||||
6: $h6-font-size,
|
||||
);
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ $color-info: #5077b7;
|
|||
$color-warning: #f69f2d;
|
||||
$color-primary: #b6d1da;
|
||||
$color-secondary: #ffd264;
|
||||
$color-tertiary: #e33f1c;
|
||||
$color-tertiary: #ff9251;
|
||||
$color-quad: #6e130a;
|
||||
$color-quint: #003a5d;
|
||||
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@
|
|||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-uppercase @if (request()->routeIs('CHANGEME')) active @endif" data-bs-toggle="tooltip"
|
||||
href="#" title="{{ __('Nous connaitre') }}">
|
||||
href="{{ route('fo.aboutus.show') }}" title="{{ __('Nous connaitre') }}">
|
||||
{{ __('Nous connaitre') }}
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
{{ __('Nos gammes') }}
|
||||
</a>
|
||||
<a class="nav-link display-5 fw-bold text-uppercase @if (request()->routeIs('CHANGEME')) active @endif" data-bs-toggle="tooltip"
|
||||
href="#" title="{{ __('Nous connaitre') }}">
|
||||
href="{{ route('fo.aboutus.show') }}" title="{{ __('Nous connaitre') }}">
|
||||
{{ __('Nous connaitre') }}
|
||||
</a>
|
||||
<a class="nav-link display-5 fw-bold text-uppercase @if (request()->routeIs('CHANGEME')) active @endif" data-bs-toggle="tooltip"
|
||||
|
|
|
|||
252
resources/views/fo/pages/about-us.blade.php
Normal file
252
resources/views/fo/pages/about-us.blade.php
Normal file
|
|
@ -0,0 +1,252 @@
|
|||
@extends('fo.layout')
|
||||
|
||||
@section('title', __($staticPageModel->seo_title))
|
||||
@section('description', __($staticPageModel->seo_description))
|
||||
@section('breadcrumb',
|
||||
request()->route()->getName())
|
||||
|
||||
@section('content')
|
||||
<div class="about-us">
|
||||
<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 start-50 translate-middle-x 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">
|
||||
<div class="d-lg-inline-block text-center">
|
||||
<h1 class="position-relative d-lg-inline-block f-sheldon text-uppercase ls-1 my-4">{{ __($staticPageModel->title) }}</h1>
|
||||
</div>
|
||||
<div class="text-lg-start w-lg-75 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 du "fait maison" au plus grand nombre de gastronomes.<br>C\'est ainsi qu\'Agis est né...',
|
||||
) !!}
|
||||
|
||||
</p>
|
||||
<span class="f-readex-pro highlight black my-2 px-3 text-white">{{ __('Dates clés & innovations majeures') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frise position-relative position-lg-static container">
|
||||
<div class="row mb-5">
|
||||
<div class="date-bloc col-12 col-lg-6 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="mx-4">
|
||||
<p class="f-sheldon fw-bold h4 text-uppercase lh-base mx-3 mb-2">{{ __('Création de la société') }}</p>
|
||||
<p class="f-readex-pro fw-bold lh-sm mx-3">{{ __('grâce à l\'innovation de la cuisson sous vide.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-bloc col-12 col-lg-6 my-5">
|
||||
<div class="ratio ratio-1x1">
|
||||
<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="mx-4">
|
||||
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{{ __('Rayon Traiteur coupe :') }}</p>
|
||||
<p class="f-sheldon fw-bold h4 text-uppercase lh-base mx-5">{{ __('Lancement gamme plats cuisinés') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-bloc col-12 col-lg-6 my-5">
|
||||
<div class="ratio ratio-1x1">
|
||||
<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 text-uppercase lh-base mx-5">
|
||||
{{ __('Démarrage des gammes à marque distributeurs') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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/asiatique.png') }}"
|
||||
alt="{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }}" />
|
||||
<p class="f-readex-pro fs-5 fw-bold highlight deep-orange mx-auto mb-2 px-4 text-white">
|
||||
{{ __('1991') }}
|
||||
</p>
|
||||
<div class="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 text-uppercase lh-base mx-5">{{ __('Les gammes asiatiques') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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 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 text-uppercase lh-base mx-5">{{ __('Coffrets festifs') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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/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="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 text-uppercase lh-base mx-5">{{ __('Filiale à 100% du Groupe LDC') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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') }}" />
|
||||
<p class="f-readex-pro fs-5 fw-bold highlight green mx-auto mb-2 px-2 text-white">
|
||||
{{ __('2008') }}
|
||||
</p>
|
||||
<div class="mx-4">
|
||||
<p class="f-readex-pro fw-bold text-uppercase mx-4 mb-0">{{ __('Lancement') }}</p>
|
||||
<p class="f-sheldon fw-bold h4 text-uppercase lh-base mx-5">{{ __('des Pasta Box') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-bloc col-12 col-lg-6 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="mx-4">
|
||||
<p class="f-sheldon fw-bold h4 text-uppercase lh-base mx-4">{{ __('Nos premiers rouleaux de printemps') }}
|
||||
<p class="f-readex-pro fw-bold text-uppercase mx-3 mb-0">{{ __('arrivent sur le marché') }}</p>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-bloc col-12 col-lg-6 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-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 text-uppercase lh-base mx-4">{{ __('Plats cuisinés & 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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-bloc col-12 col-lg-6 my-5 pt-5">
|
||||
<div class="ratio ratio-1x1">
|
||||
<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>
|
||||
<p class="f-sheldon fw-bold h4 text-uppercase 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="date-bloc position-relative col-12 col-lg-6 mb-5">
|
||||
{{-- <div class="ratio ratio-1x1"> --}}
|
||||
<div class="year-bloc d-flex flex-column align-items-center mx-auto text-center">
|
||||
<p class="f-readex-pro fs-5 fw-bold highlight deep-green mx-auto mb-2 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 text-uppercase lh-base mx-5">{{ __('nouvelle identité !') }}
|
||||
</p>
|
||||
</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 top-50 start-100 translate-middle img-fluid w-75 h-75"
|
||||
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>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<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 px-2">
|
||||
<p class="f-readex-pro fs-5 fw-bold highlight black mb-0 w-fit px-4 text-white">
|
||||
{{ __('Nos savoir-faire') }}
|
||||
</p>
|
||||
</div>
|
||||
<p class="">{!! clean(
|
||||
'Depuis 1987, Agis vous simplifie la vie pour vous proposer des recettes "comme à la maison".<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>
|
||||
<div class="row highlight deep-orange">
|
||||
<div class="col-6">
|
||||
<p>{{ __('simplicité') }}</p>
|
||||
<p>{{ __('performance') }}</p>
|
||||
<p>{{ __('travail') }}</p>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<p>{{ __('respect') }}</p>
|
||||
<p>{{ __('Responsabilité') }}</p>
|
||||
<p>{{ __('innovation') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p>{!! clean(
|
||||
'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<br><br>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.',
|
||||
) !!}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
</div>
|
||||
<!-- NEWS -->
|
||||
<div class="news container-fluid position-relative px-4 py-5">
|
||||
<div class="news-frame position-absolute w-100 h-100 z-n1 start-0 top-0 px-4">
|
||||
<div class="black-frame position-absolute w-100 h-100 z-n1 start-0 top-0 px-4">
|
||||
<div class="position-relative w-100 h-100"></div>
|
||||
</div>
|
||||
<h2 class="text-uppercase fs-1 f-sheldon mx-auto w-fit bg-white px-4 text-center">{{ __('Nos actus') }}</h2>
|
||||
|
|
|
|||
|
|
@ -24,6 +24,8 @@ Route::middleware(['throttle:credentials'])
|
|||
Route::post('/contact-form', [StaticPageController::class, 'contactForm'])->name('contact.store');
|
||||
|
||||
// * LEGALS
|
||||
Route::get('/nous-connaitre', [StaticPageController::class, 'aboutUs'])->name('aboutus.show');
|
||||
|
||||
Route::get('/mentions-legales', [StaticPageController::class, 'legals'])->name('legals.show');
|
||||
Route::get('/charte-de-confidentialite', [StaticPageController::class, 'policies'])->name('policies.show');
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue