diff --git a/app/Http/Controllers/Fo/NewsController.php b/app/Http/Controllers/Fo/NewsController.php
new file mode 100644
index 0000000..a296201
--- /dev/null
+++ b/app/Http/Controllers/Fo/NewsController.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Http\Controllers\Fo;
+
+use App\Enums\StaticPageType;
+use App\Http\Controllers\Controller;
+use App\Lib\Helpers\ToolboxHelper;
+use App\Models\News;
+use App\Models\StaticPage;
+use Illuminate\Contracts\Database\Query\Builder;
+
+class NewsController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Contracts\View\View
+     */
+    public function index(): \Illuminate\Contracts\View\View
+    {
+        /** @var \App\Models\StaticPage $staticPageModel */
+        $staticPageModel = StaticPage::query()->where('type', StaticPageType::news)->firstOrFail();
+
+        /** @var \App\Models\News $newsModels */
+        $newsModels = News::query()->where('published', true)->orderBy('publish_at', 'desc')->get();
+        return view('fo.pages.news.index', \compact('staticPageModel', 'newsModels'));
+    }
+
+    /**
+     * Display a news articles
+     *
+     * @param string $slug
+     * @return \Illuminate\Contracts\View\View
+     */
+    public function show(string $slug): \Illuminate\Contracts\View\View
+    {
+        /** @var \App\Models\News $newsModel */
+        $newsModel = News::query()
+            ->where('published', true)
+            ->where('slug', $slug)
+            ->firstOrFail();
+        return view('fo.pages.news.show', \compact('newsModel'));
+    }
+
+    /**
+     * Get filtered news.
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function newsFiltered(): \Illuminate\Http\JsonResponse
+    {
+        $categoryId = ToolboxHelper::getValidatedEnum(
+            0,
+            'category',
+            '\App\Enums\News\CategoryEnum',
+        );
+        $newsModels = News::query()
+            ->where('published', true)
+            ->when($categoryId != 0, function (Builder $query) use ($categoryId) {
+                $query->where('category', $categoryId);
+            })
+            ->orderBy('publish_at', 'desc')
+            ->get();
+        return response()->json($newsModels);
+    }
+}
diff --git a/app/Traits/Enums/BaseEnum.php b/app/Traits/Enums/BaseEnum.php
index 559b1ee..48962f4 100644
--- a/app/Traits/Enums/BaseEnum.php
+++ b/app/Traits/Enums/BaseEnum.php
@@ -167,7 +167,6 @@ trait BaseEnum
         return $this->value;
     }
 
-
     // * CACHE
 
     /**
diff --git a/resources/assets/images/global/bg-grey-desktop.svg b/resources/assets/images/global/bg-grey-desktop.svg
new file mode 100644
index 0000000..045b2d7
--- /dev/null
+++ b/resources/assets/images/global/bg-grey-desktop.svg
@@ -0,0 +1,13 @@
+<?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 1366 738" preserveAspectRatio="none">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #efefef;
+      }
+    </style>
+  </defs>
+  <g id="HOME">
+    <path class="cls-1" d="M3.66,722.26c-.13,.23-.25,.37-.38,.55,.5,.88,.87,1.84,1.17,2.86,1.16,.26,2.33,.53,3.46,.78,1.66-.36,3.38-.57,5.07-.78,0-.05-.03-.09-.04-.13l10.18-.05,.11,.13c.11-.05,.24-.09,.35-.13l15.23-.07c.44,.41,.87,.82,1.25,1.37-.66,.55-1.39,.96-2.15,1.27,2.36,.46,4.55,1.27,6.61,2.42,15.08-.07,30.13-.36,45.26,1.33,1.86-.3,3.65-.24,5.35,.83,4.39-2.96,8.64,.86,13.02,1.15,6.12-2.13,10.72-.21,16.84-2.08,11.86,3.05,26.17-.67,39.19-.87,6.57,.85,12.55,3.59,18.67,.1,9.57-.76,19.58,3.9,30.77,2.33,2.79-4.73,6.34-1.05,9.35-2.12,6.44,3.56,16.01,2.53,23.28,1.21l.92,1.09c14.77-3.44,29.15,2.6,43.92-.85,6.91,.31,17.98-.71,24.2,1.22,6.34-.78,16.13,1.98,22.37-2.05,11.74,4.13,29.16,1.51,42.06,2.4,5.54-2.14,12.79,1.96,18.68-.98,6-.51,11.64,.6,16.7,3.34,3.11,.29,8.65-.77,12.21,1.15,1.63-5.41,6.69-1.59,9.35-4.28,3-1.61,4.83,3.28,7.38,.04,6.55,4.64,12.93-4.67,18.67,1.19,4.74-3.23,11.17,1.69,17.75,.1,3.25-5,7.49,1.39,11.19-2.11,9.55,4.39,19.38-3.82,28.01,1.24,6.1,1.93,11.66-4.14,16.82,1.18l23.3-3.12c2.07,1.91,3.91,2.19,6.56,1.12,3.21,3.54,9.33,2.49,13.02,1.16,1.61,1.36,3.45,1.1,4.73-1.06,5.99,1.66,13.48,1.7,19.59,.11,13.71,1.7,32.84,1.8,46.57,.25,12.2,5.75,23.18-1.77,34.57,2.36,5.32-3.49,13.5-2.36,19.6-.98,2.79-5.81,6.68,1.93,10.27-2.11,5.5,7.61,10.74-5.77,15.79,1.17,4.52-6.61,7.24,4.92,13.13,1.16,10.74-4.14,25.12,1.76,36.32-3.19,7.48,3.16,15.45-1,22.47,.12,8.64,2.08,21.67,1.07,30.77,1.39,6.34-.78,16.13,1.98,22.37-2.18,4.01,7.2,10.26,.33,15.9,2.39,3.48-5.81,8.18,1.94,12.11-2.24,4.71,3.68,12.32,2.64,17.75,1.18h1.84c15.67,1.58,29.4-2,43.79,2.55,8.21-6.86,15.66,4.15,24.33-.95,3.49-7.43,8.88,.32,13.96-2.23,5.17,3.68,13.13,2.64,18.67,1.19,4.26,.7,9.55,4.25,13.14,.07,6.21,3.69,13.49-2.36,18.55,1.32,17.75-.17,35.52-4.01,53.26-.93,6.12-3.76,11.63,1.82,16.84-2.08,2.29,5.02,9.11-.77,9.34-2.12-2.41-3.81,8.89-2.5,8.6-3.57l76.32,3.34c1.75,.61,13.99-2.49,13.99-2.49-.24,2.98-3.13,2.96-4.74,4.31,9.32,3.71,18.68-2.34,28.01,1.23,5.86,4.23,12.8-1.28,19.6-.98,7.02,3.7,16.82,2.53,24.2,1.22,7.94,3.43,19.12,3.49,27.09,.15,5.86,4.23,12.35-3.46,17.74,2.26,5.9-4.57,8.39,5.87,14.98,2.39,4.15,.02,6.93-4.16,11.2-4.41,1.63-4.87,1.71-6.7,.57-11.58l1.26,3.05,4.01-1.12c2.18,2.01,8.9-25.01,3.07-39.19,3.67-7.82,.56-17.96,.11-26.66l.98-1.13c1.23-3.41,2.22-9.68-.92-12.7,5.84-4.81-2.88-8.57,.06-14.97,6.1-8.38,.82-22.24,1.1-33.5,2.93-3.4,6.23-10.37,1.03-13.82-3.11-11.57-2.1-22.54-.84-34.65,1.02-12.4-2.55-29.67,.17-42.63,.26-5.27-.67-13.83,1.05-19.67-4.34-5.72-2.13-13.55,.08-19.53-3.37-7.29,2.97-15.38-1.86-21.97,5.63-11.23-2.1-21.68-.84-33.51,2.95-8.68,1.54-21.1-.85-29.95-.93-10.13,3.98-23.36,.13-33.51,.78-14.11-.86-27.95,1.14-42.76-1.67-7.71,3.47-17.81-.87-25.39,.25-1.42-.71-3.71,.99-4.56,1.48-6.69,2-15.81-2.83-20.83,4.39-5.68-.56-11.84,2.01-18.38-5.17-12.72,1.31-25.37,2.09-38.2-2.32-27.67-3.17-57.62-2.57-85.42-5.19-6.59,1.76-14.68-1.98-21.83,2.36-13.25-.14-24.81,2.21-38.06-3.25-6.43,.77-11.83-1.99-18.55,2.68-3.41,3.26-6.42,2.62-9.59-1.09-5.4-8.47-7.91-13.81-4.97h-6.3l-43.76,.31c.53-2.7,.06-5.93,.25-8.77-8.86-4.65-20.5-4.72-29.84-4.5-2.63-5.7-6.35,1.86-9.33-2.22-9.61,10.38-20.25-10.27-26.2,7.58-2.06-3.13-4.59-5.58-8.4-4.52-5.3,.78-14.17-1.97-19.6,2.06-10.02-1.68-21.66-1.75-31.7-.18-10.03,.22-19.36-.92-29.86,.92-.69-1.09-2.3-1.64-1.83-3.26-10.04,2.65-18.21,.17-28.94,.93-2.33,7.16-6.34-.31-10.27,2.11-4.25-4.09-10.48-1.41-15.9-2.25-4.64,6.88-11.63-2.5-17.76,2.07-5.74-5.72-12.57,1.96-18.67-1.19-4.86,4.17-10.47-3.58-14.88,2.22-4.7-5.85-10.97,4.27-15.9-2.39-5.08,1.87-8.88-.05-13.96,2.23-4.48-4.5-9.81,4.28-13.01-3.46-7.73,2.67-14.29-1.16-21.57,3.27-2.3-.69-5.31,1.33-6.45-2.34-2.67,5.81-7.25-1.94-9.34,2.25-11.86-4.53-27.78-.83-39.18-3.6-3.12,2.15-7.74,3.34-10.27,3.33-3.34-1.51-4.97,2.14-7.51,3.21-1.81-8.54-8.66,2.93-8.39-6.68l-3.7,2.15c-7.25-3.29-17.97-3.35-25.24-.14-15.55-1.98-33.54-.99-48.52-1.35-4.39,4.17-9.32-3.57-13.03,2.23-5.4-5.58-9.59,5.91-14.06-.08-.45-1.76,1.28-2.3,1.97-3.37-2.88-.29-5.42,.24-7.5,2.13-5.88,.24-13-5.76-17.75,1.12-9.1-1.27-17.97-2.4-27.07-3.53-7.39,3.35-15.32-1.71-22.36-.12-5.04-9.64-10.97,3.87-16.84,4.38-1.61-2.04-5.53-1.79-4.59-5.58l-9.34,1.03c-6.1-1.66-11.67,8.2-16.83-.09-2.3-.28-5.3-.03-5.55,3.36l-2.87-3.4c-1.61-.82-2.31,1.34-3.69,1.06-10.48-3.31-21.68,1.51-31.7-.17-5.15-9.24-9.83,9.29-14.05-3.33-2.07-.01-4.38-.57-5.54,2.13-3.8,.25-7.51,4.16-11.19,1.02-7.97,3.34-17.51-1.99-26.17,2.16-3.2-5.57-5.42,.78-8.42,2.12-5.28-6.93-13.27,4.26-19.59-2.27-2.72-10.71-9.81,2.93-15.91,1-6.87-11.01-17.41,2.62-26.96-3.53-8.21,6.32-18.66-3.62-26.18,4.33-1.85,.26-3.46-.29-4.6-2.19-7.48-3.7-16.15,2.35-22.47-1.34-5.54,2.81-13.48-1.16-18.69,3.29-1.85,1.34-6,2.4-7.37-1.13,0-1.08-.22-2.85,.94-3.38-5.19-.03-8.89,4.15-14.08,4.39-2.76-2.86-5.75-4.23-9.32-4.52-5.33,6.88-10.01-4.12-15.8,1-8.39-6.55-16.84,3.29-25.24-.14-5.76-1.93-2.8,7.43-8.44,6.59-3.88-9.64-14.16-4.68-20.5-4.45-6.72,7.82-10.7-5.88-18.67-1.18-5.1,7.29-7.35-6.13-13.02-.07-4.59-6.66-8.2,3.2-13.95-.08-11.51-4.26-25.49,3.38-37.34-2.51-5.45,7.69-13.02-1.15-19.61,3.28-5.63-3.69-11.19,2.38-16.82-1.18-6.6,6.47-12.32-4.27-19.6,.98-6.55-5.05-11.2,4.81-17.75-.1-3.7,3.77-10.71-2.63-14.87,1-4.34,4.4-13.02-4.41-16.4,3.37h-.69c-1.64-7.17-5.13-.89-8.84-.07h-1.06c-.35-.05-.69-.02-1.04-.2-1.61-.82-.68-2.98-.9-4.34-13.24-3.19-27.11,5.54-40.11-.22-3.34-1.1-5.66,2.95-8.41-.05-5.66,3.22-10.71-1.82-16.83-.09-2.54,.26-3.48,5.13-6.47,4.3-4.93-6.93-14.29-.35-19.57-5.53-2.82,3.71-6.31,3.5-9.87,2.86-.54-.56-1.41-.73-2.65-.5-.33-.06-.67-.11-1-.16-3.16-3.45-6.23-2.07-9.37-.31V23.1c.16-.01,.32,0,.48-.02l1.87,323.24c-.69,5.67-1.55,11.5,.1,16.8l.06,9.93c-.31,3.39-.36,6.61,.06,9.85l.07,12.89c-3.17,14.92-.07,33.12-2.59,48.31,4.45,11.29-.09,23.95-.14,35.79,4.46,7.58-.07,16.25-.1,24.24-.02,5.85-.05,12.97-.07,17.39,2.95,20.69-1.62,40.91-.25,62.3-4.62,3.11,.7,6.85-1.02,11.55-2.26,20.09,.08,40.92-2.19,62.29-.25,2.85,.46,6.56-.03,7.98,1.63,8.6,1.08,17.37,.48,26.08-.61,0-1.21,.01-1.82,.01-.11,4.61-.32,9.23-.61,13.84,.6-.1,1.2-.22,1.81-.36-.05,5.78,.31,11.49,1.85,17.05Z"/>
+  </g>
+</svg>
diff --git a/resources/assets/images/socials/facebook-white-logo.svg b/resources/assets/images/socials/facebook-white-logo.svg
new file mode 100644
index 0000000..2a0c222
--- /dev/null
+++ b/resources/assets/images/socials/facebook-white-logo.svg
@@ -0,0 +1,14 @@
+<?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 35.69 35.69">
+    <defs>
+        <style>
+      .cls-1 {
+        stroke-width: 0px;
+      }
+        </style>
+    </defs>
+    <g id="UNE_ACTU" data-name="UNE ACTU">
+        <path class="cls-1" d="m35.46,24.22c-.08-.08.16-.13,0-.19.22-.17-.23-.34.06-.49-.16-.12.08-.29,0-.46-.24-.08.07-.2-.1-.29.21-.25-.18-.51.06-.73.09-.16-.2-.3.06-.44l-.15-.61c.09-.05.11-.1.05-.17.17-.08.12-.24.06-.34.07-.04.05-.09-.05-.12.08-.16.08-.35,0-.51.08-.36.09-.86.01-1.21.28-.32-.09-.6.11-.9-.17-.14-.11-.35-.05-.51-.28-.07.09-.17-.1-.27.37-.14-.28-.28.06-.41-.32-.12.24-.19.06-.34-.2-.28.09-.65-.15-.95.15-.2-.05-.4,0-.59.1-.23.05-.56.07-.8-.04-.17.1-.42-.11-.58.35-.1.02-.27.12-.41-.28-.09.09-.21-.11-.32.18-.12.13-.32.06-.46-.12.05-.25.05-.37,0,.02.06-.14.14-.16.2l-.02-2.5s.02.03.05.05l.16-.02c.09.03.12.08.1.12-.05.04-.17.02-.26.02.12.04.47.12.36.24-.44.08.2.2-.16.29-.13-.03-.1-.09-.1-.15h-.1c.02.18-.12.41.31.49-.13.09-.36.09-.26.22.03.04.18.04.26.07-.28.1.13.26-.27.32-.05.21-.24.61.47.61.08-.41-.1-.77.12-1.14-.33-.21.2-.41-.05-.63-.36-.09.02-.23-.11-.36.18-.13.13-.34.06-.49.03-.11.21-.25,0-.34.18-.16-.11-.35.06-.48,0-.46-.19-.93-.04-1.39-.18-.16.09-.3-.1-.44.24-.06-.05-.14.11-.22-.04-.05-.14-.02-.21-.03-.18.06-.03.14-.05.22-.05.03-.13.04-.21.05.1.15.22.28.26.44-.21.1.21.26-.16.31l.21.08c.03.07-.04.13-.16.17-.05,0-.13,0-.16-.02-.01.12-.21.24-.06.37-.09.11.15.26,0,.39-.07.11.33.08.21.2-.03.01-.05.03-.1.02.09.13-.21.24.05.34l.05-.02c.07,0,.17-.02.21.02-.14.07-.13.19-.37.22l.05.02c.04.08-.04.2-.16.29l-.06-7.85.13.61c-.11.12-.03.29-.06.39l.22-.02c.08.04.21.08.16.14-.66.27-.3.73-.33,1.12.1.02.15-.03.22-.05.14,0,.14.08.21.12.18-.24-.11-.49.06-.73.2-.15-.06-.33-.05-.51.18-.18.12-.44.06-.63.17-.21.17-.5,0-.71.2-.15-.17-.32.11-.46-.22-.15.28-.22.12-.39,0-.11-.2-.18-.21-.29-.18-.03-.42-.03-.63-.02v-.03h-.11c.11,0,.22,0,.32,0l-.05-.1c.1-.06.22-.09.39-.07-.73-.04-1.59-.16-2.29,0-.38-.1-.87-.01-1.29,0l-.05-.03c-.17-.03-.47-.06-.61.02-.23-.15-.41.07-.72,0-.41-.16-1.08-.02-1.62-.03-.16-.08-.5-.16-.67-.03-.56.08-1.09.05-1.68.02-.6-.03-1.43.07-2.06,0-.26,0-.67.02-.95-.03-.28.11-.66.06-.94,0-.35.09-.74-.08-1.06.05-.54-.15-1.05.05-1.62.02-.42-.08-1.02-.04-1.45.02-.49.02-1.13-.1-1.62,0-.68-.02-1.35.02-2.07-.03-.37.04-.86-.09-1.23.02-.07,0-.18.02-.22-.03-.32-.04-.76-.05-1.01.07-.27-.11-.57.01-.89-.05-.61.13-1.23-.03-1.85-.05-1.34.06-2.79.08-4.13.07-.32.14-.71-.05-1.06.05-.64-.06-1.2,0-1.84-.06-.31.08-.57-.02-.9.05-.32-.14-.59.09-.95.05l.28.23-.02,1.32c-.13-.01-.29,0-.42,0-.23.23-.23.53-.22.78-.28.07.09.17-.11.24.5.25-.5.53.37.68-.15.05-.27.12-.22.22.04.14-.1.37.1.51-.08.26-.08.56,0,.83.01.26-.04.5.04.78-.05.02-.08.06-.16.05.13.26,0,.47.04.75.35.06-.01.17.1.27-.2.11-.07.27-.11.41.33.12-.12.3.1.46-.28.15.09.33-.06.49.2.13-.17.27.11.39-.28.12.21.29-.12.41.09.13,0,.23.11.36-.22.12.21.26-.17.34.13.2-.06.37.16.56-.03.06.06.14-.11.17.28.07-.09.19.11.24-.22.31-.04.72-.17,1.02.1.08.16.2.16.27-.07.09.1.13.16.2-.41.05.14.23-.32.22l.1.1c-.16.19-.16.47,0,.66-.1.41-.05.87-.07,1.26.2.11-.17.24.11.34-.27.14.29.25,0,.37-.09.01-.11-.03-.16-.05-.01.07.01.14.1.2.01.15-.28.34.05.46-.06.24-.12.47-.17.71.16.19-.08.4,0,.58-.47.13.19.29.21.44-.1.04-.09.14-.27.12l.05.24c-.08.16.4.3,0,.44-.01.06,0,.14.16.14l-.16.07s.06.06.05.1c-.16.27.07.56,0,.83-.45.13.45.26-.16.37,0,.05-.03.11.1.14.01.1.2.2.05.29.16.21-.1.46.1.68-.27.08.04.14.1.22-.34.14.21.35-.11.51-.52.07.14.26.05.41-.53.18.13.45-.17.7.31.21-.18.49.21.68.01.05-.01.09-.11.12-.18.2.11.42-.06.59.14.14-.06.35.16.49.07.05.12.16-.05.19-.05,0-.14,0-.16-.02,0,.14.2.23.21.37-.14.07-.2.15-.22.24.33.14-.2.26.05.41-.32.22.16.44,0,.66-.09.15.36.07.32.22-.47.1-.23.37-.21.53.38.18-.28.28-.06.49.35.13-.3.19,0,.34-.32.12.15.21,0,.36-.21.3.16.66-.12.97.37.14-.06.34.16.51-.18.15.11.29-.06.44.31.17-.21.32.05.51-.24.17.23.29,0,.46.18.1-.13.28.05.39.21.11-.21.34.16.43v.02c-.35.04-.04.13,0,.23v.03s0,.02,0,.03c-.04.04-.14.02-.21.02-.15.34.27.71-.01,1.05-.05.09.14.15,0,.22.16.15-.09.28,0,.44.01.07.25.09.21.17-.34.13-.02.37-.27.51.18.07.17.16.14.26-.03.01-.04.04-.02.07,0,0,0,.02-.01.02-.16.08-.1.16-.01.24h.87s0,0,0-.01l13.72-.04v-13.1h-4.26v-4.93h4.26v-3.63c0-4.22,2.57-6.51,6.34-6.51,1.8,0,3.35.13,3.8.19v4.41h-2.61c-2.05,0-2.44.97-2.44,2.4v3.15h4.88l-.64,4.93h-4.24v13.12c.52,0,1.07-.01,1.55.03.55-.12,1.16,0,1.73,0,.37-.12.79,0,1.17,0,.28,0,.63,0,.84,0,1-.08,1.98.04,3.01,0,.15.12.33-.02.56.03.97.06,1.98,0,3.01.06.14,0,.32-.01.39,0,.42-.04.84-.03,1.26-.01,0,.09.69.1.65.02.28,0,.56,0,.82-.05.2.06.1.1.04.15-.16.04.57.06.52-.02.04-.07-.04-.21-.04-.21-.02-.1-.04-.18-.08-.23-.07.04-.16.07-.27.08v-.27s0,0,0,0c0,0,0,0,0,0v-.4s.04-.02.06-.03c.24.16-.04.43.21.56.08-.22.08-.49,0-.71l.11-.07c-.12-.15.02-.26-.1-.41.2-.1-.17-.21.11-.29.12-.19-.22-.36-.05-.51-.14-.11.04-.23.06-.34-.1-.16-.01-.28-.1-.44.15-.31-.03-.68-.04-1.02.04-.17.17-.33,0-.49-.04-.25.19-.51.11-.8-.23-.07-.05-.17-.1-.24.17-.17.12-.42.06-.61l.05-.02c-.17-.38.13-.76-.04-1.14.01-.18-.03-.47.06-.63-.04-.17.1-.42-.1-.58.2-.31.07-.76.12-1.1-.1-.14.1-.33-.05-.49-.02-.16.03-.3.16-.44.01-.08-.04-.23.06-.32-.26-.04-.08-.17-.21-.24Z"/>
+    </g>
+</svg>
diff --git a/resources/assets/images/socials/instagram-white-logo.svg b/resources/assets/images/socials/instagram-white-logo.svg
new file mode 100644
index 0000000..2e54aa4
--- /dev/null
+++ b/resources/assets/images/socials/instagram-white-logo.svg
@@ -0,0 +1,25 @@
+<?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 35.69 35.69">
+    <defs>
+        <style>
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+        </style>
+    </defs>
+    <g id="UNE_ACTU" data-name="UNE ACTU">
+        <g>
+            <path class="cls-1" d="m34.96,35.65c-.16.04.57.06.52-.02.04-.07-.04-.21-.04-.21-.02-.1-.04-.18-.08-.23-.07.04-.16.07-.27.08v-.27s0,0,0,0c0,0,0,0,0,0v-.4s.04-.02.06-.03c.24.16-.04.43.21.56.08-.22.08-.49,0-.71l.11-.07c-.12-.15.02-.26-.1-.41.2-.1-.17-.21.11-.29.12-.19-.22-.36-.05-.51-.14-.11.04-.23.06-.34-.1-.16-.01-.28-.1-.44.15-.31-.03-.68-.04-1.02.04-.17.17-.33,0-.49-.04-.25.19-.51.11-.8-.23-.07-.05-.17-.1-.24.17-.17.12-.42.06-.61l.05-.02c-.17-.38.13-.76-.04-1.14.01-.18-.03-.47.06-.63-.04-.17.1-.42-.1-.58.2-.31.07-.76.12-1.1-.1-.14.1-.33-.05-.49-.02-.16.03-.3.16-.44.01-.08-.04-.23.06-.32-.26-.04-.08-.17-.21-.24-.08-.08.16-.13,0-.19.22-.17-.23-.34.06-.49-.16-.12.08-.29,0-.46-.24-.08.07-.2-.1-.29.21-.25-.18-.51.06-.73.09-.16-.2-.3.06-.44l-.15-.61c.09-.05.11-.1.05-.17.17-.08.12-.24.06-.34.07-.04.05-.09-.05-.12.08-.16.08-.35,0-.51.08-.36.09-.86.01-1.21.28-.32-.09-.6.11-.9-.17-.14-.11-.35-.05-.51-.28-.07.09-.17-.1-.27.37-.14-.28-.28.06-.41-.32-.12.24-.19.06-.34-.2-.28.09-.65-.15-.95.15-.19-.05-.4,0-.59.1-.23.05-.56.07-.8-.04-.17.1-.42-.11-.58.35-.1.02-.27.12-.41-.28-.09.09-.21-.11-.32.18-.12.13-.32.06-.46-.12.05-.25.05-.37,0,.02.06-.14.14-.16.2l-.02-2.5s.02.03.05.05l.16-.02c.09.03.12.08.1.12-.05.04-.17.02-.26.02.12.04.47.12.36.24-.44.08.2.2-.16.29-.13-.03-.1-.09-.1-.15h-.1c.02.18-.12.41.31.49-.13.09-.36.09-.26.22.03.04.18.04.26.07-.28.1.13.26-.27.32-.05.21-.24.61.47.61.08-.41-.1-.77.12-1.14-.33-.21.2-.41-.05-.63-.36-.09.02-.23-.11-.36.18-.13.13-.34.06-.49.03-.11.21-.25,0-.34.18-.16-.11-.35.06-.48,0-.46-.19-.93-.04-1.39-.18-.16.09-.3-.1-.44.24-.06-.05-.14.11-.22-.04-.05-.14-.02-.21-.03-.18.06-.03.14-.05.22-.05.03-.13.04-.21.05.1.15.22.28.26.44-.21.1.21.26-.16.32l.21.08c.03.07-.04.13-.16.17-.05,0-.13,0-.16-.02-.01.12-.21.24-.06.37-.09.11.15.26,0,.39-.07.11.33.08.21.2-.03.01-.05.03-.1.02.09.13-.21.24.05.34l.05-.02c.07,0,.17-.02.21.02-.14.07-.13.19-.37.22l.05.02c.04.08-.04.2-.16.29l-.06-7.85.13.61c-.11.12-.03.29-.06.39l.22-.02c.08.04.21.08.16.14-.66.27-.3.73-.33,1.12.1.02.15-.03.22-.05.14,0,.14.08.21.12.18-.24-.11-.49.06-.73.2-.15-.06-.33-.05-.51.18-.18.12-.44.06-.63.17-.21.17-.5,0-.71.2-.15-.17-.32.11-.46-.22-.15.28-.22.12-.39,0-.11-.2-.18-.21-.29-.18-.03-.42-.03-.63-.02v-.03h-.11c.11,0,.22,0,.32,0l-.05-.1c.1-.06.22-.09.39-.08-.73-.04-1.59-.16-2.29,0-.38-.1-.87-.01-1.29,0l-.05-.03c-.17-.03-.47-.06-.61.02-.23-.15-.41.08-.72,0-.41-.16-1.08-.02-1.62-.03-.16-.08-.5-.16-.67-.03-.56.08-1.09.05-1.68.02-.6-.03-1.43.07-2.06,0-.26,0-.67.02-.95-.03-.28.11-.66.06-.94,0-.35.09-.74-.08-1.06.05-.54-.15-1.05.05-1.62.02-.42-.08-1.02-.04-1.45.02-.49.02-1.13-.1-1.62,0-.68-.02-1.35.02-2.07-.03-.37.04-.86-.09-1.23.02-.07,0-.18.02-.22-.03-.32-.04-.76-.05-1.01.07-.27-.11-.57.01-.89-.05-.61.13-1.23-.03-1.85-.05-1.34.06-2.79.08-4.13.07-.32.14-.71-.05-1.06.05-.64-.06-1.2,0-1.84-.06-.31.08-.57-.02-.9.05-.32-.14-.59.09-.95.05l.28.23h0l-.02,1.32c-.13-.01-.29,0-.42,0-.23.23-.23.53-.22.78-.28.07.09.17-.11.24.5.25-.5.53.37.68-.15.05-.27.12-.22.22.04.14-.1.37.1.51-.08.26-.08.56,0,.83.01.26-.04.5.04.78-.05.02-.08.06-.16.05.13.26,0,.47.04.75.35.06-.01.17.1.27-.2.11-.07.27-.11.41.33.12-.12.3.1.46-.28.15.09.33-.06.49.2.13-.17.27.11.39-.28.12.21.29-.12.41.09.13,0,.23.11.36-.22.12.21.26-.17.34.13.2-.06.37.16.56-.03.06.06.14-.11.17.28.07-.09.19.11.24-.22.31-.04.72-.17,1.02.1.08.16.2.16.27-.07.09.1.13.16.2-.41.05.14.23-.32.22l.1.1c-.16.19-.16.47,0,.66-.1.41-.05.87-.07,1.26.2.11-.17.24.11.34-.27.14.29.25,0,.37-.09.01-.11-.03-.16-.05-.01.08.01.14.1.2.01.15-.28.34.05.46-.06.24-.12.47-.17.71.16.19-.08.4,0,.58-.47.13.19.29.21.44-.1.04-.09.14-.27.12l.05.24c-.08.16.4.3,0,.44-.01.06,0,.14.16.14l-.16.07s.06.06.05.1c-.16.27.07.56,0,.83-.45.13.45.26-.16.37,0,.05-.03.11.1.14.01.1.2.2.05.29.16.21-.1.46.1.68-.27.08.04.14.1.22-.34.14.21.35-.11.51-.52.07.14.26.05.41-.53.18.13.45-.17.7.31.21-.18.49.21.68.01.05-.01.09-.11.12-.18.19.11.42-.06.59.14.14-.06.35.16.49.06.05.12.16-.05.19-.05,0-.14,0-.16-.02,0,.14.2.23.21.37-.14.07-.2.15-.22.24.33.14-.2.26.05.41-.32.22.16.44,0,.66-.09.15.36.07.32.22-.47.1-.23.37-.22.53.38.18-.28.28-.06.49.35.13-.3.19,0,.34-.32.12.15.21,0,.36-.21.3.16.66-.12.97.37.14-.06.34.16.51-.18.15.11.29-.06.44.31.17-.21.32.05.51-.24.17.23.29,0,.46.18.1-.13.28.05.39.21.11-.21.34.16.43v.02c-.35.04-.04.13,0,.23v.03s0,.02,0,.03c-.04.04-.14.02-.21.02-.15.35.27.71-.01,1.05-.05.09.14.15,0,.22.16.15-.09.28,0,.44.01.07.25.09.21.17-.34.13-.02.37-.27.51.18.07.17.16.14.26-.03.01-.04.04-.02.07v.02c-.17.08-.11.16-.02.24h.87s0,0,0-.01l15.63-.05c.27.02.56.04.81,0h.48c.16,0,.32,0,.48,0h.62c.72.08,1.6,0,2.34.07.55-.12,1.16,0,1.73,0,.37-.12.79,0,1.17,0,.28,0,.63,0,.84,0,1-.08,1.98.04,3.01,0,.15.12.33-.02.56.03.97.06,1.98,0,3.01.06.14,0,.32-.01.39,0,.42-.04.84-.03,1.26-.01,0,.09.69.1.65.02.28,0,.56,0,.82-.05.2.06.1.1.04.15Zm-.01-34.04l-.14.06v-.4c.06.11.07.23.14.33Zm-.14-.68v-.36c.15.11.11.25,0,.36Zm0-.37v-.06s.05.04,0,.06Zm.09,11.87v-.09s.07.04.21.05c.03.04-.07.05-.11.07-.05,0-.08-.01-.1-.03Zm0,.18c.05.05.12.09.15.14-.07.03-.12.05-.15.08v-.22Zm0,1.07s.02.02.03.04c.05-.03.13-.04.21-.05.04.04.16.08.05.12-.19,0-.27,0-.29.03v-.14Zm0,.18c.03.07.17.16.08.24-.04.03-.06.06-.07.08v-.33Zm0,.74c.09.04.05.09,0,.13v-.13Zm0,.31s0,0,0,0c.08.12.24-.02.31.02.05.11-.2.13-.32.17v-.2Zm0,.41c.07.04.14.09.05.16,0,.04-.02.08-.05.11v-.27Zm.01,1.39l.13.03-.13.06v-.09Zm0,.85s.07.02.17,0c.04.03.13.04.1.08-.13.07-.2.14-.27.22v-.3Zm.07,8.26s.08.03.12.04c.04.04-.05.07-.11.1,0,0,0,0-.01,0v-.13Zm0,.82v-.15c.06,0,.12.01.16.05.04.05-.05.07-.11.1-.02,0-.04,0-.05,0Zm.01,1.24c.15.04.1.07,0,.11v-.11Zm0,1.22l.11.09s-.07.04-.11.05v-.13Zm0,.45s.03.01.05.02l.05-.02c.09,0,.15.05.22.08-.01.06-.2.08-.22.14.17.11.05.18-.1.24v-.46Zm0,.91v-.19c.05,0,.09.03.14.05,0,.05.03.12-.11.15h-.04Zm0,.18v-.11c.05.03.14.05.14.09-.05.03-.09.03-.14.02Zm.07,1.22s-.04-.01-.06-.02v-.11c.11-.01.22-.04.28.05l-.16.1-.05-.02Z"/>
+            <g>
+                <path class="cls-2" d="m24.66,9.52c-.85,0-1.54.69-1.54,1.54s.69,1.54,1.54,1.54,1.54-.69,1.54-1.54-.69-1.54-1.54-1.54Z"/>
+                <path class="cls-2" d="m23.22,4.75h-10.76c-4.26,0-7.72,3.46-7.72,7.72v10.76c0,4.26,3.46,7.72,7.72,7.72h10.76c4.26,0,7.72-3.46,7.72-7.72v-10.76c0-4.26-3.46-7.72-7.72-7.72Zm4.62,18.66c0,2.48-2.02,4.5-4.5,4.5h-11.01c-2.48,0-4.5-2.02-4.5-4.5v-11.01c0-2.48,2.02-4.5,4.5-4.5h11.01c2.48,0,4.5,2.02,4.5,4.5v11.01Z"/>
+                <path class="cls-2" d="m17.84,10.93c-3.85,0-6.98,3.13-6.98,6.98s3.13,6.98,6.98,6.98,6.98-3.13,6.98-6.98-3.13-6.98-6.98-6.98Zm0,10.88c-2.15,0-3.9-1.75-3.9-3.9s1.75-3.9,3.9-3.9,3.9,1.75,3.9,3.9-1.75,3.9-3.9,3.9Z"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/resources/assets/images/socials/linkedin-white-logo.svg b/resources/assets/images/socials/linkedin-white-logo.svg
new file mode 100644
index 0000000..75097ff
--- /dev/null
+++ b/resources/assets/images/socials/linkedin-white-logo.svg
@@ -0,0 +1,24 @@
+<?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 35.69 35.69">
+    <defs>
+        <style>
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+        </style>
+    </defs>
+    <g id="UNE_ACTU" data-name="UNE ACTU">
+        <g>
+            <path class="cls-1" d="m34.96,35.65c-.16.04.57.06.52-.02.04-.07-.04-.21-.04-.21-.02-.1-.04-.18-.08-.23-.07.04-.16.07-.27.08v-.27s0,0,0,0c0,0,0,0,0,0v-.4s.04-.02.06-.03c.24.16-.04.43.21.56.08-.22.08-.49,0-.71l.11-.07c-.12-.15.02-.26-.1-.41.2-.1-.17-.21.11-.29.12-.19-.22-.36-.05-.51-.14-.11.04-.23.06-.34-.1-.16-.01-.28-.1-.44.15-.31-.03-.68-.04-1.02.04-.17.17-.33,0-.49-.04-.25.19-.51.11-.8-.23-.07-.05-.17-.1-.24.17-.17.12-.42.06-.61l.05-.02c-.17-.38.13-.76-.04-1.14.01-.18-.03-.47.06-.63-.04-.17.1-.42-.1-.58.2-.31.07-.76.12-1.1-.1-.14.1-.33-.05-.49-.02-.16.03-.3.16-.44.01-.08-.04-.23.06-.32-.26-.04-.08-.17-.21-.24-.08-.08.16-.13,0-.19.22-.17-.23-.34.06-.49-.16-.12.08-.29,0-.46-.24-.08.07-.2-.1-.29.21-.25-.18-.51.06-.73.09-.16-.2-.3.06-.44l-.15-.61c.09-.05.11-.1.05-.17.17-.08.12-.24.06-.34.07-.04.05-.09-.05-.12.08-.16.08-.35,0-.51.08-.36.09-.86.01-1.21.28-.32-.09-.6.11-.9-.17-.14-.11-.35-.05-.51-.28-.07.09-.17-.1-.27.37-.14-.28-.28.06-.41-.32-.12.24-.19.06-.34-.2-.28.09-.65-.15-.95.15-.19-.05-.4,0-.59.1-.23.05-.56.07-.8-.04-.17.1-.42-.11-.58.35-.1.02-.27.12-.41-.28-.09.09-.21-.11-.32.18-.12.13-.32.06-.46-.12.05-.25.05-.37,0,.02.06-.14.14-.16.2l-.02-2.5s.02.03.05.05l.16-.02c.09.03.12.08.1.12-.05.04-.17.02-.26.02.12.04.47.12.36.24-.44.08.2.2-.16.29-.13-.03-.1-.09-.1-.15h-.1c.02.18-.12.41.31.49-.13.09-.36.09-.26.22.03.04.18.04.26.07-.28.1.13.26-.27.32-.05.21-.24.61.47.61.08-.41-.1-.77.12-1.14-.33-.21.2-.41-.05-.63-.36-.09.02-.23-.11-.36.18-.13.13-.34.06-.49.03-.11.21-.25,0-.34.18-.16-.11-.35.06-.48,0-.46-.19-.93-.04-1.39-.18-.16.09-.3-.1-.44.24-.06-.05-.14.11-.22-.04-.05-.14-.02-.21-.03-.18.06-.03.14-.05.22-.05.03-.13.04-.21.05.1.15.22.28.26.44-.21.1.21.26-.16.32l.21.08c.03.07-.04.13-.16.17-.05,0-.13,0-.16-.02-.01.12-.21.24-.06.37-.09.11.15.26,0,.39-.07.11.33.08.21.2-.03.01-.05.03-.1.02.09.13-.21.24.05.34l.05-.02c.07,0,.17-.02.21.02-.14.07-.13.19-.37.22l.05.02c.04.08-.04.2-.16.29l-.06-7.85.13.61c-.11.12-.03.29-.06.39l.22-.02c.08.04.21.08.16.14-.66.27-.3.73-.33,1.12.1.02.15-.03.22-.05.14,0,.14.08.21.12.18-.24-.11-.49.06-.73.2-.15-.06-.33-.05-.51.18-.18.12-.44.06-.63.17-.21.17-.5,0-.71.2-.15-.17-.32.11-.46-.22-.15.28-.22.12-.39,0-.11-.2-.18-.21-.29-.18-.03-.42-.03-.63-.02v-.03h-.11c.11,0,.22,0,.32,0l-.05-.1c.1-.06.22-.09.39-.08-.73-.04-1.59-.16-2.29,0-.38-.1-.87-.01-1.29,0l-.05-.03c-.17-.03-.47-.06-.61.02-.23-.15-.41.08-.72,0-.41-.16-1.08-.02-1.62-.03-.16-.08-.5-.16-.67-.03-.56.08-1.09.05-1.68.02-.6-.03-1.43.07-2.06,0-.26,0-.67.02-.95-.03-.28.11-.66.06-.94,0-.35.09-.74-.08-1.06.05-.54-.15-1.05.05-1.62.02-.42-.08-1.02-.04-1.45.02-.49.02-1.13-.1-1.62,0-.68-.02-1.35.02-2.07-.03-.37.04-.86-.09-1.23.02-.07,0-.18.02-.22-.03-.32-.04-.76-.05-1.01.07-.27-.11-.57.01-.89-.05-.61.13-1.23-.03-1.85-.05-1.34.06-2.79.08-4.13.07-.32.14-.71-.05-1.06.05-.64-.06-1.2,0-1.84-.06-.31.08-.57-.02-.9.05-.32-.14-.59.09-.95.05l.28.23h0l-.02,1.32c-.13-.01-.29,0-.42,0-.23.23-.23.53-.22.78-.28.07.09.17-.11.24.5.25-.5.53.37.68-.15.05-.27.12-.22.22.04.14-.1.37.1.51-.08.26-.08.56,0,.83.01.26-.04.5.04.78-.05.02-.08.06-.16.05.13.26,0,.47.04.75.35.06-.01.17.1.27-.2.11-.07.27-.11.41.33.12-.12.3.1.46-.28.15.09.33-.06.49.2.13-.17.27.11.39-.28.12.21.29-.12.41.09.13,0,.23.11.36-.22.12.21.26-.17.34.13.2-.06.37.16.56-.03.06.06.14-.11.17.28.07-.09.19.11.24-.22.31-.04.72-.17,1.02.1.08.16.2.16.27-.07.09.1.13.16.2-.41.05.14.23-.32.22l.1.1c-.16.19-.16.47,0,.66-.1.41-.05.87-.07,1.26.2.11-.17.24.11.34-.27.14.29.25,0,.37-.09.01-.11-.03-.16-.05-.01.08.01.14.1.2.01.15-.28.34.05.46-.06.24-.12.47-.17.71.16.19-.08.4,0,.58-.47.13.19.29.21.44-.1.04-.09.14-.27.12l.05.24c-.08.16.4.3,0,.44-.01.06,0,.14.16.14l-.16.07s.06.06.05.1c-.16.27.07.56,0,.83-.45.13.45.26-.16.37,0,.05-.03.11.1.14.01.1.2.2.05.29.16.21-.1.46.1.68-.27.08.04.14.1.22-.34.14.21.35-.11.51-.52.07.14.26.05.41-.53.18.13.45-.17.7.31.21-.18.49.21.68.01.05-.01.09-.11.12-.18.19.11.42-.06.59.14.14-.06.35.16.49.06.05.12.16-.05.19-.05,0-.14,0-.16-.02,0,.14.2.23.21.37-.14.07-.2.15-.22.24.33.14-.2.26.05.41-.32.22.16.44,0,.66-.09.15.36.07.32.22-.47.1-.23.37-.22.53.38.18-.28.28-.06.49.35.13-.3.19,0,.34-.32.12.15.21,0,.36-.21.3.16.66-.12.97.37.14-.06.34.16.51-.18.15.11.29-.06.44.31.17-.21.32.05.51-.24.17.23.29,0,.46.18.1-.13.28.05.39.21.11-.21.34.16.43v.02c-.35.04-.04.13,0,.23v.03s0,.02,0,.03c-.04.04-.14.02-.21.02-.15.35.27.71-.01,1.05-.05.09.14.15,0,.22.16.15-.09.28,0,.44.01.07.25.09.21.17-.34.13-.02.37-.27.51.18.07.17.16.14.26-.03.01-.04.04-.02.07v.02c-.17.08-.11.16-.02.24h.87s0,0,0-.01l15.63-.05c.27.02.56.04.81,0h.48c.16,0,.32,0,.48,0h.62c.72.08,1.6,0,2.34.07.55-.12,1.16,0,1.73,0,.37-.12.79,0,1.17,0,.28,0,.63,0,.84,0,1-.08,1.98.04,3.01,0,.15.12.33-.02.56.03.97.06,1.98,0,3.01.06.14,0,.32-.01.39,0,.42-.04.84-.03,1.26-.01,0,.09.69.1.65.02.28,0,.56,0,.82-.05.2.06.1.1.04.15Zm-.01-34.04l-.14.06v-.4c.06.11.07.23.14.33Zm-.14-.68v-.36c.15.11.11.25,0,.36Zm0-.37v-.06s.05.04,0,.06Zm.09,11.87v-.09s.07.04.21.05c.03.04-.07.05-.11.07-.05,0-.08-.01-.1-.03Zm0,.18c.05.05.12.09.15.14-.07.03-.12.05-.15.08v-.22Zm0,1.07s.02.02.03.04c.05-.03.13-.04.21-.05.04.04.16.08.05.12-.19,0-.27,0-.29.03v-.14Zm0,.18c.03.07.17.16.08.24-.04.03-.06.06-.07.08v-.33Zm0,.74c.09.04.05.09,0,.13v-.13Zm0,.31s0,0,0,0c.08.12.24-.02.31.02.05.11-.2.13-.32.17v-.2Zm0,.41c.07.04.14.09.05.16,0,.04-.02.08-.05.11v-.27Zm.01,1.39l.13.03-.13.06v-.09Zm0,.85s.07.02.17,0c.04.03.13.04.1.08-.13.07-.2.14-.27.22v-.3Zm.07,8.26s.08.03.12.04c.04.04-.05.07-.11.1,0,0,0,0-.01,0v-.13Zm0,.82v-.15c.06,0,.12.01.16.05.04.05-.05.07-.11.1-.02,0-.04,0-.05,0Zm.01,1.24c.15.04.1.07,0,.11v-.11Zm0,1.22l.11.09s-.07.04-.11.05v-.13Zm0,.45s.03.01.05.02l.05-.02c.09,0,.15.05.22.08-.01.06-.2.08-.22.14.17.11.05.18-.1.24v-.46Zm0,.91v-.19c.05,0,.09.03.14.05,0,.05.03.12-.11.15h-.04Zm0,.18v-.11c.05.03.14.05.14.09-.05.03-.09.03-.14.02Zm.07,1.22s-.04-.01-.06-.02v-.11c.11-.01.22-.04.28.05l-.16.1-.05-.02Z"/>
+            <g>
+                <path class="cls-2" d="m12.73,9.49c0,1.25-.92,2.27-2.45,2.27-1.43,0-2.36-1.01-2.36-2.27s.95-2.27,2.42-2.27,2.36.98,2.39,2.27Zm-4.68,18.64v-14.59h4.53v14.59h-4.53Z"/>
+                <path class="cls-2" d="m15.29,18.2c0-1.82-.06-3.34-.12-4.65h3.94l.21,2.03h.09c.6-.95,2.06-2.36,4.5-2.36,2.98,0,5.22,2,5.22,6.29v8.62h-4.53v-8.08c0-1.88-.66-3.16-2.3-3.16-1.25,0-2,.86-2.33,1.7-.12.3-.15.72-.15,1.13v8.41h-4.53v-9.93Z"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/resources/sass/fo/base/_common.scss b/resources/sass/fo/base/_common.scss
index 66eb22f..2934c7e 100644
--- a/resources/sass/fo/base/_common.scss
+++ b/resources/sass/fo/base/_common.scss
@@ -72,7 +72,7 @@ img { max-width: 100%; }
 }
 
 .highlight.yellow {
-    @include button-shape(#ffcb52);
+    @include button-shape($color-secondary);
 }
 
 .highlight.maroon {
@@ -89,6 +89,20 @@ img { max-width: 100%; }
     }
 }
 
+.social-icon {
+    width: 4rem;
+    padding: 0 1rem;
+
+    &:hover {
+        fill: $color-white;
+    }
+
+    @include media-breakpoint-up(lg) {
+        width: 2.2rem;
+        padding:0;
+    }
+}
+
 .rotate-180 {
     rotate: 180deg;
 }
diff --git a/resources/sass/fo/base/_layout.scss b/resources/sass/fo/base/_layout.scss
index f9de59b..80dc056 100644
--- a/resources/sass/fo/base/_layout.scss
+++ b/resources/sass/fo/base/_layout.scss
@@ -117,20 +117,6 @@
         letter-spacing: .1rem;
     }
 
-    .social-icon {
-        width: 4rem;
-        padding: 0 1rem;
-
-        &:hover {
-            fill: $color-white;
-        }
-
-        @include media-breakpoint-up(lg) {
-            width: 2.2rem;
-            padding:0;
-        }
-    }
-
     a,span {
         font-family: 'Readex Pro', sans-serif !important;
     }
diff --git a/resources/sass/fo/fo.scss b/resources/sass/fo/fo.scss
index d5d248e..05df477 100644
--- a/resources/sass/fo/fo.scss
+++ b/resources/sass/fo/fo.scss
@@ -24,3 +24,4 @@
 @import './pages/product';
 @import './pages/about-us';
 @import './pages/convictions';
+@import './pages/news';
diff --git a/resources/sass/fo/pages/_homepage.scss b/resources/sass/fo/pages/_homepage.scss
index f084da5..dc93596 100644
--- a/resources/sass/fo/pages/_homepage.scss
+++ b/resources/sass/fo/pages/_homepage.scss
@@ -205,7 +205,7 @@
         }
     }
 
-    .news .swiper-news,
+    .news .swiper-homepage-news,
     .ranges .swiper-ranges {
         .swiper-button {
             &-prev,
@@ -218,7 +218,7 @@
     }
 
     .news {
-        .swiper-news {
+        .swiper-homepage-news {
             border: 5px solid transparent;
 
             .swiper-slide {
diff --git a/resources/sass/fo/pages/_news.scss b/resources/sass/fo/pages/_news.scss
new file mode 100644
index 0000000..3b10e78
--- /dev/null
+++ b/resources/sass/fo/pages/_news.scss
@@ -0,0 +1,56 @@
+.news {
+    .fs-news {
+        font-size: calc(1.375rem + 3.2vw)
+    }
+
+    .swiper-button {
+        &-prev,
+        &-next { width: 3rem; }
+
+        &-next { rotate: 180deg; }
+
+        &-disabled { opacity: .5; }
+    }
+
+    .swiper-slide {
+        &-content {
+            width: auto;
+        }
+
+        &-news-container{
+            background-image: url('@/images/global/bg-white-desktop.png');
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    &-category-arrow{
+        width: 2rem;
+        height: 2rem;
+        rotate: 180deg;
+    }
+
+    &-show-w-85{
+        width: 85%;
+    }
+}
+
+.news-single {
+    &-img.bg-agis-white {
+        background-position: bottom;
+        background-size: 100% 85%;
+    }
+
+    &-title {
+        width: 100%;
+    }
+}
+
+@include media-breakpoint-up(lg) {
+    .news-single {
+        &-title {
+            width: fit-content;
+        }
+    }
+}
diff --git a/resources/ts/fo/base/common.ts b/resources/ts/fo/base/common.ts
index f4ca65e..6dcbba1 100644
--- a/resources/ts/fo/base/common.ts
+++ b/resources/ts/fo/base/common.ts
@@ -72,7 +72,7 @@ document.addEventListener("DOMContentLoaded", function () {
     }
     // SWIPER
     const swiperConfig = {
-        "swiper-news": {
+        "swiper-homepage-news": {
             modules: [Navigation],
             grabCursor: true,
             slidesPerView: 1,
@@ -87,6 +87,26 @@ document.addEventListener("DOMContentLoaded", function () {
                 },
             },
         },
+        "swiper-news": {
+            modules: [Navigation],
+            grabCursor: true,
+            slidesPerView: 1,
+            spaceBetween: 60,
+            keyboard: {
+                enabled: true
+            },
+            // Navigation arrows
+            navigation: {
+                nextEl: ".swiper-button-next",
+                prevEl: ".swiper-button-prev",
+            },
+            breakpoints: {
+                // when window width is >= 1200px
+                1200: {
+                    slidesPerView: 3,
+                },
+            },
+        },
         "swiper-ranges": {
             modules: [Navigation],
             grabCursor: true,
diff --git a/resources/ts/fo/components/NewsListComponent.vue b/resources/ts/fo/components/NewsListComponent.vue
new file mode 100644
index 0000000..4762df1
--- /dev/null
+++ b/resources/ts/fo/components/NewsListComponent.vue
@@ -0,0 +1,323 @@
+<template>
+  <div class="news-list container">
+    <div class="row pt-5">
+      <div class="col-12 col-lg-6">
+        <div class="ranges-title w-100 w-lg-fit">
+          <span class="divide d-block w-100 mt-xl-3 my-2" />
+          <h1 class="f-sheldon text-uppercase text-lg-start my-3 text-center">
+            {{ __('nos actualités') }}
+          </h1>
+          <span class="divide d-block w-100 mt-xl-3 my-2" />
+        </div>
+      </div>
+      <div class="col-12 col-lg-6">
+        <div class="d-flex align-items-center h-100 w-100 justify-content-end">
+          <fieldset class="select-form position-relative my-3 my-lg-0">
+            <select
+              class="form-control highlight yellow"
+              role="button"
+              @change="updateNews($event)"
+              :disabled="intLoading"
+            >
+              <option
+                value="0"
+                selected
+              >
+                {{ __('Toutes catégories') }}
+              </option>
+              <option
+                v-for="(categoryEnum, categoryEnumIndex) in categoryEnums"
+                :key="categoryEnumIndex"
+                :value="categoryEnum.value"
+              >
+                {{ categoryEnum.label }}
+              </option>
+            </select>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+    <div class="news-slider d-block d-lg-none bg-agis-white pb-5">
+      <div class="swiper swiper-news overflow-hidden">
+        <div class="swiper-wrapper">
+          <div
+            class="swiper-slide swiper-slide-content"
+            v-for="(news, id) in newsModels"
+            :key="id"
+          >
+            <div class="swiper-slide-news-container">
+              <div class="mx-auto p-4">
+                <img
+                  class="card-img-top"
+                  :src="(news.picture_thumbnail as string)"
+                  :alt="(news.picture_thumbnail_alt as string)"
+                  :title="(news.picture_thumbnail_title as string)"
+                >
+                <div class="card-body">
+                  <p class="card-text m-0">
+                    {{ new Date(news.publish_at as string).toLocaleDateString() }}
+                  </p>
+                  <p class="card-text m-0">
+                    {{ news.title }}
+                  </p>
+                  <a
+                    class="card-text m-0"
+                    :href="showNews(news.slug as string)"
+                  >
+                    {{ __('> Lire la suite') }}
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="d-flex justify-content-around">
+          <div class="swiper-button-prev mx-3">
+            <img
+              src="@/images/global/btn-arrow.png"
+              title="{{ __('Navigation du slider (gauche)') }}"
+              alt="{{ __('flèche vers la gauche') }}"
+            >
+          </div>
+          <div class="swiper-button-next mx-3">
+            <img
+              src="@/images/global/btn-arrow.png"
+              title="{{ __('Navigation du slider (droite)') }}"
+              alt="{{ __('flèche vers la droite') }}"
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="d-none d-lg-flex flex-wrap justify-content-between my-4">
+      <div
+        v-for="(news, id) in newsModels"
+        :key="id"
+        class="cards-container"
+      >
+        <div class="bg-agis-white d-flex flex-column p-4">
+          <div class="text-center">
+            <img
+              class="img-fluid w-auto"
+              :src="(news.picture_thumbnail as string)"
+              :alt="(news.picture_thumbnail_alt as string)"
+              :title="(news.picture_thumbnail_title as string)"
+            >
+          </div>
+          <div class="card-body">
+            <p class="card-text m-0">
+              {{ new Date(news.publish_at as string).toLocaleDateString() }}
+            </p>
+            <p class="card-text m-0">
+              {{ news.title }}
+            </p>
+            <a
+              class="card-text m-0"
+              :href="showNews(news.slug as string)"
+            >
+              {{ __('> Lire la suite') }}
+            </a>
+            <template
+              v-for="(categoryEnum, categoryEnumIndex) in categoryEnums"
+              :key="categoryEnumIndex"
+            >
+              <p
+                class="card-text m-0"
+                v-if="news.category === categoryEnum.value"
+              >
+                {{ categoryEnum.label }}
+              </p>
+            </template>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import Swiper from "swiper";
+import { Navigation } from "swiper/modules";
+import { defineComponent } from "vue";
+import parseLaravelErrorMessages from "./../../modules/parseLaravelErrorMessages";
+import route from "./../../modules/route";
+import trans from "./../../modules/trans";
+
+export default defineComponent({
+  name: "NewsListComponent",
+  mixins: [trans, route, parseLaravelErrorMessages],
+  data(): {
+    newsModels: LaravelModelList;
+    newsFilteredRoute: string;
+    categoryEnums: {
+      label: string,
+      name: string,
+      value: number,
+    }[];
+    selectedValue: number,
+    swiper: Swiper|null,
+    intLoading: boolean,
+  } {
+    return {
+      newsModels: [],
+      newsFilteredRoute: "",
+      categoryEnums: [],
+      selectedValue: 0,
+      swiper: null,
+      intLoading: false,
+    };
+  },
+  computed: {},
+  mounted() {
+    const json = String(this.$attrs.json ?? "{}"),
+          data = JSON.parse(json);
+    this.newsModels = data.newsModels;
+    this.categoryEnums = data.categoryEnums;
+    this.initSelect();
+    this.initSwiper();
+  },
+  methods: {
+    showNews (slug: string): string {
+      const route = this.route("fo.news.show", {
+        SLUG: slug,
+      });
+      if (!route) {
+        throw new Error("Undefined route fo.news.show");
+      }
+      return route;
+    },
+    formatDate (formDate: string | Date) {
+      const date = new Date(formDate);
+      return date.toLocaleDateString;
+    },
+    initSelect() {
+      // * Toggle la dropdown Arrow du select.
+      const contactFormSelectList = document.querySelectorAll(".news-list select") as NodeListOf<HTMLSelectElement>;
+      document.body.addEventListener("click", function (e: MouseEvent) {
+        const target = e.target as HTMLElement | null;
+        contactFormSelectList.forEach(select => {
+          if (select.contains(target)) {
+            select.parentElement!.classList.toggle("active");
+          } else {
+            select.parentElement!.classList.remove("active");
+          }
+        });
+      });
+    },
+    /** Init news slider */
+    initSwiper() {
+      this.swiper = new Swiper(".swiper-news", {
+        modules: [Navigation],
+        grabCursor: true,
+        slidesPerView: 1,
+        spaceBetween: 20,
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+      });
+    },
+    /** Get selected value */
+    getSelectedValue(e: Event): number {
+      let target = e.target as HTMLSelectElement | null;
+      return Number(target?.value);
+    },
+    /** Get filtered news route */
+    getFilteredNewsRoute(): string {
+      const route = this.route("fo.news.filtered");
+      if (!route) {
+        throw new Error("Undefined route fo.news.filtered");
+      }
+      return route + "?category=" + this.selectedValue;
+    },
+    /** Get filtered news */
+    getFilteredNews() {
+      window.axios
+        .get(this.newsFilteredRoute)
+        .then((reponse) => {
+          this.newsModels = reponse.data;
+          this.$nextTick(() => {
+            this.swiper?.update();
+            this.intLoading = false;
+          });
+        })
+        .catch(this.ajaxErrorHandler);
+    },
+    /** Return error message after the ajax call */
+    ajaxErrorHandler(e: any) {
+      this.intLoading = false;
+      let message = this.__("Une erreur est survenue");
+      if (e.response.status === 422) {
+        message =
+          this.parseValidationErrors(
+            e.response?.data?.errors ?? {}
+          ) || message;
+        if (window.vueDebug) {
+          console.warn(e.response.data.errors);
+        }
+      } else if (e.response.status === 419) {
+        // * CSRF TOKEN MISMATCH (On ne pourrais plus faire d'appels AJAX sans recharger la page)
+        console.log(this.__("Votre session a expiré, la page va être rechargée"));
+        setTimeout(() => window.location.reload(), 2000);
+      } else if (e.response.status === 403) {
+        // * Access denied
+        console.log(this.__("Vous n'êtes pas autorisé a effectuer cette action"));
+        setTimeout(() => window.location.reload(), 2000);
+      } else {
+        if (window.vueDebug) {
+          console.error(e);
+        }
+      }
+      console.log(message);
+    },
+    /** Update news with filtered news */
+    updateNews(e: Event) {
+      this.intLoading = true;
+      this.selectedValue = this.getSelectedValue(e);
+      this.newsFilteredRoute = this.getFilteredNewsRoute();
+      this.getFilteredNews();
+    },
+  },
+});
+</script>
+
+<style lang="scss">
+@import "./../../../../node_modules/bootstrap/scss/functions";
+@import "./../../../../node_modules/bootstrap/scss/variables";
+@import "./../../../../node_modules/bootstrap/scss/mixins";
+  .news-list {
+    .select-form {
+      width: 100%;
+      @include media-breakpoint-up(lg) {
+        width: 20rem;
+      }
+      &::after {
+        position: absolute;
+        right: 1rem;
+        bottom: 0.3rem;
+        display: block;
+        width: 2rem;
+        height: 2rem;
+        background: url("@/images/global/btn-arrow.png");
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        content: "";
+        pointer-events: none;
+        transform: rotate(180deg);
+        transition: 0.1s ease-in-out;
+      }
+
+      &.active::after {
+        background: url("@/images/global/btn-arrow-dark.png");
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        transform: rotate(270deg);
+      }
+    }
+    .cards-container{
+      max-width: 314px;
+    }
+  }
+</style>
diff --git a/resources/ts/fo/components/shims-vue.d.ts b/resources/ts/fo/components/shims-vue.d.ts
deleted file mode 100644
index d2833d6..0000000
--- a/resources/ts/fo/components/shims-vue.d.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-declare module "*.vue" {
-    import type { DefineComponent } from "vue";
-    const component: DefineComponent<{}, {}, any>;
-    // @ts-ignore
-    export default component;
-}
diff --git a/resources/views/fo/layout.blade.php b/resources/views/fo/layout.blade.php
index f0988b5..801432d 100644
--- a/resources/views/fo/layout.blade.php
+++ b/resources/views/fo/layout.blade.php
@@ -23,7 +23,7 @@
     @include('fo.layouts.footer')
     @stack('scripts-constants')
     @include('vendor.cn-cookies')
-    @include('modules.script-constants')
+    @include('modules.script-routes')
     @vite(['resources/ts/fo/fo.ts'])
     @stack('scripts')
 </body>
diff --git a/resources/views/fo/layouts/footer.blade.php b/resources/views/fo/layouts/footer.blade.php
index 0ca44d5..c44980f 100644
--- a/resources/views/fo/layouts/footer.blade.php
+++ b/resources/views/fo/layouts/footer.blade.php
@@ -77,8 +77,8 @@
                 </ul>
                 <ul class="navbar-nav">
                     <li class="nav-item">
-                        <a class="nav-link text-uppercase @if (request()->routeIs('CHANGEME')) active @endif py-1" data-bs-toggle="tooltip"
-                            href="#" title="{{ __('Actualités') }}">
+                        <a class="nav-link text-uppercase @if (request()->routeIs('fo.news.*')) active @endif py-1" data-bs-toggle="tooltip"
+                            href="{{ route('fo.news.index') }}" title="{{ __('Actualités') }}">
                             {{ __('Actualités') }}
                         </a>
                     </li>
diff --git a/resources/views/fo/layouts/nav-list.blade.php b/resources/views/fo/layouts/nav-list.blade.php
index e573b0a..ad20d54 100644
--- a/resources/views/fo/layouts/nav-list.blade.php
+++ b/resources/views/fo/layouts/nav-list.blade.php
@@ -16,8 +16,8 @@
             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"
-            href="#" title="{{ __('Nos actualités') }}">
+        <a class="nav-link display-5 fw-bold text-uppercase @if (request()->routeIs('fo.news.*')) active @endif" data-bs-toggle="tooltip"
+            href="{{ route('fo.news.index') }}" title="{{ __('Nos actualités') }}">
             {{ __('Nos actualités') }}
         </a>
         <a class="nav-link display-5 fw-bold text-uppercase @if (request()->routeIs('fo.joinus.show')) active @endif" data-bs-toggle="tooltip"
diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php
index 66b5af5..921e18f 100644
--- a/resources/views/fo/pages/home.blade.php
+++ b/resources/views/fo/pages/home.blade.php
@@ -73,7 +73,7 @@
                 <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>
-            <div class="swiper swiper-news p-xl-4 pt-xl-0 pb-xl-5 mt-4 overflow-hidden p-0" id="swiper-news">
+            <div class="swiper swiper-homepage-news p-xl-4 pt-xl-0 pb-xl-5 mt-4 overflow-hidden p-0" id="swiper-homepage-news">
                 <div class="swiper-wrapper">
                     @foreach ($newsModels as $key => $newsModel)
                         <div class="swiper-slide">
@@ -96,7 +96,7 @@
                             <img src="{{ Vite::asset('resources/assets/images/homepage/news.png') }}"
                                 title="{{ __('Représentation d\'un recette') }}" alt="{{ __('cocotte minute') }}">
                             <div class="d-flex flex-column justify-content-start align-items-start mt-2">
-                                <a class="btn btn-secondary" href="#">{{ __('> Voir toutes nos actus') }}</a>
+                                <a class="btn btn-secondary" href="{{ route('fo.news.index') }}">{{ __('> Voir toutes nos actus') }}</a>
                             </div>
                         </div>
                     </div>
diff --git a/resources/views/fo/pages/news/cards.blade.php b/resources/views/fo/pages/news/cards.blade.php
new file mode 100644
index 0000000..970c481
--- /dev/null
+++ b/resources/views/fo/pages/news/cards.blade.php
@@ -0,0 +1,39 @@
+<div class="swiper-slide d-md-block d-lg-none">
+    <div class="swiper-slide-news-container mx-auto mb-4">
+        <div class="swiper-slide-content d-flex flex-column justify-content-center align-items-center mx-auto p-4">
+            <img src="{{ asset($newsModel->picture_thumbnail) }}" title="{{ $newsModel->picture_thumbnail_title }}"
+                alt="{{ $newsModel->picture_thumbnail_alt }}">
+            <div
+                class="d-flex flex-column justify-content-start align-items-start w-75 @if ($key % 2) mb-3 @else mt-3 @endif">
+                <p class="f-readex-pro m-0">
+                    {{ \Carbon\Carbon::parse($newsModel->publish_at)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
+                <p class="m-0 text-start">{{ $newsModel->title }}</p>
+                <a href="{{ route('fo.news.show', $newsModel->slug) }}">{{ __('> Lire la suite') }}</a>
+            </div>
+        </div>
+        <div class="d-flex justify-content-evenly align-items-center d-lg-none w-100 flex-row pb-3">
+            <div class="swiper-button-prev rounded-circle" role="button">
+                <img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
+                    title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
+            </div>
+            <div class="swiper-button-next rounded-circle" role="button">
+                <img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
+                    title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
+            </div>
+        </div>
+    </div>
+</div>
+<div class="col-3 card-container d-none d-lg-block m-4">
+    <div class="d-flex @if ($key % 2 === 1) flex-column-reverse @else flex-column @endif m-4">
+        <div class="text-center">
+            <img class="img-fluid w-auto" src="{{ $newsModel->picture_thumbnail }}" title="{{ $newsModel->picture_thumbnail_title }}"
+                alt="{{ $newsModel->picture_thumbnail_alt }}" />
+        </div>
+        <div class="">
+            <p>{{ \Carbon\Carbon::parse($newsModel->publish_at)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
+            <h6>{{ $newsModel->title }}</h6>
+            <a href="{{ route('fo.news.show', $newsModel->slug) }}">{{ __('> Lire la suite') }}</a>
+            <p>{{ $newsModel->category->label() }}</p>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/fo/pages/news/index.blade.php b/resources/views/fo/pages/news/index.blade.php
new file mode 100644
index 0000000..a64c601
--- /dev/null
+++ b/resources/views/fo/pages/news/index.blade.php
@@ -0,0 +1,18 @@
+@extends('fo.layout')
+
+@section('title', $staticPageModel->seo_title ?? __('Accueil'))
+@section('description', $staticPageModel->seo_description ?? __('Description site'))
+@section('breadcrumb',
+    request()->route()->getName())
+
+@section('content')
+    <section class="news position-relative bg-agis-grey pb-5">
+        @php
+            $data = [
+                'newsModels' => $newsModels,
+                'categoryEnums' => \App\Enums\News\CategoryEnum::toArray(),
+            ];
+        @endphp
+        <div class="news-list" data-json='@json($data)'></div>
+    </section>
+@endsection
diff --git a/resources/views/fo/pages/news/show.blade.php b/resources/views/fo/pages/news/show.blade.php
new file mode 100644
index 0000000..4692e71
--- /dev/null
+++ b/resources/views/fo/pages/news/show.blade.php
@@ -0,0 +1,58 @@
+@extends('fo.layout')
+
+@section('title', $newsModel->seo_title ?? __('Actualités'))
+@section('description', $newsModel->seo_description ?? __('Les actualités de la marque'))
+@section('breadcrumb',
+    request()->route()->getName())
+
+@section('content')
+    <section class="news-single mx-auto mb-5">
+        <div class="row container mx-auto">
+            <div class="col-12">
+                <a class="btn btn-secondary" href="{{ route('fo.news.index') }}">{{ __('< Retour aux actualités') }}</a>
+            </div>
+            <div class="col-12">
+                <h1 class="news-single-title f-sheldon text-uppercase lh-sm my-3 text-center">
+                    <span class="divide d-block w-100 mt-xl-3 my-2"></span>
+                    {{ $newsModel->title }}
+                    <span class="divide d-block w-100 mt-xl-3 my-2"></span>
+                </h1>
+            </div>
+            <div class="col-12">
+                <p class="f-readex-pro mb-0">
+                    {{ \Carbon\Carbon::parse($newsModel->publish_at)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
+                <p class="fs-3 mb-3">{{ __($newsModel->category->label()) }}</p>
+            </div>
+        </div>
+        <article class="bg-agis-grey pt-5">
+            <div class="container">
+                <div class="mx-auto text-center">
+                    <div class="news-single-img bg-agis-white p-lg-5 p-md-4 mx-auto w-fit p-3 pt-0">
+                        <img class="" src="{{ asset($newsModel->picture) }}" title="{{ Str::of($newsModel->picture_title)->ucFirst() }}"
+                            alt="{{ Str::of($newsModel->picture_alt)->ucFirst() }}">
+                    </div>
+                    <div class="mx-auto mt-3">
+                        <p class="fs-7 fw-semibold text-start">{{ $newsModel->subtitle }}</p>
+                        <br>
+                        {!! clean($newsModel->content) !!}
+                    </div>
+                </div>
+                <div class="row pb-5">
+                    <div class="col text-center">
+                        <p class="fs-3 mt-5">{{ __('Partager sur') }}</p>
+                        <a class="text-decoration-none" href="#FIXME:Change this" title="{{ __('Nous suivre sur Instagram') }}"
+                            target="_blank">
+                            @include('fo.partials.social-svg-instagram')
+                        </a>
+                        <a class="text-decoration-none" href="#FIXME:Change this" title="{{ __('Nous suivre sur Facebook') }}" target="_blank">
+                            @include('fo.partials.social-svg-facebook')
+                        </a>
+                        <a class="text-decoration-none" href="#FIXME:Change this" title="{{ __('Nous suivre sur Linkedin') }}" target="_blank">
+                            @include('fo.partials.social-svg-linkedin')
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </article>
+    </section>
+@endsection
diff --git a/resources/views/modules/script-routes.blade.php b/resources/views/modules/script-routes.blade.php
index 1d43559..456d878 100644
--- a/resources/views/modules/script-routes.blade.php
+++ b/resources/views/modules/script-routes.blade.php
@@ -1,6 +1,12 @@
 @include('modules.script-constants')
-<script @if(isset($nonce)) nonce="{{ $nonce }}" @endif>
-if (!window.__SYSTEM._routes) {
-    window.__SYSTEM._routes = {};
-}
+<script @if (isset($nonce)) nonce="{{ $nonce }}" @endif>
+    if (!window.__SYSTEM._routes) {
+        window.__SYSTEM._routes = {};
+    }
+    window.__SYSTEM._routes.fo = {
+        news: {
+            filtered: "{{ route('fo.news.filtered') }}",
+            show: "{{ route('fo.news.show', ['slug' => 'SLUG']) }}"
+        },
+    };
 </script>
diff --git a/routes/web-fo.php b/routes/web-fo.php
index 6f81bf7..c81f4fa 100644
--- a/routes/web-fo.php
+++ b/routes/web-fo.php
@@ -2,6 +2,7 @@
 
 use App\Http\Controllers\Fo\RangeController;
 use App\Http\Controllers\Fo\ProductController;
+use App\Http\Controllers\Fo\NewsController;
 use App\Http\Controllers\Fo\StaticPageController;
 use Illuminate\Support\Facades\Route;
 
@@ -33,4 +34,9 @@ Route::middleware(['throttle:credentials'])
 
         Route::get('/mentions-legales', [StaticPageController::class, 'legals'])->name('legals.show');
         Route::get('/charte-de-confidentialite', [StaticPageController::class, 'policies'])->name('policies.show');
+
+        // * NEWS.
+        Route::get('/news', [NewsController::class, 'index'])->name('news.index');
+        Route::get('/news/filtered', [NewsController::class, 'newsFiltered'])->name('news.filtered');
+        Route::get('/news/{slug}', [NewsController::class, 'show'])->name('news.show');
     });