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 @@
+
+ {!! 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é...',
+ ) !!}
+
+
+ + {{ __('1987') }} +
+{{ __('Création de la société') }}
+{{ __('grâce à l\'innovation de la cuisson sous vide.') }}
+
+ + {{ __('1988') }} +
+{{ __('Rayon Traiteur coupe :') }}
+{{ __('Lancement gamme plats cuisinés') }}
+
+ + {{ __('1989') }} +
+{{ __('Rayon Libre-service :') }}
++ {{ __('Démarrage des gammes à marque distributeurs') }} +
+
+ + {{ __('1991') }} +
+{{ __('Agis démarre') }}
+{{ __('Les gammes asiatiques') }} +
+
+ + {{ __('1995') }} +
+{{ __('Commercialisation des') }}
+{{ __('Coffrets festifs') }} +
++ {{ __('2005') }} +
+{{ __('Agis devient') }}
+{{ __('Filiale à 100% du Groupe LDC') }} +
+
+ + {{ __('2008') }} +
+{{ __('Lancement') }}
+{{ __('des Pasta Box') }} +
+
+ + {{ __('2009') }} +
+
+ {{ __('Nos premiers rouleaux de printemps') }} +
{{ __('arrivent sur le marché') }}
+ +
+ + {{ __('2018') }} +
+{{ __('Nouveaux ateliers') }}
+{{ __('Plats cuisinés & spécialités exotiques') }} +
+{{ __('Pour le rayon frais emballé') }}
+
+ + {{ __('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é !') }} +
+
+ + {{ __('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.',
+ ) !!}