diff --git a/app/Http/Controllers/Fo/StaticPageController.php b/app/Http/Controllers/Fo/StaticPageController.php index fc3f858..8765517 100644 --- a/app/Http/Controllers/Fo/StaticPageController.php +++ b/app/Http/Controllers/Fo/StaticPageController.php @@ -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 * diff --git a/resources/assets/images/about-us/asiatique.png b/resources/assets/images/about-us/asiatique.png new file mode 100644 index 0000000..0933411 Binary files /dev/null and b/resources/assets/images/about-us/asiatique.png differ diff --git a/resources/assets/images/about-us/bo-bun.png b/resources/assets/images/about-us/bo-bun.png new file mode 100644 index 0000000..02e5f6b Binary files /dev/null and b/resources/assets/images/about-us/bo-bun.png differ diff --git a/resources/assets/images/about-us/cocotte.png b/resources/assets/images/about-us/cocotte.png new file mode 100644 index 0000000..8425bee Binary files /dev/null and b/resources/assets/images/about-us/cocotte.png differ diff --git a/resources/assets/images/about-us/depuis-1987.png b/resources/assets/images/about-us/depuis-1987.png new file mode 100644 index 0000000..d6b7edc Binary files /dev/null and b/resources/assets/images/about-us/depuis-1987.png differ diff --git a/resources/assets/images/about-us/festif.png b/resources/assets/images/about-us/festif.png new file mode 100644 index 0000000..9ab5fee Binary files /dev/null and b/resources/assets/images/about-us/festif.png differ diff --git a/resources/assets/images/about-us/marque-distributeurs.png b/resources/assets/images/about-us/marque-distributeurs.png new file mode 100644 index 0000000..9855346 Binary files /dev/null and b/resources/assets/images/about-us/marque-distributeurs.png differ diff --git a/resources/assets/images/about-us/pasta-box.png b/resources/assets/images/about-us/pasta-box.png new file mode 100644 index 0000000..0fe7537 Binary files /dev/null and b/resources/assets/images/about-us/pasta-box.png differ diff --git a/resources/assets/images/about-us/plats-cuisines.png b/resources/assets/images/about-us/plats-cuisines.png new file mode 100644 index 0000000..ca23a4a Binary files /dev/null and b/resources/assets/images/about-us/plats-cuisines.png differ diff --git a/resources/assets/images/about-us/pointilles-01.png b/resources/assets/images/about-us/pointilles-01.png new file mode 100644 index 0000000..7e54e4c Binary files /dev/null and b/resources/assets/images/about-us/pointilles-01.png differ diff --git a/resources/assets/images/about-us/pointilles-02.png b/resources/assets/images/about-us/pointilles-02.png new file mode 100644 index 0000000..9733ef9 Binary files /dev/null and b/resources/assets/images/about-us/pointilles-02.png differ diff --git a/resources/assets/images/about-us/pointilles-03.png b/resources/assets/images/about-us/pointilles-03.png new file mode 100644 index 0000000..9b86d10 Binary files /dev/null and b/resources/assets/images/about-us/pointilles-03.png differ diff --git a/resources/assets/images/about-us/pointilles-04.png b/resources/assets/images/about-us/pointilles-04.png new file mode 100644 index 0000000..8b66926 Binary files /dev/null and b/resources/assets/images/about-us/pointilles-04.png differ diff --git a/resources/assets/images/about-us/pointilles-05.png b/resources/assets/images/about-us/pointilles-05.png new file mode 100644 index 0000000..6859941 Binary files /dev/null and b/resources/assets/images/about-us/pointilles-05.png differ diff --git a/resources/assets/images/about-us/pointilles-06.png b/resources/assets/images/about-us/pointilles-06.png new file mode 100644 index 0000000..10d4c75 Binary files /dev/null and b/resources/assets/images/about-us/pointilles-06.png differ diff --git a/resources/assets/images/about-us/rouleaux-printemps.png b/resources/assets/images/about-us/rouleaux-printemps.png new file mode 100644 index 0000000..f988208 Binary files /dev/null and b/resources/assets/images/about-us/rouleaux-printemps.png differ diff --git a/resources/assets/images/about-us/specialites-exotiques.png b/resources/assets/images/about-us/specialites-exotiques.png new file mode 100644 index 0000000..419feed Binary files /dev/null and b/resources/assets/images/about-us/specialites-exotiques.png differ diff --git a/resources/assets/images/homepage/frame-line.svg b/resources/assets/images/global/frame-line.svg similarity index 100% rename from resources/assets/images/homepage/frame-line.svg rename to resources/assets/images/global/frame-line.svg diff --git a/resources/assets/images/global/logo-ldc-traiteur.svg b/resources/assets/images/global/logo-ldc-traiteur.svg new file mode 100644 index 0000000..3c00f58 --- /dev/null +++ b/resources/assets/images/global/logo-ldc-traiteur.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resources/assets/images/global/logo-vertical.png b/resources/assets/images/global/logo-vertical.png new file mode 100644 index 0000000..1234c71 Binary files /dev/null and b/resources/assets/images/global/logo-vertical.png differ diff --git a/resources/assets/images/layout/highlight.svg b/resources/assets/images/layout/highlight.svg new file mode 100644 index 0000000..f6c6ca4 --- /dev/null +++ b/resources/assets/images/layout/highlight.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/resources/sass/fo/base/_common.scss b/resources/sass/fo/base/_common.scss index 71839df..69798ba 100644 --- a/resources/sass/fo/base/_common.scss +++ b/resources/sass/fo/base/_common.scss @@ -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; + } + } +} diff --git a/resources/sass/fo/fo.scss b/resources/sass/fo/fo.scss index 5c56c43..17ebe5b 100644 --- a/resources/sass/fo/fo.scss +++ b/resources/sass/fo/fo.scss @@ -21,3 +21,4 @@ @import './pages/contact'; @import './pages/explorerpage'; @import './pages/product'; +@import './pages/about-us'; diff --git a/resources/sass/fo/pages/_about-us.scss b/resources/sass/fo/pages/_about-us.scss new file mode 100644 index 0000000..422b74a --- /dev/null +++ b/resources/sass/fo/pages/_about-us.scss @@ -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%; + } + } +} diff --git a/resources/sass/fo/pages/_homepage.scss b/resources/sass/fo/pages/_homepage.scss index a87a235..9870909 100644 --- a/resources/sass/fo/pages/_homepage.scss +++ b/resources/sass/fo/pages/_homepage.scss @@ -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; diff --git a/resources/sass/fo/utilities/_bootstrap-custom.scss b/resources/sass/fo/utilities/_bootstrap-custom.scss index 797b872..d441239 100644 --- a/resources/sass/fo/utilities/_bootstrap-custom.scss +++ b/resources/sass/fo/utilities/_bootstrap-custom.scss @@ -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; +} diff --git a/resources/sass/fo/utilities/_bootstrap-variables.scss b/resources/sass/fo/utilities/_bootstrap-variables.scss index e94fb5a..a5b4c17 100644 --- a/resources/sass/fo/utilities/_bootstrap-variables.scss +++ b/resources/sass/fo/utilities/_bootstrap-variables.scss @@ -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, -); diff --git a/resources/sass/fo/utilities/_variables.scss b/resources/sass/fo/utilities/_variables.scss index e40171b..5e6b0be 100644 --- a/resources/sass/fo/utilities/_variables.scss +++ b/resources/sass/fo/utilities/_variables.scss @@ -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; diff --git a/resources/views/fo/layouts/footer.blade.php b/resources/views/fo/layouts/footer.blade.php index db524d9..55d0d39 100644 --- a/resources/views/fo/layouts/footer.blade.php +++ b/resources/views/fo/layouts/footer.blade.php @@ -61,7 +61,7 @@ diff --git a/resources/views/fo/layouts/nav-list.blade.php b/resources/views/fo/layouts/nav-list.blade.php index 944755d..31516e4 100644 --- a/resources/views/fo/layouts/nav-list.blade.php +++ b/resources/views/fo/layouts/nav-list.blade.php @@ -13,7 +13,7 @@ {{ __('Nos gammes') }} + href="{{ route('fo.aboutus.show') }}" title="{{ __('Nous connaitre') }}"> {{ __('Nous connaitre') }} seo_title)) +@section('description', __($staticPageModel->seo_description)) +@section('breadcrumb', + request()->route()->getName()) + +@section('content') +
+
+
+
+ {{ __('Depuis 1987') }} +
+
+
+

{{ __($staticPageModel->title) }}

+
+
+

+ {!! 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.
C\'est ainsi qu\'Agis est né...', + ) !!} + +

+ {{ __('Dates clés & innovations majeures') }} +
+
+
+
+
+
+
+
+ {{ __('Une cocotte minute orange') }} +

+ {{ __('1987') }} +

+
+

{{ __('Création de la société') }}

+

{{ __('grâce à l\'innovation de la cuisson sous vide.') }}

+
+
+
+
+
+
+ {{ __('Dessin d\'une cuisinière montrant une tomate à un homme') }} +

+ {{ __('1988') }} +

+
+

{{ __('Rayon Traiteur coupe :') }}

+

{{ __('Lancement gamme plats cuisinés') }}

+
+
+
+
+
+
+
+ {{ __('Dessin d\'un avant bras de cuisinier') }} +

+ {{ __('1989') }} +

+
+

{{ __('Rayon Libre-service :') }}

+

+ {{ __('Démarrage des gammes à marque distributeurs') }} +

+
+
+
+
+
+
+ {{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }} +

+ {{ __('1991') }} +

+
+

{{ __('Agis démarre') }}

+

{{ __('Les gammes asiatiques') }} +

+
+
+
+
+
+ {{ __('Dessin de plusieurs confettis festifs') }} +

+ {{ __('1995') }} +

+
+

{{ __('Commercialisation des') }}

+

{{ __('Coffrets festifs') }} +

+
+
+
+
+
+ {{ __('Logo de l\'entité LDC Traiteur') }} +

+ {{ __('2005') }} +

+
+

{{ __('Agis devient') }}

+

{{ __('Filiale à 100% du Groupe LDC') }} +

+
+
+
+
+
+ {{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }} +

+ {{ __('2008') }} +

+
+

{{ __('Lancement') }}

+

{{ __('des Pasta Box') }} +

+
+
+
+
+
+
+ {{ __('Dessin d\'un rouleau de printemps') }} +

+ {{ __('2009') }} +

+ {{ __('Dessin d\'un rouleau de printemps') }} +
+
+

{{ __('Nos premiers rouleaux de printemps') }} +

{{ __('arrivent sur le marché') }}

+

+
+
+
+
+
+
+ {{ __('Dessin d\'une marmite avec une toque de chef et des assortiments') }} +

+ {{ __('2018') }} +

+
+
+

{{ __('Nouveaux ateliers') }}

+

{{ __('Plats cuisinés & spécialités exotiques') }} +

+

{{ __('Pour le rayon frais emballé') }}

+
+
+
+
+
+
+ {{ __('Dessin d\'une cuisinière montrant une tomate à un homme') }} +

+ {{ __('2020') }} +

+
+

{{ __('Lancement des Bo Bun') }}

+

{!! clean('Au rayon Frais emballé
Nouveau savoir-faire Sushi,
grâce à Asia General Food') !!}

+
+
+
+
+
+ {{--
--}} +
+

+ {{ __('2021') }} +

+
+

{{ __('Création de la') }}

+

{{ __('nouvelle identité !') }} +

+
+ {{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }} +
+ {{ __('Dessin d\'une boussole avec l\'inscription Explorateur et Gastronome depuis 1987') }} + {{--
--}} +
+
+
+ +
+
+
+
+
+
+
+

+ {{ __('Nos savoir-faire') }} +

+
+

{!! clean( + 'Depuis 1987, Agis vous simplifie la vie pour vous proposer des recettes "comme à la maison".
Nous sommes curieux, ouverts sur le monde et avons à cœur de faire voyager vos papilles.
Nous explorons et innovons avec toujours plus de créativité.
Du plat cuisiné traditionnel aux recettes les plus exotiques, nous vous proposons une palette généreuse de saveurs.', + ) !!}

+
+
+
+
+

{{ __('simplicité') }}

+

{{ __('performance') }}

+

{{ __('travail') }}

+
+
+

{{ __('respect') }}

+

{{ __('Responsabilité') }}

+

{{ __('innovation') }}

+
+
+
+
+

{!! 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.

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.', + ) !!}

+
+
+
+
+@endsection diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php index 3755e3c..264558b 100644 --- a/resources/views/fo/pages/home.blade.php +++ b/resources/views/fo/pages/home.blade.php @@ -75,7 +75,7 @@
-
+

{{ __('Nos actus') }}

diff --git a/routes/web-fo.php b/routes/web-fo.php index 9ea8aea..34485fa 100644 --- a/routes/web-fo.php +++ b/routes/web-fo.php @@ -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'); });