From 1eba26ccbf89b818449a1e6e827f0927e4c7c7e0 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Wed, 11 Jun 2025 18:35:12 +0200
Subject: [PATCH] wait #7443 @14:00

---
 .env.example                                  |  14 +-
 .env.production                               |   6 +-
 .idea/deployment.xml                          | 480 +-----------------
 .../Controllers/AdvertisersController.php     |  14 +
 .../Controllers/Auth/RegisterController.php   |  11 +-
 app/Http/Controllers/ContactController.php    |  24 +-
 app/Http/Controllers/DiscoverController.php   |   2 -
 app/Notifications/AdvertiserRequest.php       |  85 ++++
 config/app.php                                |   1 +
 public/img/Groupe 107.svg                     |  96 ++++
 public/img/fb_impression_x1.svg               |  96 ++++
 public/img/fb_impression_x10.svg              |  96 ++++
 public/img/fb_impression_x4.svg               |  96 ++++
 resources/js/app.js                           |  50 +-
 .../Contact/RequestSubscriptionForm.vue       |   1 -
 resources/sass/_page.scss                     |   7 +-
 resources/sass/_variables.scss                |   8 +-
 resources/sass/app.scss                       |  37 +-
 resources/views/account/index.blade.php       | 101 ++--
 .../views/admin/settings/strings.blade.php    |  60 ++-
 resources/views/annonceurs/index.blade.php    |  46 +-
 resources/views/auth/discover/index.blade.php |  20 +-
 resources/views/auth/login.blade.php          |   4 +-
 .../views/auth/passwords/email.blade.php      |  20 +-
 .../views/auth/passwords/reset.blade.php      |  24 +-
 resources/views/auth/register.blade.php       |  65 +--
 resources/views/contact/index.blade.php       |   8 +-
 .../contact/subscription-request.blade.php    |  15 +-
 resources/views/home/index.blade.php          |  78 +--
 resources/views/layouts/app.blade.php         |  23 +-
 resources/views/partials/footer.blade.php     |   4 +-
 resources/views/partials/nav-v2.blade.php     |  18 +-
 routes/web.php                                |   7 +-
 33 files changed, 883 insertions(+), 734 deletions(-)
 create mode 100644 app/Notifications/AdvertiserRequest.php
 create mode 100644 public/img/Groupe 107.svg
 create mode 100644 public/img/fb_impression_x1.svg
 create mode 100644 public/img/fb_impression_x10.svg
 create mode 100644 public/img/fb_impression_x4.svg

diff --git a/.env.example b/.env.example
index ac74863..32b6c1b 100644
--- a/.env.example
+++ b/.env.example
@@ -24,13 +24,13 @@ REDIS_PASSWORD=null
 REDIS_PORT=6379
 
 MAIL_MAILER=smtp
-MAIL_HOST=smtp.mailtrap.io
-MAIL_PORT=2525
-MAIL_USERNAME=null
-MAIL_PASSWORD=null
-MAIL_ENCRYPTION=null
-MAIL_FROM_ADDRESS=null
-MAIL_FROM_NAME="${APP_NAME}"
+MAIL_HOST=postal.cubedesigners.com
+MAIL_PORT=25
+MAIL_USERNAME=opra/presquot-dev
+MAIL_PASSWORD=CtQZ7SJEDclMuIBpzlbQBC1z
+MAIL_ENCRYPTION=false
+MAIL_FROM_ADDRESS=noreply@prescription-quotidien.com
+MAIL_FROM_NAME="Prescription Santé - Le Quotidien"
 
 AWS_ACCESS_KEY_ID=
 AWS_SECRET_ACCESS_KEY=
diff --git a/.env.production b/.env.production
index 89d93c8..612c464 100644
--- a/.env.production
+++ b/.env.production
@@ -43,7 +43,7 @@ MAIL_PORT=25
 MAIL_USERNAME=opra/presquot-dev
 MAIL_PASSWORD=CtQZ7SJEDclMuIBpzlbQBC1z
 MAIL_ENCRYPTION=false
-MAIL_FROM_ADDRESS=noreply@email.prescription-quotidien.com
+MAIL_FROM_ADDRESS=noreply@prescription-quotidien.com
 MAIL_FROM_NAME="Prescription Santé - Le Quotidien"
 
 AWS_URL=https://s3.dev.prescription-quotidien.com/
@@ -86,8 +86,8 @@ GLIDE_BASE_PATH=images
 
 SENTRY_LARAVEL_DSN=https://4ae46b80abfe31d553eb6ad97b159c8f@o4507941042585600.ingest.de.sentry.io/4507941044551760
 
-RECAPTCHA_SITE_KEY=6LdEZ_IqAAAAAB2g9rTxfAnw0fdAotCIcwCWb6Xc
-RECAPTCHA_SECRET_KEY=6LdEZ_IqAAAAAPXOqsjkOMRmV0jEbJtXUP1jCbsC
+RECAPTCHA_SITE_KEY=6Leib1srAAAAAFUWuNV863ZT1N9AJ7azUZ55Nrtr
+RECAPTCHA_SECRET_KEY=6Leib1srAAAAAMFQ5qIyUPhUVg9HgTd3cZdGbIFm
 
 SEARCHABLE_TEXT_MAX_LENGTH=6500
 
diff --git a/.idea/deployment.xml b/.idea/deployment.xml
index 6242535..909b391 100644
--- a/.idea/deployment.xml
+++ b/.idea/deployment.xml
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="PublishConfigData" autoUpload="Always" serverName="dev.prescription-quotidien.com" confirmBeforeUploading="false" confirmBeforeDeletion="false" showAutoUploadSettingsWarning="false">
+  <component name="PublishConfigData" autoUpload="Always" confirmBeforeUploading="false" confirmBeforeDeletion="false" showAutoUploadSettingsWarning="false">
     <option name="confirmBeforeDeletion" value="false" />
     <option name="confirmBeforeUploading" value="false" />
     <serverData>
-      <paths name="alpha.toolbox.fluidbook.com">
+      <paths name="dev">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -12,7 +12,7 @@
           </mappings>
         </serverdata>
       </paths>
-      <paths name="alpha.toolbox.fluidbook.com (Host)">
+      <paths name="dev physio">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -20,7 +20,7 @@
           </mappings>
         </serverdata>
       </paths>
-      <paths name="amadeus.cubedesigners.com">
+      <paths name="prod">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -28,7 +28,7 @@
           </mappings>
         </serverdata>
       </paths>
-      <paths name="benhur.cubedesigners.com">
+      <paths name="prod pmi">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -36,7 +36,7 @@
           </mappings>
         </serverdata>
       </paths>
-      <paths name="bloomsburrie.dev2.cubedesigners.com">
+      <paths name="prod-bastide_">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -44,7 +44,7 @@
           </mappings>
         </serverdata>
       </paths>
-      <paths name="demo1.cubedesigners.com">
+      <paths name="prod_branches">
         <serverdata>
           <mappings>
             <mapping local="$PROJECT_DIR$" web="/" />
@@ -52,472 +52,10 @@
           </mappings>
         </serverdata>
       </paths>
-      <paths name="dev-digital.danone.com">
+      <paths name="psq">
         <serverdata>
           <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.ccgm.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.cubedesigners.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.cubjeans.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.detouteslescouleurs.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.enko-running-shoes.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.extranet.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.pm-instrumentation.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.prescription-quotidien.com">
-        <serverdata>
-          <mappings>
-            <mapping deploy="/" local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.prescription-quotidien.com (Host)">
-        <serverdata>
-          <mappings>
-            <mapping deploy="/" local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.rbcmobilier.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.renversez.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.toolbox.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="dev.toolbox.fluidbook.com (Host)">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="digitaltoolbox.danone.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="elearning.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="etatpur.ei-plateforme1.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="extranet.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="extranet.cubedesigners.com (Host)">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="extranet.preventicom.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="hosting.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="kingkong.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="m.cubjeans.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="magento.enko-running-shoes.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="odl.cube">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="odl.paris.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="parrotmail.dev.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="preview.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="rmbars">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="rmleds">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="simeox.dev.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="songbook.enhydra.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="staging.bloomsburie.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="stats3.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="toolbox.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="toolbox.fluidbook.com (Host)">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="v4.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="v7.cubedesigners.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="v7.cubedesigners.com (host)">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="vps-e87c4d02.vps.ovh.net">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="workshop.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.adangelis.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.bastide-resah.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.bloomsburie.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.ccgm.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.cesaretleonie.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.cfgv.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.detouteslescouleurs.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.eurofinsadmebioanalyses.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.fluidbook.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.hf-customercare.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.mdryvescouzy.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.microbas.se">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.mirakl.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.optimed-recrutement.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.pavillonmadeleine.fr">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.physioassist.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-            <mapping local="$PROJECT_DIR$/node_modules" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.pm-instrumentation.com">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
+            <mapping deploy="/application" local="$PROJECT_DIR$" web="/" />
             <mapping local="$PROJECT_DIR$/node_modules" web="/" />
           </mappings>
         </serverdata>
diff --git a/app/Http/Controllers/AdvertisersController.php b/app/Http/Controllers/AdvertisersController.php
index f624c46..69c454e 100644
--- a/app/Http/Controllers/AdvertisersController.php
+++ b/app/Http/Controllers/AdvertisersController.php
@@ -2,10 +2,24 @@
 
 namespace App\Http\Controllers;
 
+use App\Notifications\AdvertiserRequest;
+use Illuminate\Http\Request;
+
+
 class AdvertisersController
 {
     public function index()
     {
         return view('annonceurs.index');
     }
+
+
+    public function requestMail(Request $request)
+    {
+        \Notification::route('mail', config('app.emails.olivier'))
+            ->notify(new AdvertiserRequest($request));
+
+        \Session::flash('message', "Votre demande a bien été prise en compte, nous reviendrons vers vous dans les plus brefs délais. Merci de l'intérêt que vous portez à Prescription Santé - Le Quotidien !");
+        return redirect()->route('home', ['contact' => 'success']);
+    }
 }
diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
index 7ef7e11..f3ee620 100644
--- a/app/Http/Controllers/Auth/RegisterController.php
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -79,7 +79,7 @@ class RegisterController extends Controller
                     ->where(fn(Builder $builder) => $builder->where('reg_complete', 1)->orWhere('type', User::TYPE_SUBSCRIBER))
             ],
             'password' => ['required', 'string', 'min:8', 'confirmed'],
-            recaptchaFieldName() => recaptchaRuleName(),
+            //recaptchaFieldName() => recaptchaRuleName(),
         ]);
     }
 
@@ -91,7 +91,6 @@ class RegisterController extends Controller
      */
     protected function create(array $data)
     {
-
         $type = request()->boolean('trial') ?
             User::TYPE_DISCOVER :
             User::TYPE_PLATFORM_ONLY;
@@ -112,17 +111,9 @@ class RegisterController extends Controller
             ]
         );
 
-        //If users requested a trial period
-        if($type === User::TYPE_DISCOVER) {
-            \Notification::route('mail', config('app.emails.subscriptions'))
-                ->notify(new NewTrialUser($user));
-        }
-
-
         return $user;
     }
 
-
     protected function registered(Request $request, $user)
     {
         \Session::flash('message', 'Votre inscription à bien été prise en compte ! Veuillez vérifier vos emails.');
diff --git a/app/Http/Controllers/ContactController.php b/app/Http/Controllers/ContactController.php
index ba378c8..8de0ac5 100644
--- a/app/Http/Controllers/ContactController.php
+++ b/app/Http/Controllers/ContactController.php
@@ -3,6 +3,7 @@
 namespace App\Http\Controllers;
 
 use App\ContactRequest;
+use App\User;
 use Illuminate\Http\Request;
 
 class ContactController extends Controller
@@ -54,13 +55,26 @@ class ContactController extends Controller
                 'email',
                 'max:255',
             ],
-            recaptchaFieldName() => recaptchaRuleName(),
+            //recaptchaFieldName() => recaptchaRuleName(),
         ]);
 
-//         $contactRequest = new ContactRequest($request->all());
-//         $contactRequest->save();
-        \Notification::route('mail', config('app.emails.olivier'))
-            ->notify(new \App\Notifications\SubscriptionRequest($request));
+        User::query()->updateOrCreate([
+            'email' => $request->input(['email']),
+        ],
+            [
+                'first_name' => $request->input(['name']),
+                'employer' => $request->input(['employer']),
+                'service' => $request->input(['service']) ?? '',
+                'position' => $request->input(['position']) ?? '',
+                'reg_complete' => false,
+                'type' => User::TYPE_PROSPECT,
+                'self_registered' => true,
+                //recaptchaFieldName() => recaptchaRuleName(),
+            ]
+        );
+
+        /*\Notification::route('mail', config('app.emails.olivier'))
+            ->notify(new \App\Notifications\SubscriptionRequest($request));*/
 
 
         \Session::flash('message', "Votre demande a bien été prise en compte, nous reviendrons vers vous dans les plus brefs délais. Merci de l'intérêt que vous portez à Prescription Santé - Le Quotidien !");
diff --git a/app/Http/Controllers/DiscoverController.php b/app/Http/Controllers/DiscoverController.php
index fe24ab2..b572b1a 100644
--- a/app/Http/Controllers/DiscoverController.php
+++ b/app/Http/Controllers/DiscoverController.php
@@ -130,7 +130,6 @@ class DiscoverController extends Controller
         /** @var User $user */
         $user = User::query()->updateOrCreate([
             'email' => $data['email'],
-
             ],
             [
                 'first_name' => $data['first_name'],
@@ -159,7 +158,6 @@ class DiscoverController extends Controller
         \Session::flash('message', 'Votre demande à bien été prise en compte, merci !');
         return redirect()->route('home');
 
-
     }
 
     public function requestTrimestriel(Request $request)
diff --git a/app/Notifications/AdvertiserRequest.php b/app/Notifications/AdvertiserRequest.php
new file mode 100644
index 0000000..4a42a33
--- /dev/null
+++ b/app/Notifications/AdvertiserRequest.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace App\Notifications;
+
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Http\Request;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class AdvertiserRequest extends Notification
+{
+    use Queueable;
+
+    protected Request $contactRequest;
+
+    /**
+     * Create a new notification instance.
+     *
+     * @return void
+     */
+    public function __construct(Request $contactRequest)
+    {
+        $this->contactRequest = $contactRequest;
+        //
+    }
+
+    /**
+     * Get the notification's delivery channels.
+     *
+     * @param  mixed  $notifiable
+     * @return array
+     */
+    public function via($notifiable)
+    {
+        return ['mail'];
+    }
+
+    /**
+     * Get the mail representation of the notification.
+     *
+     * @param  mixed  $notifiable
+     * @return \Illuminate\Notifications\Messages\MailMessage
+     */
+    public function toMail($notifiable)
+    {
+        $message = new MailMessage;
+        $message
+            ->subject("[{$this->contactRequest->organization}] {$this->contactRequest->name} souhaite devenir annonceur")
+            ->greeting('Bonjour, ')
+            ->line("**{$this->contactRequest->name}** de la société **{$this->contactRequest->organization}** a envoyé une demande pour devenir annonceur.");
+
+        $message->line("**Détails :**");
+
+        $message->line("Nom complet : **{$this->contactRequest->name}**");
+        $message->line("Email : **{$this->contactRequest->email}**");
+        $message->line("Entreprise : **{$this->contactRequest->organization}**");
+        $message->line("Nombre de pages de pub envisagé : **{$this->contactRequest->page}**");
+        $message->line("Période de diffusion : **{$this->contactRequest->period}**");
+
+        if(null !== $comments = $this->contactRequest->comments) {
+            $message->line('Un commentaire à été joint à la demande :');
+            foreach(explode(PHP_EOL, $comments) as $line) {
+                $line = trim($line);
+                $message->line("*$line*");
+            }
+        }
+
+        return $message
+            ->line("**{$this->contactRequest->name}** à demandé à être contacté à l'adresse suivante : [{$this->contactRequest->email}](mailto:{$this->contactRequest->email})");
+    }
+
+    /**
+     * Get the array representation of the notification.
+     *
+     * @param  mixed  $notifiable
+     * @return array
+     */
+    public function toArray($notifiable)
+    {
+        return [
+            //
+        ];
+    }
+}
diff --git a/config/app.php b/config/app.php
index d2cd974..5a35271 100644
--- a/config/app.php
+++ b/config/app.php
@@ -130,6 +130,7 @@ return [
     'emails' => [
         'subscriptions' => 'abonnement@prescription-quotidien.com',
         'olivier' => 'olivier.robichon@prescription-quotidien.com',
+        'moi' => 'soufiane@cubedesigners.com'
     ],
 
 
diff --git a/public/img/Groupe 107.svg b/public/img/Groupe 107.svg
new file mode 100644
index 0000000..e4e0541
--- /dev/null
+++ b/public/img/Groupe 107.svg	
@@ -0,0 +1,96 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="131.598" height="96.911" viewBox="0 0 131.598 96.911">
+  <g id="Groupe_107" data-name="Groupe 107" transform="translate(-196.544 -916.044)">
+    <g id="Groupe_103" data-name="Groupe 103" transform="translate(197 916.5)">
+      <path id="Tracé_77" data-name="Tracé 77" d="M65.3,95.411h0a11.157,11.157,0,0,0-7.889-3.268H.5V.5H57.41A11.157,11.157,0,0,1,65.3,3.768Z" transform="translate(0.044 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      <path id="Tracé_78" data-name="Tracé 78" d="M60.028,95.411h0a11.157,11.157,0,0,1,7.889-3.268h56.91V.5H67.917a11.157,11.157,0,0,0-7.889,3.268Z" transform="translate(5.315 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+      <g id="Tracé_79" data-name="Tracé 79" transform="translate(5.555 0.583)" fill="#1d5198">
+        <path d="M 62.44499588012695 90.55487823486328 L 62.44499588012695 4.775457859039307 C 63.95956802368164 3.574035882949829 65.84122467041016 2.91700267791748 67.79123687744141 2.91700267791748 L 122.157958984375 2.91700267791748 L 122.157958984375 89.47460174560547 L 67.79123687744141 89.47460174560547 C 65.94397735595703 89.47460174560547 64.12369537353516 89.84488677978516 62.44499588012695 90.55487823486328 Z" stroke="none"/>
+        <path d="M 67.79122924804688 3.916999816894531 C 66.22647857666016 3.916999816894531 64.71204376220703 4.395187377929688 63.44499969482422 5.277412414550781 L 63.44499969482422 89.12764739990234 C 64.84352111816406 88.6968994140625 66.30953979492188 88.47459411621094 67.79122924804688 88.47459411621094 L 121.157958984375 88.47459411621094 L 121.157958984375 3.916999816894531 L 67.79122924804688 3.916999816894531 M 67.79122924804688 1.916999816894531 L 123.157958984375 1.916999816894531 L 123.157958984375 90.47459411621094 L 67.79122924804688 90.47459411621094 C 65.52704620361328 90.47459411621094 63.35323333740234 91.06350708007812 61.44499969482422 92.16838073730469 L 61.44499969482422 4.30853271484375 C 63.20081329345703 2.761703491210938 65.43125915527344 1.916999816894531 67.79122924804688 1.916999816894531 Z" stroke="none" fill="#fff"/>
+      </g>
+      <g id="Groupe_104" data-name="Groupe 104">
+        <rect id="Rectangle_69" data-name="Rectangle 69" width="40.925" height="24.411" transform="translate(19.79 5.808)" fill="#dce0f5"/>
+        <rect id="Rectangle_70" data-name="Rectangle 70" width="19.001" height="11.948" transform="translate(41.714 63.56)" fill="#dce0f5"/>
+        <rect id="Rectangle_71" data-name="Rectangle 71" width="11.693" height="0.772" transform="translate(5.173 10.873)" fill="#dce0f5"/>
+        <rect id="Rectangle_72" data-name="Rectangle 72" width="11.693" height="0.772" transform="translate(5.173 12.417)" fill="#dce0f5"/>
+        <rect id="Rectangle_73" data-name="Rectangle 73" width="11.693" height="0.772" transform="translate(5.173 13.96)" fill="#dce0f5"/>
+        <rect id="Rectangle_74" data-name="Rectangle 74" width="11.693" height="0.772" transform="translate(5.173 15.502)" fill="#dce0f5"/>
+        <rect id="Rectangle_75" data-name="Rectangle 75" width="11.693" height="0.772" transform="translate(5.173 17.046)" fill="#dce0f5"/>
+        <rect id="Rectangle_76" data-name="Rectangle 76" width="11.693" height="0.772" transform="translate(5.173 18.588)" fill="#dce0f5"/>
+        <rect id="Rectangle_77" data-name="Rectangle 77" width="11.693" height="0.772" transform="translate(5.173 20.13)" fill="#dce0f5"/>
+        <rect id="Rectangle_78" data-name="Rectangle 78" width="11.693" height="0.772" transform="translate(5.173 21.674)" fill="#dce0f5"/>
+        <rect id="Rectangle_79" data-name="Rectangle 79" width="11.693" height="0.772" transform="translate(5.173 23.217)" fill="#dce0f5"/>
+        <rect id="Rectangle_80" data-name="Rectangle 80" width="11.693" height="0.772" transform="translate(5.173 24.759)" fill="#dce0f5"/>
+        <rect id="Rectangle_81" data-name="Rectangle 81" width="11.693" height="0.772" transform="translate(5.173 26.303)" fill="#dce0f5"/>
+        <rect id="Rectangle_82" data-name="Rectangle 82" width="8.769" height="0.772" transform="translate(5.173 27.845)" fill="#dce0f5"/>
+        <rect id="Rectangle_83" data-name="Rectangle 83" width="19.001" height="0.772" transform="translate(19.79 44.356)" fill="#dce0f5"/>
+        <rect id="Rectangle_84" data-name="Rectangle 84" width="19.001" height="0.772" transform="translate(19.79 45.9)" fill="#dce0f5"/>
+        <rect id="Rectangle_85" data-name="Rectangle 85" width="19.001" height="0.772" transform="translate(19.79 47.442)" fill="#dce0f5"/>
+        <rect id="Rectangle_86" data-name="Rectangle 86" width="19.001" height="0.772" transform="translate(19.79 48.985)" fill="#dce0f5"/>
+        <rect id="Rectangle_87" data-name="Rectangle 87" width="19.001" height="0.772" transform="translate(19.79 50.528)" fill="#dce0f5"/>
+        <rect id="Rectangle_88" data-name="Rectangle 88" width="19.001" height="0.772" transform="translate(19.79 52.071)" fill="#dce0f5"/>
+        <rect id="Rectangle_89" data-name="Rectangle 89" width="19.001" height="0.772" transform="translate(19.79 53.613)" fill="#dce0f5"/>
+        <rect id="Rectangle_90" data-name="Rectangle 90" width="19.001" height="0.772" transform="translate(19.79 55.157)" fill="#dce0f5"/>
+        <rect id="Rectangle_91" data-name="Rectangle 91" width="19.001" height="0.772" transform="translate(19.79 56.699)" fill="#dce0f5"/>
+        <rect id="Rectangle_92" data-name="Rectangle 92" width="19.001" height="0.772" transform="translate(19.79 58.242)" fill="#dce0f5"/>
+        <rect id="Rectangle_93" data-name="Rectangle 93" width="19.001" height="0.772" transform="translate(41.714 44.356)" fill="#dce0f5"/>
+        <rect id="Rectangle_94" data-name="Rectangle 94" width="19.001" height="0.772" transform="translate(41.714 45.9)" fill="#dce0f5"/>
+        <rect id="Rectangle_95" data-name="Rectangle 95" width="19.001" height="0.772" transform="translate(41.714 47.442)" fill="#dce0f5"/>
+        <rect id="Rectangle_96" data-name="Rectangle 96" width="19.001" height="0.772" transform="translate(41.714 48.985)" fill="#dce0f5"/>
+        <rect id="Rectangle_97" data-name="Rectangle 97" width="19.001" height="0.772" transform="translate(41.714 50.528)" fill="#dce0f5"/>
+        <rect id="Rectangle_98" data-name="Rectangle 98" width="19.001" height="0.772" transform="translate(41.714 52.071)" fill="#dce0f5"/>
+        <rect id="Rectangle_99" data-name="Rectangle 99" width="19.001" height="0.772" transform="translate(41.714 53.613)" fill="#dce0f5"/>
+        <rect id="Rectangle_100" data-name="Rectangle 100" width="19.001" height="0.772" transform="translate(41.714 55.157)" fill="#dce0f5"/>
+        <rect id="Rectangle_101" data-name="Rectangle 101" width="11.693" height="0.772" transform="translate(41.713 56.699)" fill="#dce0f5"/>
+        <rect id="Rectangle_102" data-name="Rectangle 102" width="40.925" height="3.086" transform="translate(19.79 34.722)" fill="#dce0f5"/>
+        <rect id="Rectangle_103" data-name="Rectangle 103" width="26.778" height="3.086" transform="translate(19.789 39.351)" fill="#dce0f5"/>
+        <rect id="Rectangle_104" data-name="Rectangle 104" width="19.001" height="0.772" transform="translate(19.79 73.194)" fill="#dce0f5"/>
+        <rect id="Rectangle_105" data-name="Rectangle 105" width="19.001" height="0.772" transform="translate(19.79 74.736)" fill="#dce0f5"/>
+        <rect id="Rectangle_106" data-name="Rectangle 106" width="19.001" height="0.772" transform="translate(19.79 76.28)" fill="#dce0f5"/>
+        <rect id="Rectangle_107" data-name="Rectangle 107" width="19.001" height="0.772" transform="translate(19.79 77.822)" fill="#dce0f5"/>
+        <rect id="Rectangle_108" data-name="Rectangle 108" width="19.001" height="0.772" transform="translate(19.79 79.365)" fill="#dce0f5"/>
+        <rect id="Rectangle_109" data-name="Rectangle 109" width="19.001" height="0.772" transform="translate(19.79 80.908)" fill="#dce0f5"/>
+        <rect id="Rectangle_110" data-name="Rectangle 110" width="19.001" height="0.772" transform="translate(19.79 82.451)" fill="#dce0f5"/>
+        <rect id="Rectangle_111" data-name="Rectangle 111" width="19.001" height="0.772" transform="translate(19.79 83.993)" fill="#dce0f5"/>
+        <rect id="Rectangle_112" data-name="Rectangle 112" width="19.001" height="0.772" transform="translate(19.79 85.537)" fill="#dce0f5"/>
+        <rect id="Rectangle_113" data-name="Rectangle 113" width="19.001" height="0.772" transform="translate(19.79 87.079)" fill="#dce0f5"/>
+        <rect id="Rectangle_114" data-name="Rectangle 114" width="19.001" height="0.772" transform="translate(41.714 77.822)" fill="#dce0f5"/>
+        <rect id="Rectangle_115" data-name="Rectangle 115" width="19.001" height="0.772" transform="translate(41.714 79.365)" fill="#dce0f5"/>
+        <rect id="Rectangle_116" data-name="Rectangle 116" width="19.001" height="0.772" transform="translate(41.714 80.908)" fill="#dce0f5"/>
+        <rect id="Rectangle_117" data-name="Rectangle 117" width="19.001" height="0.772" transform="translate(41.714 82.451)" fill="#dce0f5"/>
+        <rect id="Rectangle_118" data-name="Rectangle 118" width="19.001" height="0.772" transform="translate(41.714 83.993)" fill="#dce0f5"/>
+        <rect id="Rectangle_119" data-name="Rectangle 119" width="19.001" height="0.772" transform="translate(41.714 85.537)" fill="#dce0f5"/>
+        <rect id="Rectangle_120" data-name="Rectangle 120" width="14.616" height="0.772" transform="translate(41.713 87.079)" fill="#dce0f5"/>
+        <rect id="Rectangle_121" data-name="Rectangle 121" width="19.001" height="3.086" transform="translate(19.79 63.559)" fill="#dce0f5"/>
+        <rect id="Rectangle_122" data-name="Rectangle 122" width="12.432" height="3.086" transform="translate(19.79 68.188)" fill="#dce0f5"/>
+        <rect id="Rectangle_123" data-name="Rectangle 123" width="8.939" height="3.086" transform="translate(5.173 5.868)" fill="#dce0f5"/>
+        <rect id="Rectangle_124" data-name="Rectangle 124" width="11.693" height="0.772" transform="translate(5.173 39.794)" fill="#dce0f5"/>
+        <rect id="Rectangle_125" data-name="Rectangle 125" width="11.693" height="0.772" transform="translate(5.173 41.336)" fill="#dce0f5"/>
+        <rect id="Rectangle_126" data-name="Rectangle 126" width="11.693" height="0.772" transform="translate(5.173 42.879)" fill="#dce0f5"/>
+        <rect id="Rectangle_127" data-name="Rectangle 127" width="11.693" height="0.772" transform="translate(5.173 44.421)" fill="#dce0f5"/>
+        <rect id="Rectangle_128" data-name="Rectangle 128" width="11.693" height="0.772" transform="translate(5.173 45.965)" fill="#dce0f5"/>
+        <rect id="Rectangle_129" data-name="Rectangle 129" width="11.693" height="0.772" transform="translate(5.173 47.507)" fill="#dce0f5"/>
+        <rect id="Rectangle_130" data-name="Rectangle 130" width="11.693" height="0.772" transform="translate(5.173 49.05)" fill="#dce0f5"/>
+        <rect id="Rectangle_131" data-name="Rectangle 131" width="11.693" height="0.772" transform="translate(5.173 50.593)" fill="#dce0f5"/>
+        <rect id="Rectangle_132" data-name="Rectangle 132" width="11.693" height="0.772" transform="translate(5.173 52.136)" fill="#dce0f5"/>
+        <rect id="Rectangle_133" data-name="Rectangle 133" width="11.693" height="0.772" transform="translate(5.173 53.678)" fill="#dce0f5"/>
+        <rect id="Rectangle_134" data-name="Rectangle 134" width="11.693" height="0.772" transform="translate(5.173 55.222)" fill="#dce0f5"/>
+        <rect id="Rectangle_135" data-name="Rectangle 135" width="5.847" height="0.772" transform="translate(5.173 56.764)" fill="#dce0f5"/>
+        <rect id="Rectangle_136" data-name="Rectangle 136" width="8.939" height="3.086" transform="translate(5.173 34.788)" fill="#dce0f5"/>
+        <rect id="Rectangle_137" data-name="Rectangle 137" width="11.693" height="0.772" transform="translate(5.173 68.754)" fill="#dce0f5"/>
+        <rect id="Rectangle_138" data-name="Rectangle 138" width="11.693" height="0.772" transform="translate(5.173 70.297)" fill="#dce0f5"/>
+        <rect id="Rectangle_139" data-name="Rectangle 139" width="11.693" height="0.772" transform="translate(5.173 71.84)" fill="#dce0f5"/>
+        <rect id="Rectangle_140" data-name="Rectangle 140" width="11.693" height="0.772" transform="translate(5.173 73.382)" fill="#dce0f5"/>
+        <rect id="Rectangle_141" data-name="Rectangle 141" width="11.693" height="0.772" transform="translate(5.173 74.926)" fill="#dce0f5"/>
+        <rect id="Rectangle_142" data-name="Rectangle 142" width="11.693" height="0.772" transform="translate(5.173 76.468)" fill="#dce0f5"/>
+        <rect id="Rectangle_143" data-name="Rectangle 143" width="11.693" height="0.772" transform="translate(5.173 78.011)" fill="#dce0f5"/>
+        <rect id="Rectangle_144" data-name="Rectangle 144" width="11.693" height="0.772" transform="translate(5.173 79.554)" fill="#dce0f5"/>
+        <rect id="Rectangle_145" data-name="Rectangle 145" width="11.693" height="0.772" transform="translate(5.173 81.097)" fill="#dce0f5"/>
+        <rect id="Rectangle_146" data-name="Rectangle 146" width="11.693" height="0.772" transform="translate(5.173 82.639)" fill="#dce0f5"/>
+        <rect id="Rectangle_147" data-name="Rectangle 147" width="11.693" height="0.772" transform="translate(5.173 84.183)" fill="#dce0f5"/>
+        <rect id="Rectangle_148" data-name="Rectangle 148" width="2.923" height="0.772" transform="translate(5.173 85.725)" fill="#dce0f5"/>
+        <rect id="Rectangle_149" data-name="Rectangle 149" width="8.939" height="3.086" transform="translate(5.173 63.749)" fill="#dce0f5"/>
+      </g>
+    </g>
+    <text id="x1" transform="translate(281 977)" fill="#fff" font-size="31.25" font-family="Poppins-SemiBold, Poppins" font-weight="600" letter-spacing="-0.02em"><tspan x="0" y="0">x1</tspan></text>
+  </g>
+</svg>
diff --git a/public/img/fb_impression_x1.svg b/public/img/fb_impression_x1.svg
new file mode 100644
index 0000000..0fa0a62
--- /dev/null
+++ b/public/img/fb_impression_x1.svg
@@ -0,0 +1,96 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="131.598" height="96.911" viewBox="0 0 131.598 96.911">
+    <g id="Groupe_107" data-name="Groupe 107" transform="translate(-196.544 -916.044)">
+        <g id="Groupe_103" data-name="Groupe 103" transform="translate(197 916.5)">
+            <path id="Tracé_77" data-name="Tracé 77" d="M65.3,95.411h0a11.157,11.157,0,0,0-7.889-3.268H.5V.5H57.41A11.157,11.157,0,0,1,65.3,3.768Z" transform="translate(0.044 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+            <path id="Tracé_78" data-name="Tracé 78" d="M60.028,95.411h0a11.157,11.157,0,0,1,7.889-3.268h56.91V.5H67.917a11.157,11.157,0,0,0-7.889,3.268Z" transform="translate(5.315 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+            <g id="Tracé_79" data-name="Tracé 79" transform="translate(5.555 0.583)" fill="#1d5198">
+                <path d="M 62.44499588012695 90.55487823486328 L 62.44499588012695 4.775457859039307 C 63.95956802368164 3.574035882949829 65.84122467041016 2.91700267791748 67.79123687744141 2.91700267791748 L 122.157958984375 2.91700267791748 L 122.157958984375 89.47460174560547 L 67.79123687744141 89.47460174560547 C 65.94397735595703 89.47460174560547 64.12369537353516 89.84488677978516 62.44499588012695 90.55487823486328 Z" stroke="none"/>
+                <path d="M 67.79122924804688 3.916999816894531 C 66.22647857666016 3.916999816894531 64.71204376220703 4.395187377929688 63.44499969482422 5.277412414550781 L 63.44499969482422 89.12764739990234 C 64.84352111816406 88.6968994140625 66.30953979492188 88.47459411621094 67.79122924804688 88.47459411621094 L 121.157958984375 88.47459411621094 L 121.157958984375 3.916999816894531 L 67.79122924804688 3.916999816894531 M 67.79122924804688 1.916999816894531 L 123.157958984375 1.916999816894531 L 123.157958984375 90.47459411621094 L 67.79122924804688 90.47459411621094 C 65.52704620361328 90.47459411621094 63.35323333740234 91.06350708007812 61.44499969482422 92.16838073730469 L 61.44499969482422 4.30853271484375 C 63.20081329345703 2.761703491210938 65.43125915527344 1.916999816894531 67.79122924804688 1.916999816894531 Z" stroke="none" fill="#fff"/>
+            </g>
+            <g id="Groupe_104" data-name="Groupe 104">
+                <rect id="Rectangle_69" data-name="Rectangle 69" width="40.925" height="24.411" transform="translate(19.79 5.808)" fill="#dce0f5"/>
+                <rect id="Rectangle_70" data-name="Rectangle 70" width="19.001" height="11.948" transform="translate(41.714 63.56)" fill="#dce0f5"/>
+                <rect id="Rectangle_71" data-name="Rectangle 71" width="11.693" height="0.772" transform="translate(5.173 10.873)" fill="#dce0f5"/>
+                <rect id="Rectangle_72" data-name="Rectangle 72" width="11.693" height="0.772" transform="translate(5.173 12.417)" fill="#dce0f5"/>
+                <rect id="Rectangle_73" data-name="Rectangle 73" width="11.693" height="0.772" transform="translate(5.173 13.96)" fill="#dce0f5"/>
+                <rect id="Rectangle_74" data-name="Rectangle 74" width="11.693" height="0.772" transform="translate(5.173 15.502)" fill="#dce0f5"/>
+                <rect id="Rectangle_75" data-name="Rectangle 75" width="11.693" height="0.772" transform="translate(5.173 17.046)" fill="#dce0f5"/>
+                <rect id="Rectangle_76" data-name="Rectangle 76" width="11.693" height="0.772" transform="translate(5.173 18.588)" fill="#dce0f5"/>
+                <rect id="Rectangle_77" data-name="Rectangle 77" width="11.693" height="0.772" transform="translate(5.173 20.13)" fill="#dce0f5"/>
+                <rect id="Rectangle_78" data-name="Rectangle 78" width="11.693" height="0.772" transform="translate(5.173 21.674)" fill="#dce0f5"/>
+                <rect id="Rectangle_79" data-name="Rectangle 79" width="11.693" height="0.772" transform="translate(5.173 23.217)" fill="#dce0f5"/>
+                <rect id="Rectangle_80" data-name="Rectangle 80" width="11.693" height="0.772" transform="translate(5.173 24.759)" fill="#dce0f5"/>
+                <rect id="Rectangle_81" data-name="Rectangle 81" width="11.693" height="0.772" transform="translate(5.173 26.303)" fill="#dce0f5"/>
+                <rect id="Rectangle_82" data-name="Rectangle 82" width="8.769" height="0.772" transform="translate(5.173 27.845)" fill="#dce0f5"/>
+                <rect id="Rectangle_83" data-name="Rectangle 83" width="19.001" height="0.772" transform="translate(19.79 44.356)" fill="#dce0f5"/>
+                <rect id="Rectangle_84" data-name="Rectangle 84" width="19.001" height="0.772" transform="translate(19.79 45.9)" fill="#dce0f5"/>
+                <rect id="Rectangle_85" data-name="Rectangle 85" width="19.001" height="0.772" transform="translate(19.79 47.442)" fill="#dce0f5"/>
+                <rect id="Rectangle_86" data-name="Rectangle 86" width="19.001" height="0.772" transform="translate(19.79 48.985)" fill="#dce0f5"/>
+                <rect id="Rectangle_87" data-name="Rectangle 87" width="19.001" height="0.772" transform="translate(19.79 50.528)" fill="#dce0f5"/>
+                <rect id="Rectangle_88" data-name="Rectangle 88" width="19.001" height="0.772" transform="translate(19.79 52.071)" fill="#dce0f5"/>
+                <rect id="Rectangle_89" data-name="Rectangle 89" width="19.001" height="0.772" transform="translate(19.79 53.613)" fill="#dce0f5"/>
+                <rect id="Rectangle_90" data-name="Rectangle 90" width="19.001" height="0.772" transform="translate(19.79 55.157)" fill="#dce0f5"/>
+                <rect id="Rectangle_91" data-name="Rectangle 91" width="19.001" height="0.772" transform="translate(19.79 56.699)" fill="#dce0f5"/>
+                <rect id="Rectangle_92" data-name="Rectangle 92" width="19.001" height="0.772" transform="translate(19.79 58.242)" fill="#dce0f5"/>
+                <rect id="Rectangle_93" data-name="Rectangle 93" width="19.001" height="0.772" transform="translate(41.714 44.356)" fill="#dce0f5"/>
+                <rect id="Rectangle_94" data-name="Rectangle 94" width="19.001" height="0.772" transform="translate(41.714 45.9)" fill="#dce0f5"/>
+                <rect id="Rectangle_95" data-name="Rectangle 95" width="19.001" height="0.772" transform="translate(41.714 47.442)" fill="#dce0f5"/>
+                <rect id="Rectangle_96" data-name="Rectangle 96" width="19.001" height="0.772" transform="translate(41.714 48.985)" fill="#dce0f5"/>
+                <rect id="Rectangle_97" data-name="Rectangle 97" width="19.001" height="0.772" transform="translate(41.714 50.528)" fill="#dce0f5"/>
+                <rect id="Rectangle_98" data-name="Rectangle 98" width="19.001" height="0.772" transform="translate(41.714 52.071)" fill="#dce0f5"/>
+                <rect id="Rectangle_99" data-name="Rectangle 99" width="19.001" height="0.772" transform="translate(41.714 53.613)" fill="#dce0f5"/>
+                <rect id="Rectangle_100" data-name="Rectangle 100" width="19.001" height="0.772" transform="translate(41.714 55.157)" fill="#dce0f5"/>
+                <rect id="Rectangle_101" data-name="Rectangle 101" width="11.693" height="0.772" transform="translate(41.713 56.699)" fill="#dce0f5"/>
+                <rect id="Rectangle_102" data-name="Rectangle 102" width="40.925" height="3.086" transform="translate(19.79 34.722)" fill="#dce0f5"/>
+                <rect id="Rectangle_103" data-name="Rectangle 103" width="26.778" height="3.086" transform="translate(19.789 39.351)" fill="#dce0f5"/>
+                <rect id="Rectangle_104" data-name="Rectangle 104" width="19.001" height="0.772" transform="translate(19.79 73.194)" fill="#dce0f5"/>
+                <rect id="Rectangle_105" data-name="Rectangle 105" width="19.001" height="0.772" transform="translate(19.79 74.736)" fill="#dce0f5"/>
+                <rect id="Rectangle_106" data-name="Rectangle 106" width="19.001" height="0.772" transform="translate(19.79 76.28)" fill="#dce0f5"/>
+                <rect id="Rectangle_107" data-name="Rectangle 107" width="19.001" height="0.772" transform="translate(19.79 77.822)" fill="#dce0f5"/>
+                <rect id="Rectangle_108" data-name="Rectangle 108" width="19.001" height="0.772" transform="translate(19.79 79.365)" fill="#dce0f5"/>
+                <rect id="Rectangle_109" data-name="Rectangle 109" width="19.001" height="0.772" transform="translate(19.79 80.908)" fill="#dce0f5"/>
+                <rect id="Rectangle_110" data-name="Rectangle 110" width="19.001" height="0.772" transform="translate(19.79 82.451)" fill="#dce0f5"/>
+                <rect id="Rectangle_111" data-name="Rectangle 111" width="19.001" height="0.772" transform="translate(19.79 83.993)" fill="#dce0f5"/>
+                <rect id="Rectangle_112" data-name="Rectangle 112" width="19.001" height="0.772" transform="translate(19.79 85.537)" fill="#dce0f5"/>
+                <rect id="Rectangle_113" data-name="Rectangle 113" width="19.001" height="0.772" transform="translate(19.79 87.079)" fill="#dce0f5"/>
+                <rect id="Rectangle_114" data-name="Rectangle 114" width="19.001" height="0.772" transform="translate(41.714 77.822)" fill="#dce0f5"/>
+                <rect id="Rectangle_115" data-name="Rectangle 115" width="19.001" height="0.772" transform="translate(41.714 79.365)" fill="#dce0f5"/>
+                <rect id="Rectangle_116" data-name="Rectangle 116" width="19.001" height="0.772" transform="translate(41.714 80.908)" fill="#dce0f5"/>
+                <rect id="Rectangle_117" data-name="Rectangle 117" width="19.001" height="0.772" transform="translate(41.714 82.451)" fill="#dce0f5"/>
+                <rect id="Rectangle_118" data-name="Rectangle 118" width="19.001" height="0.772" transform="translate(41.714 83.993)" fill="#dce0f5"/>
+                <rect id="Rectangle_119" data-name="Rectangle 119" width="19.001" height="0.772" transform="translate(41.714 85.537)" fill="#dce0f5"/>
+                <rect id="Rectangle_120" data-name="Rectangle 120" width="14.616" height="0.772" transform="translate(41.713 87.079)" fill="#dce0f5"/>
+                <rect id="Rectangle_121" data-name="Rectangle 121" width="19.001" height="3.086" transform="translate(19.79 63.559)" fill="#dce0f5"/>
+                <rect id="Rectangle_122" data-name="Rectangle 122" width="12.432" height="3.086" transform="translate(19.79 68.188)" fill="#dce0f5"/>
+                <rect id="Rectangle_123" data-name="Rectangle 123" width="8.939" height="3.086" transform="translate(5.173 5.868)" fill="#dce0f5"/>
+                <rect id="Rectangle_124" data-name="Rectangle 124" width="11.693" height="0.772" transform="translate(5.173 39.794)" fill="#dce0f5"/>
+                <rect id="Rectangle_125" data-name="Rectangle 125" width="11.693" height="0.772" transform="translate(5.173 41.336)" fill="#dce0f5"/>
+                <rect id="Rectangle_126" data-name="Rectangle 126" width="11.693" height="0.772" transform="translate(5.173 42.879)" fill="#dce0f5"/>
+                <rect id="Rectangle_127" data-name="Rectangle 127" width="11.693" height="0.772" transform="translate(5.173 44.421)" fill="#dce0f5"/>
+                <rect id="Rectangle_128" data-name="Rectangle 128" width="11.693" height="0.772" transform="translate(5.173 45.965)" fill="#dce0f5"/>
+                <rect id="Rectangle_129" data-name="Rectangle 129" width="11.693" height="0.772" transform="translate(5.173 47.507)" fill="#dce0f5"/>
+                <rect id="Rectangle_130" data-name="Rectangle 130" width="11.693" height="0.772" transform="translate(5.173 49.05)" fill="#dce0f5"/>
+                <rect id="Rectangle_131" data-name="Rectangle 131" width="11.693" height="0.772" transform="translate(5.173 50.593)" fill="#dce0f5"/>
+                <rect id="Rectangle_132" data-name="Rectangle 132" width="11.693" height="0.772" transform="translate(5.173 52.136)" fill="#dce0f5"/>
+                <rect id="Rectangle_133" data-name="Rectangle 133" width="11.693" height="0.772" transform="translate(5.173 53.678)" fill="#dce0f5"/>
+                <rect id="Rectangle_134" data-name="Rectangle 134" width="11.693" height="0.772" transform="translate(5.173 55.222)" fill="#dce0f5"/>
+                <rect id="Rectangle_135" data-name="Rectangle 135" width="5.847" height="0.772" transform="translate(5.173 56.764)" fill="#dce0f5"/>
+                <rect id="Rectangle_136" data-name="Rectangle 136" width="8.939" height="3.086" transform="translate(5.173 34.788)" fill="#dce0f5"/>
+                <rect id="Rectangle_137" data-name="Rectangle 137" width="11.693" height="0.772" transform="translate(5.173 68.754)" fill="#dce0f5"/>
+                <rect id="Rectangle_138" data-name="Rectangle 138" width="11.693" height="0.772" transform="translate(5.173 70.297)" fill="#dce0f5"/>
+                <rect id="Rectangle_139" data-name="Rectangle 139" width="11.693" height="0.772" transform="translate(5.173 71.84)" fill="#dce0f5"/>
+                <rect id="Rectangle_140" data-name="Rectangle 140" width="11.693" height="0.772" transform="translate(5.173 73.382)" fill="#dce0f5"/>
+                <rect id="Rectangle_141" data-name="Rectangle 141" width="11.693" height="0.772" transform="translate(5.173 74.926)" fill="#dce0f5"/>
+                <rect id="Rectangle_142" data-name="Rectangle 142" width="11.693" height="0.772" transform="translate(5.173 76.468)" fill="#dce0f5"/>
+                <rect id="Rectangle_143" data-name="Rectangle 143" width="11.693" height="0.772" transform="translate(5.173 78.011)" fill="#dce0f5"/>
+                <rect id="Rectangle_144" data-name="Rectangle 144" width="11.693" height="0.772" transform="translate(5.173 79.554)" fill="#dce0f5"/>
+                <rect id="Rectangle_145" data-name="Rectangle 145" width="11.693" height="0.772" transform="translate(5.173 81.097)" fill="#dce0f5"/>
+                <rect id="Rectangle_146" data-name="Rectangle 146" width="11.693" height="0.772" transform="translate(5.173 82.639)" fill="#dce0f5"/>
+                <rect id="Rectangle_147" data-name="Rectangle 147" width="11.693" height="0.772" transform="translate(5.173 84.183)" fill="#dce0f5"/>
+                <rect id="Rectangle_148" data-name="Rectangle 148" width="2.923" height="0.772" transform="translate(5.173 85.725)" fill="#dce0f5"/>
+                <rect id="Rectangle_149" data-name="Rectangle 149" width="8.939" height="3.086" transform="translate(5.173 63.749)" fill="#dce0f5"/>
+            </g>
+        </g>
+        <text id="x1" transform="translate(281 977)" fill="#fff" font-size="31.25" font-family="Poppins-SemiBold, Poppins" font-weight="600" letter-spacing="-0.02em"><tspan x="0" y="0">x1</tspan></text>
+    </g>
+</svg>
diff --git a/public/img/fb_impression_x10.svg b/public/img/fb_impression_x10.svg
new file mode 100644
index 0000000..1690ab4
--- /dev/null
+++ b/public/img/fb_impression_x10.svg
@@ -0,0 +1,96 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="131.598" height="96.911" viewBox="0 0 131.598 96.911">
+    <g id="Groupe_107" data-name="Groupe 107" transform="translate(-196.544 -916.044)">
+        <g id="Groupe_103" data-name="Groupe 103" transform="translate(197 916.5)">
+            <path id="Tracé_77" data-name="Tracé 77" d="M65.3,95.411h0a11.157,11.157,0,0,0-7.889-3.268H.5V.5H57.41A11.157,11.157,0,0,1,65.3,3.768Z" transform="translate(0.044 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+            <path id="Tracé_78" data-name="Tracé 78" d="M60.028,95.411h0a11.157,11.157,0,0,1,7.889-3.268h56.91V.5H67.917a11.157,11.157,0,0,0-7.889,3.268Z" transform="translate(5.315 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+            <g id="Tracé_79" data-name="Tracé 79" transform="translate(5.555 0.583)" fill="#1d5198">
+                <path d="M 62.44499588012695 90.55487823486328 L 62.44499588012695 4.775457859039307 C 63.95956802368164 3.574035882949829 65.84122467041016 2.91700267791748 67.79123687744141 2.91700267791748 L 122.157958984375 2.91700267791748 L 122.157958984375 89.47460174560547 L 67.79123687744141 89.47460174560547 C 65.94397735595703 89.47460174560547 64.12369537353516 89.84488677978516 62.44499588012695 90.55487823486328 Z" stroke="none"/>
+                <path d="M 67.79122924804688 3.916999816894531 C 66.22647857666016 3.916999816894531 64.71204376220703 4.395187377929688 63.44499969482422 5.277412414550781 L 63.44499969482422 89.12764739990234 C 64.84352111816406 88.6968994140625 66.30953979492188 88.47459411621094 67.79122924804688 88.47459411621094 L 121.157958984375 88.47459411621094 L 121.157958984375 3.916999816894531 L 67.79122924804688 3.916999816894531 M 67.79122924804688 1.916999816894531 L 123.157958984375 1.916999816894531 L 123.157958984375 90.47459411621094 L 67.79122924804688 90.47459411621094 C 65.52704620361328 90.47459411621094 63.35323333740234 91.06350708007812 61.44499969482422 92.16838073730469 L 61.44499969482422 4.30853271484375 C 63.20081329345703 2.761703491210938 65.43125915527344 1.916999816894531 67.79122924804688 1.916999816894531 Z" stroke="none" fill="#fff"/>
+            </g>
+            <g id="Groupe_104" data-name="Groupe 104">
+                <rect id="Rectangle_69" data-name="Rectangle 69" width="40.925" height="24.411" transform="translate(19.79 5.808)" fill="#dce0f5"/>
+                <rect id="Rectangle_70" data-name="Rectangle 70" width="19.001" height="11.948" transform="translate(41.714 63.56)" fill="#dce0f5"/>
+                <rect id="Rectangle_71" data-name="Rectangle 71" width="11.693" height="0.772" transform="translate(5.173 10.873)" fill="#dce0f5"/>
+                <rect id="Rectangle_72" data-name="Rectangle 72" width="11.693" height="0.772" transform="translate(5.173 12.417)" fill="#dce0f5"/>
+                <rect id="Rectangle_73" data-name="Rectangle 73" width="11.693" height="0.772" transform="translate(5.173 13.96)" fill="#dce0f5"/>
+                <rect id="Rectangle_74" data-name="Rectangle 74" width="11.693" height="0.772" transform="translate(5.173 15.502)" fill="#dce0f5"/>
+                <rect id="Rectangle_75" data-name="Rectangle 75" width="11.693" height="0.772" transform="translate(5.173 17.046)" fill="#dce0f5"/>
+                <rect id="Rectangle_76" data-name="Rectangle 76" width="11.693" height="0.772" transform="translate(5.173 18.588)" fill="#dce0f5"/>
+                <rect id="Rectangle_77" data-name="Rectangle 77" width="11.693" height="0.772" transform="translate(5.173 20.13)" fill="#dce0f5"/>
+                <rect id="Rectangle_78" data-name="Rectangle 78" width="11.693" height="0.772" transform="translate(5.173 21.674)" fill="#dce0f5"/>
+                <rect id="Rectangle_79" data-name="Rectangle 79" width="11.693" height="0.772" transform="translate(5.173 23.217)" fill="#dce0f5"/>
+                <rect id="Rectangle_80" data-name="Rectangle 80" width="11.693" height="0.772" transform="translate(5.173 24.759)" fill="#dce0f5"/>
+                <rect id="Rectangle_81" data-name="Rectangle 81" width="11.693" height="0.772" transform="translate(5.173 26.303)" fill="#dce0f5"/>
+                <rect id="Rectangle_82" data-name="Rectangle 82" width="8.769" height="0.772" transform="translate(5.173 27.845)" fill="#dce0f5"/>
+                <rect id="Rectangle_83" data-name="Rectangle 83" width="19.001" height="0.772" transform="translate(19.79 44.356)" fill="#dce0f5"/>
+                <rect id="Rectangle_84" data-name="Rectangle 84" width="19.001" height="0.772" transform="translate(19.79 45.9)" fill="#dce0f5"/>
+                <rect id="Rectangle_85" data-name="Rectangle 85" width="19.001" height="0.772" transform="translate(19.79 47.442)" fill="#dce0f5"/>
+                <rect id="Rectangle_86" data-name="Rectangle 86" width="19.001" height="0.772" transform="translate(19.79 48.985)" fill="#dce0f5"/>
+                <rect id="Rectangle_87" data-name="Rectangle 87" width="19.001" height="0.772" transform="translate(19.79 50.528)" fill="#dce0f5"/>
+                <rect id="Rectangle_88" data-name="Rectangle 88" width="19.001" height="0.772" transform="translate(19.79 52.071)" fill="#dce0f5"/>
+                <rect id="Rectangle_89" data-name="Rectangle 89" width="19.001" height="0.772" transform="translate(19.79 53.613)" fill="#dce0f5"/>
+                <rect id="Rectangle_90" data-name="Rectangle 90" width="19.001" height="0.772" transform="translate(19.79 55.157)" fill="#dce0f5"/>
+                <rect id="Rectangle_91" data-name="Rectangle 91" width="19.001" height="0.772" transform="translate(19.79 56.699)" fill="#dce0f5"/>
+                <rect id="Rectangle_92" data-name="Rectangle 92" width="19.001" height="0.772" transform="translate(19.79 58.242)" fill="#dce0f5"/>
+                <rect id="Rectangle_93" data-name="Rectangle 93" width="19.001" height="0.772" transform="translate(41.714 44.356)" fill="#dce0f5"/>
+                <rect id="Rectangle_94" data-name="Rectangle 94" width="19.001" height="0.772" transform="translate(41.714 45.9)" fill="#dce0f5"/>
+                <rect id="Rectangle_95" data-name="Rectangle 95" width="19.001" height="0.772" transform="translate(41.714 47.442)" fill="#dce0f5"/>
+                <rect id="Rectangle_96" data-name="Rectangle 96" width="19.001" height="0.772" transform="translate(41.714 48.985)" fill="#dce0f5"/>
+                <rect id="Rectangle_97" data-name="Rectangle 97" width="19.001" height="0.772" transform="translate(41.714 50.528)" fill="#dce0f5"/>
+                <rect id="Rectangle_98" data-name="Rectangle 98" width="19.001" height="0.772" transform="translate(41.714 52.071)" fill="#dce0f5"/>
+                <rect id="Rectangle_99" data-name="Rectangle 99" width="19.001" height="0.772" transform="translate(41.714 53.613)" fill="#dce0f5"/>
+                <rect id="Rectangle_100" data-name="Rectangle 100" width="19.001" height="0.772" transform="translate(41.714 55.157)" fill="#dce0f5"/>
+                <rect id="Rectangle_101" data-name="Rectangle 101" width="11.693" height="0.772" transform="translate(41.713 56.699)" fill="#dce0f5"/>
+                <rect id="Rectangle_102" data-name="Rectangle 102" width="40.925" height="3.086" transform="translate(19.79 34.722)" fill="#dce0f5"/>
+                <rect id="Rectangle_103" data-name="Rectangle 103" width="26.778" height="3.086" transform="translate(19.789 39.351)" fill="#dce0f5"/>
+                <rect id="Rectangle_104" data-name="Rectangle 104" width="19.001" height="0.772" transform="translate(19.79 73.194)" fill="#dce0f5"/>
+                <rect id="Rectangle_105" data-name="Rectangle 105" width="19.001" height="0.772" transform="translate(19.79 74.736)" fill="#dce0f5"/>
+                <rect id="Rectangle_106" data-name="Rectangle 106" width="19.001" height="0.772" transform="translate(19.79 76.28)" fill="#dce0f5"/>
+                <rect id="Rectangle_107" data-name="Rectangle 107" width="19.001" height="0.772" transform="translate(19.79 77.822)" fill="#dce0f5"/>
+                <rect id="Rectangle_108" data-name="Rectangle 108" width="19.001" height="0.772" transform="translate(19.79 79.365)" fill="#dce0f5"/>
+                <rect id="Rectangle_109" data-name="Rectangle 109" width="19.001" height="0.772" transform="translate(19.79 80.908)" fill="#dce0f5"/>
+                <rect id="Rectangle_110" data-name="Rectangle 110" width="19.001" height="0.772" transform="translate(19.79 82.451)" fill="#dce0f5"/>
+                <rect id="Rectangle_111" data-name="Rectangle 111" width="19.001" height="0.772" transform="translate(19.79 83.993)" fill="#dce0f5"/>
+                <rect id="Rectangle_112" data-name="Rectangle 112" width="19.001" height="0.772" transform="translate(19.79 85.537)" fill="#dce0f5"/>
+                <rect id="Rectangle_113" data-name="Rectangle 113" width="19.001" height="0.772" transform="translate(19.79 87.079)" fill="#dce0f5"/>
+                <rect id="Rectangle_114" data-name="Rectangle 114" width="19.001" height="0.772" transform="translate(41.714 77.822)" fill="#dce0f5"/>
+                <rect id="Rectangle_115" data-name="Rectangle 115" width="19.001" height="0.772" transform="translate(41.714 79.365)" fill="#dce0f5"/>
+                <rect id="Rectangle_116" data-name="Rectangle 116" width="19.001" height="0.772" transform="translate(41.714 80.908)" fill="#dce0f5"/>
+                <rect id="Rectangle_117" data-name="Rectangle 117" width="19.001" height="0.772" transform="translate(41.714 82.451)" fill="#dce0f5"/>
+                <rect id="Rectangle_118" data-name="Rectangle 118" width="19.001" height="0.772" transform="translate(41.714 83.993)" fill="#dce0f5"/>
+                <rect id="Rectangle_119" data-name="Rectangle 119" width="19.001" height="0.772" transform="translate(41.714 85.537)" fill="#dce0f5"/>
+                <rect id="Rectangle_120" data-name="Rectangle 120" width="14.616" height="0.772" transform="translate(41.713 87.079)" fill="#dce0f5"/>
+                <rect id="Rectangle_121" data-name="Rectangle 121" width="19.001" height="3.086" transform="translate(19.79 63.559)" fill="#dce0f5"/>
+                <rect id="Rectangle_122" data-name="Rectangle 122" width="12.432" height="3.086" transform="translate(19.79 68.188)" fill="#dce0f5"/>
+                <rect id="Rectangle_123" data-name="Rectangle 123" width="8.939" height="3.086" transform="translate(5.173 5.868)" fill="#dce0f5"/>
+                <rect id="Rectangle_124" data-name="Rectangle 124" width="11.693" height="0.772" transform="translate(5.173 39.794)" fill="#dce0f5"/>
+                <rect id="Rectangle_125" data-name="Rectangle 125" width="11.693" height="0.772" transform="translate(5.173 41.336)" fill="#dce0f5"/>
+                <rect id="Rectangle_126" data-name="Rectangle 126" width="11.693" height="0.772" transform="translate(5.173 42.879)" fill="#dce0f5"/>
+                <rect id="Rectangle_127" data-name="Rectangle 127" width="11.693" height="0.772" transform="translate(5.173 44.421)" fill="#dce0f5"/>
+                <rect id="Rectangle_128" data-name="Rectangle 128" width="11.693" height="0.772" transform="translate(5.173 45.965)" fill="#dce0f5"/>
+                <rect id="Rectangle_129" data-name="Rectangle 129" width="11.693" height="0.772" transform="translate(5.173 47.507)" fill="#dce0f5"/>
+                <rect id="Rectangle_130" data-name="Rectangle 130" width="11.693" height="0.772" transform="translate(5.173 49.05)" fill="#dce0f5"/>
+                <rect id="Rectangle_131" data-name="Rectangle 131" width="11.693" height="0.772" transform="translate(5.173 50.593)" fill="#dce0f5"/>
+                <rect id="Rectangle_132" data-name="Rectangle 132" width="11.693" height="0.772" transform="translate(5.173 52.136)" fill="#dce0f5"/>
+                <rect id="Rectangle_133" data-name="Rectangle 133" width="11.693" height="0.772" transform="translate(5.173 53.678)" fill="#dce0f5"/>
+                <rect id="Rectangle_134" data-name="Rectangle 134" width="11.693" height="0.772" transform="translate(5.173 55.222)" fill="#dce0f5"/>
+                <rect id="Rectangle_135" data-name="Rectangle 135" width="5.847" height="0.772" transform="translate(5.173 56.764)" fill="#dce0f5"/>
+                <rect id="Rectangle_136" data-name="Rectangle 136" width="8.939" height="3.086" transform="translate(5.173 34.788)" fill="#dce0f5"/>
+                <rect id="Rectangle_137" data-name="Rectangle 137" width="11.693" height="0.772" transform="translate(5.173 68.754)" fill="#dce0f5"/>
+                <rect id="Rectangle_138" data-name="Rectangle 138" width="11.693" height="0.772" transform="translate(5.173 70.297)" fill="#dce0f5"/>
+                <rect id="Rectangle_139" data-name="Rectangle 139" width="11.693" height="0.772" transform="translate(5.173 71.84)" fill="#dce0f5"/>
+                <rect id="Rectangle_140" data-name="Rectangle 140" width="11.693" height="0.772" transform="translate(5.173 73.382)" fill="#dce0f5"/>
+                <rect id="Rectangle_141" data-name="Rectangle 141" width="11.693" height="0.772" transform="translate(5.173 74.926)" fill="#dce0f5"/>
+                <rect id="Rectangle_142" data-name="Rectangle 142" width="11.693" height="0.772" transform="translate(5.173 76.468)" fill="#dce0f5"/>
+                <rect id="Rectangle_143" data-name="Rectangle 143" width="11.693" height="0.772" transform="translate(5.173 78.011)" fill="#dce0f5"/>
+                <rect id="Rectangle_144" data-name="Rectangle 144" width="11.693" height="0.772" transform="translate(5.173 79.554)" fill="#dce0f5"/>
+                <rect id="Rectangle_145" data-name="Rectangle 145" width="11.693" height="0.772" transform="translate(5.173 81.097)" fill="#dce0f5"/>
+                <rect id="Rectangle_146" data-name="Rectangle 146" width="11.693" height="0.772" transform="translate(5.173 82.639)" fill="#dce0f5"/>
+                <rect id="Rectangle_147" data-name="Rectangle 147" width="11.693" height="0.772" transform="translate(5.173 84.183)" fill="#dce0f5"/>
+                <rect id="Rectangle_148" data-name="Rectangle 148" width="2.923" height="0.772" transform="translate(5.173 85.725)" fill="#dce0f5"/>
+                <rect id="Rectangle_149" data-name="Rectangle 149" width="8.939" height="3.086" transform="translate(5.173 63.749)" fill="#dce0f5"/>
+            </g>
+        </g>
+        <text id="x1" transform="translate(272 977)" fill="#fff" font-size="31.25" font-family="Poppins-SemiBold, Poppins" font-weight="600" letter-spacing="-0.02em"><tspan x="0" y="0">x10</tspan></text>
+    </g>
+</svg>
diff --git a/public/img/fb_impression_x4.svg b/public/img/fb_impression_x4.svg
new file mode 100644
index 0000000..09005c1
--- /dev/null
+++ b/public/img/fb_impression_x4.svg
@@ -0,0 +1,96 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="131.598" height="96.911" viewBox="0 0 131.598 96.911">
+    <g id="Groupe_107" data-name="Groupe 107" transform="translate(-196.544 -916.044)">
+        <g id="Groupe_103" data-name="Groupe 103" transform="translate(197 916.5)">
+            <path id="Tracé_77" data-name="Tracé 77" d="M65.3,95.411h0a11.157,11.157,0,0,0-7.889-3.268H.5V.5H57.41A11.157,11.157,0,0,1,65.3,3.768Z" transform="translate(0.044 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+            <path id="Tracé_78" data-name="Tracé 78" d="M60.028,95.411h0a11.157,11.157,0,0,1,7.889-3.268h56.91V.5H67.917a11.157,11.157,0,0,0-7.889,3.268Z" transform="translate(5.315 0.044)" fill="none" stroke="#1d5198" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+            <g id="Tracé_79" data-name="Tracé 79" transform="translate(5.555 0.583)" fill="#1d5198">
+                <path d="M 62.44499588012695 90.55487823486328 L 62.44499588012695 4.775457859039307 C 63.95956802368164 3.574035882949829 65.84122467041016 2.91700267791748 67.79123687744141 2.91700267791748 L 122.157958984375 2.91700267791748 L 122.157958984375 89.47460174560547 L 67.79123687744141 89.47460174560547 C 65.94397735595703 89.47460174560547 64.12369537353516 89.84488677978516 62.44499588012695 90.55487823486328 Z" stroke="none"/>
+                <path d="M 67.79122924804688 3.916999816894531 C 66.22647857666016 3.916999816894531 64.71204376220703 4.395187377929688 63.44499969482422 5.277412414550781 L 63.44499969482422 89.12764739990234 C 64.84352111816406 88.6968994140625 66.30953979492188 88.47459411621094 67.79122924804688 88.47459411621094 L 121.157958984375 88.47459411621094 L 121.157958984375 3.916999816894531 L 67.79122924804688 3.916999816894531 M 67.79122924804688 1.916999816894531 L 123.157958984375 1.916999816894531 L 123.157958984375 90.47459411621094 L 67.79122924804688 90.47459411621094 C 65.52704620361328 90.47459411621094 63.35323333740234 91.06350708007812 61.44499969482422 92.16838073730469 L 61.44499969482422 4.30853271484375 C 63.20081329345703 2.761703491210938 65.43125915527344 1.916999816894531 67.79122924804688 1.916999816894531 Z" stroke="none" fill="#fff"/>
+            </g>
+            <g id="Groupe_104" data-name="Groupe 104">
+                <rect id="Rectangle_69" data-name="Rectangle 69" width="40.925" height="24.411" transform="translate(19.79 5.808)" fill="#dce0f5"/>
+                <rect id="Rectangle_70" data-name="Rectangle 70" width="19.001" height="11.948" transform="translate(41.714 63.56)" fill="#dce0f5"/>
+                <rect id="Rectangle_71" data-name="Rectangle 71" width="11.693" height="0.772" transform="translate(5.173 10.873)" fill="#dce0f5"/>
+                <rect id="Rectangle_72" data-name="Rectangle 72" width="11.693" height="0.772" transform="translate(5.173 12.417)" fill="#dce0f5"/>
+                <rect id="Rectangle_73" data-name="Rectangle 73" width="11.693" height="0.772" transform="translate(5.173 13.96)" fill="#dce0f5"/>
+                <rect id="Rectangle_74" data-name="Rectangle 74" width="11.693" height="0.772" transform="translate(5.173 15.502)" fill="#dce0f5"/>
+                <rect id="Rectangle_75" data-name="Rectangle 75" width="11.693" height="0.772" transform="translate(5.173 17.046)" fill="#dce0f5"/>
+                <rect id="Rectangle_76" data-name="Rectangle 76" width="11.693" height="0.772" transform="translate(5.173 18.588)" fill="#dce0f5"/>
+                <rect id="Rectangle_77" data-name="Rectangle 77" width="11.693" height="0.772" transform="translate(5.173 20.13)" fill="#dce0f5"/>
+                <rect id="Rectangle_78" data-name="Rectangle 78" width="11.693" height="0.772" transform="translate(5.173 21.674)" fill="#dce0f5"/>
+                <rect id="Rectangle_79" data-name="Rectangle 79" width="11.693" height="0.772" transform="translate(5.173 23.217)" fill="#dce0f5"/>
+                <rect id="Rectangle_80" data-name="Rectangle 80" width="11.693" height="0.772" transform="translate(5.173 24.759)" fill="#dce0f5"/>
+                <rect id="Rectangle_81" data-name="Rectangle 81" width="11.693" height="0.772" transform="translate(5.173 26.303)" fill="#dce0f5"/>
+                <rect id="Rectangle_82" data-name="Rectangle 82" width="8.769" height="0.772" transform="translate(5.173 27.845)" fill="#dce0f5"/>
+                <rect id="Rectangle_83" data-name="Rectangle 83" width="19.001" height="0.772" transform="translate(19.79 44.356)" fill="#dce0f5"/>
+                <rect id="Rectangle_84" data-name="Rectangle 84" width="19.001" height="0.772" transform="translate(19.79 45.9)" fill="#dce0f5"/>
+                <rect id="Rectangle_85" data-name="Rectangle 85" width="19.001" height="0.772" transform="translate(19.79 47.442)" fill="#dce0f5"/>
+                <rect id="Rectangle_86" data-name="Rectangle 86" width="19.001" height="0.772" transform="translate(19.79 48.985)" fill="#dce0f5"/>
+                <rect id="Rectangle_87" data-name="Rectangle 87" width="19.001" height="0.772" transform="translate(19.79 50.528)" fill="#dce0f5"/>
+                <rect id="Rectangle_88" data-name="Rectangle 88" width="19.001" height="0.772" transform="translate(19.79 52.071)" fill="#dce0f5"/>
+                <rect id="Rectangle_89" data-name="Rectangle 89" width="19.001" height="0.772" transform="translate(19.79 53.613)" fill="#dce0f5"/>
+                <rect id="Rectangle_90" data-name="Rectangle 90" width="19.001" height="0.772" transform="translate(19.79 55.157)" fill="#dce0f5"/>
+                <rect id="Rectangle_91" data-name="Rectangle 91" width="19.001" height="0.772" transform="translate(19.79 56.699)" fill="#dce0f5"/>
+                <rect id="Rectangle_92" data-name="Rectangle 92" width="19.001" height="0.772" transform="translate(19.79 58.242)" fill="#dce0f5"/>
+                <rect id="Rectangle_93" data-name="Rectangle 93" width="19.001" height="0.772" transform="translate(41.714 44.356)" fill="#dce0f5"/>
+                <rect id="Rectangle_94" data-name="Rectangle 94" width="19.001" height="0.772" transform="translate(41.714 45.9)" fill="#dce0f5"/>
+                <rect id="Rectangle_95" data-name="Rectangle 95" width="19.001" height="0.772" transform="translate(41.714 47.442)" fill="#dce0f5"/>
+                <rect id="Rectangle_96" data-name="Rectangle 96" width="19.001" height="0.772" transform="translate(41.714 48.985)" fill="#dce0f5"/>
+                <rect id="Rectangle_97" data-name="Rectangle 97" width="19.001" height="0.772" transform="translate(41.714 50.528)" fill="#dce0f5"/>
+                <rect id="Rectangle_98" data-name="Rectangle 98" width="19.001" height="0.772" transform="translate(41.714 52.071)" fill="#dce0f5"/>
+                <rect id="Rectangle_99" data-name="Rectangle 99" width="19.001" height="0.772" transform="translate(41.714 53.613)" fill="#dce0f5"/>
+                <rect id="Rectangle_100" data-name="Rectangle 100" width="19.001" height="0.772" transform="translate(41.714 55.157)" fill="#dce0f5"/>
+                <rect id="Rectangle_101" data-name="Rectangle 101" width="11.693" height="0.772" transform="translate(41.713 56.699)" fill="#dce0f5"/>
+                <rect id="Rectangle_102" data-name="Rectangle 102" width="40.925" height="3.086" transform="translate(19.79 34.722)" fill="#dce0f5"/>
+                <rect id="Rectangle_103" data-name="Rectangle 103" width="26.778" height="3.086" transform="translate(19.789 39.351)" fill="#dce0f5"/>
+                <rect id="Rectangle_104" data-name="Rectangle 104" width="19.001" height="0.772" transform="translate(19.79 73.194)" fill="#dce0f5"/>
+                <rect id="Rectangle_105" data-name="Rectangle 105" width="19.001" height="0.772" transform="translate(19.79 74.736)" fill="#dce0f5"/>
+                <rect id="Rectangle_106" data-name="Rectangle 106" width="19.001" height="0.772" transform="translate(19.79 76.28)" fill="#dce0f5"/>
+                <rect id="Rectangle_107" data-name="Rectangle 107" width="19.001" height="0.772" transform="translate(19.79 77.822)" fill="#dce0f5"/>
+                <rect id="Rectangle_108" data-name="Rectangle 108" width="19.001" height="0.772" transform="translate(19.79 79.365)" fill="#dce0f5"/>
+                <rect id="Rectangle_109" data-name="Rectangle 109" width="19.001" height="0.772" transform="translate(19.79 80.908)" fill="#dce0f5"/>
+                <rect id="Rectangle_110" data-name="Rectangle 110" width="19.001" height="0.772" transform="translate(19.79 82.451)" fill="#dce0f5"/>
+                <rect id="Rectangle_111" data-name="Rectangle 111" width="19.001" height="0.772" transform="translate(19.79 83.993)" fill="#dce0f5"/>
+                <rect id="Rectangle_112" data-name="Rectangle 112" width="19.001" height="0.772" transform="translate(19.79 85.537)" fill="#dce0f5"/>
+                <rect id="Rectangle_113" data-name="Rectangle 113" width="19.001" height="0.772" transform="translate(19.79 87.079)" fill="#dce0f5"/>
+                <rect id="Rectangle_114" data-name="Rectangle 114" width="19.001" height="0.772" transform="translate(41.714 77.822)" fill="#dce0f5"/>
+                <rect id="Rectangle_115" data-name="Rectangle 115" width="19.001" height="0.772" transform="translate(41.714 79.365)" fill="#dce0f5"/>
+                <rect id="Rectangle_116" data-name="Rectangle 116" width="19.001" height="0.772" transform="translate(41.714 80.908)" fill="#dce0f5"/>
+                <rect id="Rectangle_117" data-name="Rectangle 117" width="19.001" height="0.772" transform="translate(41.714 82.451)" fill="#dce0f5"/>
+                <rect id="Rectangle_118" data-name="Rectangle 118" width="19.001" height="0.772" transform="translate(41.714 83.993)" fill="#dce0f5"/>
+                <rect id="Rectangle_119" data-name="Rectangle 119" width="19.001" height="0.772" transform="translate(41.714 85.537)" fill="#dce0f5"/>
+                <rect id="Rectangle_120" data-name="Rectangle 120" width="14.616" height="0.772" transform="translate(41.713 87.079)" fill="#dce0f5"/>
+                <rect id="Rectangle_121" data-name="Rectangle 121" width="19.001" height="3.086" transform="translate(19.79 63.559)" fill="#dce0f5"/>
+                <rect id="Rectangle_122" data-name="Rectangle 122" width="12.432" height="3.086" transform="translate(19.79 68.188)" fill="#dce0f5"/>
+                <rect id="Rectangle_123" data-name="Rectangle 123" width="8.939" height="3.086" transform="translate(5.173 5.868)" fill="#dce0f5"/>
+                <rect id="Rectangle_124" data-name="Rectangle 124" width="11.693" height="0.772" transform="translate(5.173 39.794)" fill="#dce0f5"/>
+                <rect id="Rectangle_125" data-name="Rectangle 125" width="11.693" height="0.772" transform="translate(5.173 41.336)" fill="#dce0f5"/>
+                <rect id="Rectangle_126" data-name="Rectangle 126" width="11.693" height="0.772" transform="translate(5.173 42.879)" fill="#dce0f5"/>
+                <rect id="Rectangle_127" data-name="Rectangle 127" width="11.693" height="0.772" transform="translate(5.173 44.421)" fill="#dce0f5"/>
+                <rect id="Rectangle_128" data-name="Rectangle 128" width="11.693" height="0.772" transform="translate(5.173 45.965)" fill="#dce0f5"/>
+                <rect id="Rectangle_129" data-name="Rectangle 129" width="11.693" height="0.772" transform="translate(5.173 47.507)" fill="#dce0f5"/>
+                <rect id="Rectangle_130" data-name="Rectangle 130" width="11.693" height="0.772" transform="translate(5.173 49.05)" fill="#dce0f5"/>
+                <rect id="Rectangle_131" data-name="Rectangle 131" width="11.693" height="0.772" transform="translate(5.173 50.593)" fill="#dce0f5"/>
+                <rect id="Rectangle_132" data-name="Rectangle 132" width="11.693" height="0.772" transform="translate(5.173 52.136)" fill="#dce0f5"/>
+                <rect id="Rectangle_133" data-name="Rectangle 133" width="11.693" height="0.772" transform="translate(5.173 53.678)" fill="#dce0f5"/>
+                <rect id="Rectangle_134" data-name="Rectangle 134" width="11.693" height="0.772" transform="translate(5.173 55.222)" fill="#dce0f5"/>
+                <rect id="Rectangle_135" data-name="Rectangle 135" width="5.847" height="0.772" transform="translate(5.173 56.764)" fill="#dce0f5"/>
+                <rect id="Rectangle_136" data-name="Rectangle 136" width="8.939" height="3.086" transform="translate(5.173 34.788)" fill="#dce0f5"/>
+                <rect id="Rectangle_137" data-name="Rectangle 137" width="11.693" height="0.772" transform="translate(5.173 68.754)" fill="#dce0f5"/>
+                <rect id="Rectangle_138" data-name="Rectangle 138" width="11.693" height="0.772" transform="translate(5.173 70.297)" fill="#dce0f5"/>
+                <rect id="Rectangle_139" data-name="Rectangle 139" width="11.693" height="0.772" transform="translate(5.173 71.84)" fill="#dce0f5"/>
+                <rect id="Rectangle_140" data-name="Rectangle 140" width="11.693" height="0.772" transform="translate(5.173 73.382)" fill="#dce0f5"/>
+                <rect id="Rectangle_141" data-name="Rectangle 141" width="11.693" height="0.772" transform="translate(5.173 74.926)" fill="#dce0f5"/>
+                <rect id="Rectangle_142" data-name="Rectangle 142" width="11.693" height="0.772" transform="translate(5.173 76.468)" fill="#dce0f5"/>
+                <rect id="Rectangle_143" data-name="Rectangle 143" width="11.693" height="0.772" transform="translate(5.173 78.011)" fill="#dce0f5"/>
+                <rect id="Rectangle_144" data-name="Rectangle 144" width="11.693" height="0.772" transform="translate(5.173 79.554)" fill="#dce0f5"/>
+                <rect id="Rectangle_145" data-name="Rectangle 145" width="11.693" height="0.772" transform="translate(5.173 81.097)" fill="#dce0f5"/>
+                <rect id="Rectangle_146" data-name="Rectangle 146" width="11.693" height="0.772" transform="translate(5.173 82.639)" fill="#dce0f5"/>
+                <rect id="Rectangle_147" data-name="Rectangle 147" width="11.693" height="0.772" transform="translate(5.173 84.183)" fill="#dce0f5"/>
+                <rect id="Rectangle_148" data-name="Rectangle 148" width="2.923" height="0.772" transform="translate(5.173 85.725)" fill="#dce0f5"/>
+                <rect id="Rectangle_149" data-name="Rectangle 149" width="8.939" height="3.086" transform="translate(5.173 63.749)" fill="#dce0f5"/>
+            </g>
+        </g>
+        <text id="x1" transform="translate(277 977)" fill="#fff" font-size="31.25" font-family="Poppins-SemiBold, Poppins" font-weight="600" letter-spacing="-0.02em"><tspan x="0" y="0">x4</tspan></text>
+    </g>
+</svg>
diff --git a/resources/js/app.js b/resources/js/app.js
index 1a131ff..eafd02b 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -54,7 +54,7 @@ const app = new Vue({
                 slug: "",
                 headlines: []
             },
-            email:{
+            email: {
                 subject: "",
                 content: "",
                 link: "",
@@ -91,33 +91,41 @@ document.addEventListener("DOMContentLoaded", () => {
         })
     })
 
-    const emblaNode = document.querySelector('.embla')
-    const options = {
-        loop: false,
-        container: '.embla__container',
-        slides: '.embla__slide',
-        watchDrag: false,
-        watchResize: true,
+    if(document.querySelector('.alert-success')) {
+        const text = document.querySelector("#app > main > div > div.alert.alert-success.alert-dismissible").innerText
+        popup(text, '','success')
     }
-    const embla = EmblaCarousel(emblaNode, options)
-
-    const rootNode = document.querySelector('.embla')
-
-    // Grab button nodes
-    const prevButtonNode = rootNode.querySelector('.embla__prev')
-    const nextButtonNode = rootNode.querySelector('.embla__next')
 
-    // Add click listeners
-    prevButtonNode.addEventListener('click', embla.scrollPrev, false)
-    nextButtonNode.addEventListener('click', embla.scrollNext, false)
-
-    window.addEventListener("resize",embla.reInit())
+    const emblaNode = document.querySelector('.embla')
+    if(emblaNode) {
+        const options = {
+            loop: false,
+            container: '.embla__container',
+            slides: '.embla__slide',
+            watchDrag: false,
+            watchResize: true,
+        }
+        const embla = EmblaCarousel(emblaNode, options)
+
+        const rootNode = document.querySelector('.embla')
+
+        // Grab button nodes
+        const prevButtonNode = rootNode.querySelector('.embla__prev')
+        const nextButtonNode = rootNode.querySelector('.embla__next')
+
+        // Add click listeners
+        prevButtonNode.addEventListener('click', embla.scrollPrev, false)
+        nextButtonNode.addEventListener('click', embla.scrollNext, false)
+
+        window.addEventListener("resize", embla.reInit())
+    }
 })
 
-function popup($title, $text) {
+function popup($title, $text, $icon) {
     Swal.fire({
         title: $title,
         html: $text,
+        icon: $icon ?? null,
         showCloseButton: true,
         showConfirmButton: false,
         closeButtonHtml: `<div><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
diff --git a/resources/js/components/Contact/RequestSubscriptionForm.vue b/resources/js/components/Contact/RequestSubscriptionForm.vue
index 4515a22..ba5be8b 100644
--- a/resources/js/components/Contact/RequestSubscriptionForm.vue
+++ b/resources/js/components/Contact/RequestSubscriptionForm.vue
@@ -12,7 +12,6 @@
             </div>
         </div>
 
-
         <div class="form-group row" v-if="plan_collective">
             <div class="col-md-8">
                 <div class="custom-control custom-radio">
diff --git a/resources/sass/_page.scss b/resources/sass/_page.scss
index 9bf31ec..72e799f 100644
--- a/resources/sass/_page.scss
+++ b/resources/sass/_page.scss
@@ -47,7 +47,7 @@
 
         .cover {
             max-width: 384px;
-            @include media-breakpoint-down(xl) {
+            @include media-breakpoint-down(lg) {
                 order: 1;
                 margin: 0 auto;
                 max-width: 253px;
@@ -148,11 +148,6 @@
                 padding: 32px !important;
             }
         }
-        input {
-            @include media-breakpoint-down(sm) {
-                background-color: $clearblue;
-            }
-        }
         .forgot-pwd {
             text-align: left;
             margin: 0;
diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss
index 4b89bff..9dc8629 100644
--- a/resources/sass/_variables.scss
+++ b/resources/sass/_variables.scss
@@ -28,7 +28,7 @@ $colors: (
 );
 
 $grid-breakpoints: (
-    xs: 0,
+    xs: 1px,
     sm: 576px,
     md: 768px,
     lg: 992px,
@@ -37,9 +37,9 @@ $grid-breakpoints: (
 );
 
 $container-max-widths: (
-    sm: 100%,
-    md: 720px,
-    lg: 960px,
+    sm: calc(1280px + 32px),
+    md: calc(1280px + 32px),
+    lg: calc(1280px + 32px),
     xl: calc(1280px + 32px), // 32px est la largeur de la gouttière
     xxl: calc(1280px + 32px)
 );
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 0ddb763..1c77a78 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -2,9 +2,10 @@
 @import "common";
 
 @import '~bootstrap/scss/bootstrap';
+@import "tailwindcss";
 @import 'mixins';
 @import "ais";
-@import "fonts";
+//@import "fonts";
 @import "colors";
 @import "nav";
 @import "footer";
@@ -296,10 +297,22 @@ article {
     }
 }
 
+.d-flex {
+    display: flex;
+}
+
+.justify-content-between {
+    justify-content: space-between;
+}
+
+.align-items-center {
+    align-items: center;
+}
+
 .flex--center {
-    @extend .d-flex;
-    @extend .justify-content-center;
-    @extend .align-items-center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .circlebutton {
@@ -361,10 +374,6 @@ article {
     transition: all .3s;
     @include media-breakpoint-up(lg) {
         font-weight: 500;
-        font-size: 12px;
-    }
-    @include media-breakpoint-up(xl) {
-        font-size: 16px;
     }
 }
 
@@ -398,6 +407,8 @@ article {
 .container {
     padding-right: 16px;
     padding-left: 16px;
+    max-width: calc(1280px + 32px);
+    width: 100%;
 }
 
 .bigtitle {
@@ -575,6 +586,16 @@ article {
     }
 }
 
+.form-group {
+    position: relative;
+    .invalid-feedback {
+        position: absolute;
+        top: 6px;
+        right: 0;
+        text-align: right;
+    }
+}
+
 $fs : (16,20,25);
 
 @each $fs in $fs {
diff --git a/resources/views/account/index.blade.php b/resources/views/account/index.blade.php
index 2996b32..0553a74 100644
--- a/resources/views/account/index.blade.php
+++ b/resources/views/account/index.blade.php
@@ -2,8 +2,8 @@
 
 @section('content')
     <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-8">
+        <div class="row justify-center">
+            <div class="col-md-8 xl:mb-16">
                 @if(! $user->reg_complete)
                     <div class="alert alert-warning">
                         Merci de remplir ce formulaire pour finaliser la création de votre compte afin de pouvoir accéder aux contenus <b>Prescription Santé.</b>
@@ -40,7 +40,7 @@
                     </div>
                 @endif
 
-                <div class="card">
+                <div class="card form max-md:!border-0 max-md:!shadow-none">
                     <form method="POST" action="{{ route('account.update') }}">
                         @csrf
                         <div class="card-header">{{ __('Modifier mon profil') }}</div>
@@ -49,10 +49,10 @@
 
                             <input type="hidden" name="login_token" value="{{$token}}">
 
-                            <div class="form-group row">
-                                <label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('Prénom') }}</label>
+                            <div class="form-group">
+                                <label for="first_name" class="col-form-label text-md-right">{{ __('Prénom') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <input id="first_name" type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{ old('first_name', $user->first_name) }}" required autocomplete="given-name" autofocus>
 
                                     @error('first_name')
@@ -63,10 +63,10 @@
                                 </div>
                             </div>
 
-                            <div class="form-group row">
-                                <label for="last_name" class="col-md-4 col-form-label text-md-right">{{ __('Nom') }}</label>
+                            <div class="form-group">
+                                <label for="last_name" class="col-form-label text-md-right">{{ __('Nom') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <input id="last_name" type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{ old('last_name', $user->last_name) }}" required autocomplete="family-name">
 
                                     @error('last_name')
@@ -78,10 +78,10 @@
                             </div>
 
 
-                            <div class="form-group row">
-                                <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('Adresse email') }}</label>
+                            <div class="form-group">
+                                <label for="email" class="col-form-label text-md-right">{{ __('Adresse email') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email', $user->email) }}" required autocomplete="email" disabled>
 
                                     @error('email')
@@ -92,10 +92,10 @@
                                 </div>
                             </div>
 
-                            <div class="form-group row">
-                                <label for="phone" class="col-md-4 col-form-label text-md-right">{{ __('Téléphone') }}</label>
+                            <div class="form-group">
+                                <label for="phone" class="col-form-label text-md-right">{{ __('Téléphone') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone', $user->phone) }}"  autocomplete="phone">
 
                                     @error('phone')
@@ -105,10 +105,10 @@
                                     @enderror
                                 </div>
                             </div>
-                            <div class="form-group row">
-                                <label for="employer" class="col-md-4 col-form-label text-md-right">{{ __('Employeur') }}</label>
+                            <div class="form-group">
+                                <label for="employer" class="col-form-label text-md-right">{{ __('Employeur') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     @if($user->organization === null)
                                     <input id="employer" type="text" class="form-control @error('employer') is-invalid @enderror" name="employer" value="{{ old('employer', $user->employer) }}" >
                                     @error('employer')
@@ -118,15 +118,14 @@
                                     @enderror
                                     @else
                                         <input id="employer" type="text" class="form-control" name="employer" value="{{ $user->organization }}" disabled readonly>
-
                                     @endif
                                 </div>
                             </div>
 
-                            <div class="form-group row">
-                                <label for="service" class="col-md-4 col-form-label text-md-right">{{ __('Adresse') }}</label>
+                            <div class="form-group">
+                                <label for="service" class="col-form-label text-md-right">{{ __('Adresse') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <google-place-autocomplete value="{{$user->full_address}}"></google-place-autocomplete>
 
                                     @error('address')
@@ -140,10 +139,10 @@
                             <div>
                             </div>
 
-                            <div class="form-group row">
-                                <label for="service" class="col-md-4 col-form-label text-md-right">{{ __('Service') }}</label>
+                            <div class="form-group">
+                                <label for="service" class="col-form-label text-md-right">{{ __('Service') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <input id="service" type="text" class="form-control @error('service') is-invalid @enderror" name="service" value="{{ old('service', $user->service) }}" >
 
                                     @error('service')
@@ -153,10 +152,10 @@
                                     @enderror
                                 </div>
                             </div>
-                            <div class="form-group row">
-                                <label for="position" class="col-md-4 col-form-label text-md-right">{{ __('Fonction') }}</label>
+                            <div class="form-group">
+                                <label for="position" class="col-form-label text-md-right">{{ __('Fonction') }}</label>
 
-                                <div class="col-md-6">
+                                <div>
                                     <input id="position" type="text" class="form-control @error('position') is-invalid @enderror" name="position" value="{{ old('position', $user->position) }}">
 
                                     @error('fonction')
@@ -166,8 +165,8 @@
                                     @enderror
                                 </div>
                             </div>
-                            <div class="form-group row">
-                                <div class="col-md-6 offset-md-4">
+                            <div class="form-group">
+                                <div>
                                     <div class="form-check">
                                         <input class="form-check-input" type="checkbox" id="acceptsPolls" name="acceptsPolls" {{old('wantsPdf', $user->accepts_polls) ? 'checked' : ''}}>
 
@@ -178,8 +177,8 @@
 
                                 </div>
                             </div>
-                            <div class="form-group row">
-                                <div class="col-md-6 offset-md-4">
+                            <div class="form-group">
+                                <div>
                                     <div class="form-check">
                                         <input class="form-check-input" type="checkbox" id="wantsPdf" name="wantsPdf" {{old('wantsPdf', $user->wants_pdf) ? 'checked' : ''}}>
 
@@ -194,10 +193,10 @@
 
 
                             @if(! $user->reg_complete)
-                                <div class="form-group row">
-                                    <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Nouveau mot de passe') }}</label>
+                                <div class="form-group">
+                                    <label for="password" class="text-md-right">{{ __('Nouveau mot de passe') }}</label>
 
-                                    <div class="col-md-6">
+                                    <div>
                                         <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" {{$user->reg_complete ? '' : 'required'}} autocomplete="new-password">
 
                                         @error('password')
@@ -208,18 +207,18 @@
                                     </div>
                                 </div>
 
-                                <div class="form-group row">
-                                    <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirmation mot de passe') }}</label>
+                                <div class="form-group">
+                                    <label for="password-confirm" class="text-md-right">{{ __('Confirmation mot de passe') }}</label>
 
-                                    <div class="col-md-6">
+                                    <div>
                                         <input id="password-confirm" type="password" class="form-control" name="password_confirmation" {{$user->reg_complete ? '' : 'required'}} autocomplete="new-password">
                                     </div>
                                 </div>
                             @endif
 
-                            <div class="form-group row mb-0">
-                                <div class="col-md-6 offset-md-4">
-                                    <button type="submit" class="btn btn-primary">
+                            <div class="form-group mb-0">
+                                <div>
+                                    <button type="submit" class="btn btnorange">
                                         {{ __('Enregistrer') }}
                                     </button>
                                 </div>
@@ -229,16 +228,16 @@
                     </form>
                 </div>
                 @if($user->reg_complete)
-                    <div class="card mt-4">
+                    <div class="card mt-4 form max-md:!border-0 max-md:!shadow-none">
                         <form method="POST" action="{{ route('account.password') }}">
                             @csrf
                             <div class="card-header">Modifier mon mot de passe</div>
 
                             <div class="card-body">
-                                <div class="form-group row">
-                                    <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Nouveau mot de passe') }}</label>
+                                <div class="form-group">
+                                    <label for="password" class="text-md-right">{{ __('Nouveau mot de passe') }}</label>
 
-                                    <div class="col-md-6">
+                                    <div>
                                         <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" {{$user->reg_complete ? '' : 'required'}} autocomplete="new-password">
 
                                         @error('password')
@@ -249,16 +248,16 @@
                                     </div>
                                 </div>
 
-                                <div class="form-group row">
-                                    <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirmation mot de passe') }}</label>
+                                <div class="form-group">
+                                    <label for="password-confirm" class="text-md-right">{{ __('Confirmation mot de passe') }}</label>
 
-                                    <div class="col-md-6">
+                                    <div>
                                         <input id="password-confirm" type="password" class="form-control" name="password_confirmation" {{$user->reg_complete ? '' : 'required'}} autocomplete="new-password">
                                     </div>
                                 </div>
-                                <div class="form-group row mb-0">
-                                    <div class="col-md-6 offset-md-4">
-                                        <button type="submit" class="btn btn-primary">
+                                <div class="form-group mb-0">
+                                    <div>
+                                        <button type="submit" class="btn btnorange">
                                             {{ __('Enregistrer') }}
                                         </button>
                                     </div>
diff --git a/resources/views/admin/settings/strings.blade.php b/resources/views/admin/settings/strings.blade.php
index cc75a2b..4fc04ed 100644
--- a/resources/views/admin/settings/strings.blade.php
+++ b/resources/views/admin/settings/strings.blade.php
@@ -62,13 +62,20 @@
     ])
 
     @formField('input', [
-        'label' => 'Titre bloc image accueil',
+        'label' => 'Titre bloc image - accueil',
         'name' => 'title_bloc_image_home',
         'maxlength' => 1000,
         'required' => true,
         'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
+    @formField('input', [
+        'label' => 'Sous-titre bloc image - accueil',
+        'name' => 'subtitle_bloc_image_home',
+        'maxlength' => 1000,
+        'required' => true,
+    ])
+
     @formField('wysiwyg', [
         'label' => 'Texte bloc image accueil',
         'name' => 'text_bloc_image_home',
@@ -118,8 +125,16 @@
     ])
 
     @formField('wysiwyg', [
-        'label' => 'Texte - page abonnement',
-        'name' => 'text_subscription',
+        'label' => 'Texte 1 - page abonnement',
+        'name' => 'text_1_subscription',
+        'maxlength' => 1000,
+        'required' => true,
+        'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
+    ])
+
+    @formField('wysiwyg', [
+        'label' => 'Texte 2 - page abonnement',
+        'name' => 'text_2_subscription',
         'maxlength' => 1000,
         'required' => true,
         'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
@@ -157,12 +172,26 @@
         'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
+    @formField('input', [
+        'label' => 'Nom',
+        'name' => 'form_lastname',
+        'maxlength' => 1000,
+        'required' => true,
+    ])
+
+    @formField('input', [
+        'label' => 'Prénom',
+        'name' => 'form_firstname',
+        'maxlength' => 1000,
+        'required' => true,
+        'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
+    ])
+
     @formField('input', [
         'label' => 'Nom complet',
         'name' => 'form_fullname',
         'maxlength' => 1000,
         'required' => true,
-        'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
     @formField('input', [
@@ -171,7 +200,6 @@
         'maxlength' => 1000,
         'type' => 'email',
         'required' => true,
-        'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
     @formField('input', [
@@ -206,6 +234,14 @@
         'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
+    @formField('input', [
+        'label' => 'Sous-titre - page annonceurs',
+        'name' => 'subtitle_announcers',
+        'maxlength' => 1000,
+        'required' => true,
+        'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
+    ])
+
     @formField('wysiwyg', [
         'label' => 'Texte - page annonceurs',
         'name' => 'text_announcers',
@@ -278,6 +314,13 @@
         'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
+    @formField('input', [
+        'label' => 'Sous-titre brochure - page annonceurs',
+        'name' => 'subtitle_2_brochure',
+        'maxlength' => 1000,
+        'required' => true
+    ])
+
     @formField('wysiwyg', [
         'label' => 'Titre intro formulaire - page annonceur',
         'name' => 'form_intro_title_announcers',
@@ -310,6 +353,13 @@
         'toolbarOptions' => \App\Helpers\Fields::fullToolbar(),
     ])
 
+    @formField('input', [
+        'label' => 'Période de diffusion',
+        'name' => 'form_period',
+        'maxlength' => 1000,
+        'required' => true,
+    ])
+
     <h2>Page contact</h2>
 
     @formField('input', [
diff --git a/resources/views/annonceurs/index.blade.php b/resources/views/annonceurs/index.blade.php
index 2adac48..d523e9d 100644
--- a/resources/views/annonceurs/index.blade.php
+++ b/resources/views/annonceurs/index.blade.php
@@ -7,7 +7,12 @@
             <div class="psq-text-image-banner-container d-flex justify-content-between">
                 <div class="psq-bloc-text psq-banner">
                     <h1 class="bigtitle">{!! $settings->byKey('title_announcers') !!}</h1>
-                    {!! $settings->byKey('text_announcers') !!}
+                    <div class="max-w-[387px] w-full m-auto xl:!m-0">
+                        <div class="subtext mb-3 !text-xl">
+                            {!! str_replace('\n', "<br>", $settings->byKey('subtitle_announcers')) !!}
+                        </div>
+                        {!! $settings->byKey('text_announcers') !!}
+                    </div>
                 </div>
                 <div class="psq-bloc-img">
                     <div class="bloc-img">
@@ -24,35 +29,36 @@
                 <p class="subtext text-lg-left text-center">{!! $settings->byKey('title_brochure') !!}</p>
                 <div class="row">
                     <div class="col-lg-4 d-flex psq-annonceur-impression">
-                        <div class="psq-annonceur-impression-img">
-                            <img src="{{ @asset('img/fb_impression_x1.png') }}" />
+                        <div class="psq-annonceur-impression-img shrink-0">
+                            <img src="{{ @asset('img/fb_impression_x1.svg') }}" />
                         </div>
                         <div>
-                            <div class="psq-annonceur-impression-text">{!! $settings->byKey('texte_brochure_1') !!}</div>
+                            <div class="psq-annonceur-impression-text text-base leading-[20px] !mb-[14px]">{!! $settings->byKey('texte_brochure_1') !!}</div>
                             <p class="psq-annonceur-impression-tarif">{!! $settings->byKey('price_brochure_1') !!}</p>
                         </div>
                     </div>
                     <div class="col-lg-4 d-flex psq-annonceur-impression">
-                        <div class="psq-annonceur-impression-img">
-                            <img src="{{ @asset('img/fb_impression_x4.png') }}" />
+                        <div class="psq-annonceur-impression-img shrink-0">
+                            <img src="{{ @asset('img/fb_impression_x4.svg') }}" />
                         </div>
                         <div>
-                            <div class="psq-annonceur-impression-text">{!! $settings->byKey('texte_brochure_2') !!}</div>
+                            <div class="psq-annonceur-impression-text text-base leading-[20px] !mb-[14px]">{!! $settings->byKey('texte_brochure_2') !!}</div>
                             <p class="psq-annonceur-impression-tarif">{!! $settings->byKey('price_brochure_2') !!}</p>
                         </div>
                     </div>
                     <div class="col-lg-4 d-flex psq-annonceur-impression">
-                        <div class="psq-annonceur-impression-img">
-                            <img src="{{ @asset('img/fb_impression_x10.png') }}" />
+                        <div class="psq-annonceur-impression-img shrink-0">
+                            <img src="{{ @asset('img/fb_impression_x10.svg') }}" />
                         </div>
                         <div>
-                            <div class="psq-annonceur-impression-text">{!! $settings->byKey('texte_brochure_3') !!}</div>
+                            <div class="psq-annonceur-impression-text text-base leading-[20px] !mb-[14px]">{!! $settings->byKey('texte_brochure_3') !!}</div>
                             <p class="psq-annonceur-impression-tarif">{!! $settings->byKey('price_brochure_3') !!}</p>
                         </div>
                     </div>
                 </div>
-                <div class="text-promotion">
+                <div class="text-promotion text-center">
                     {!! $settings->byKey('subtitle_brochure') !!}
+                    <p class="!text-red">{!! $settings->byKey('subtitle_2_brochure') !!}</p>
                 </div>
             </div>
         </div>
@@ -121,7 +127,21 @@
                                 <label for="page" class="col-form-label">{!! $settings->byKey('form_nbr_page') !!}</label>
 
                                 <div>
-                                    <input id="page" type="text" class="form-control @error('page') is-invalid @enderror" name="page" value="{{ old('organization') }}" required>
+                                    <input id="page" type="text" class="form-control @error('page') is-invalid @enderror" name="page" value="{{ old('page') }}" required>
+
+                                    @error('page')
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                                    @enderror
+                                </div>
+                            </div>
+
+                            <div class="form-group">
+                                <label for="period" class="col-form-label">{!! $settings->byKey('form_period') !!}</label>
+
+                                <div>
+                                    <input id="period" type="text" class="form-control @error('period') is-invalid @enderror" name="period" value="{{ old('period') }}" required>
 
                                     @error('page')
                                     <span class="invalid-feedback" role="alert">
@@ -200,7 +220,7 @@
                                 {{--                                    </div>--}}
                                 {{--                                </div>--}}
                             </div>
-                            <div class="text text-center text-xl-left">*Champs obligatoires</div>
+                            <div class="text text-center text-xl-left font-medium">*Champs obligatoires</div>
                         </form>
                     </div>
 
diff --git a/resources/views/auth/discover/index.blade.php b/resources/views/auth/discover/index.blade.php
index 633c083..76ad139 100644
--- a/resources/views/auth/discover/index.blade.php
+++ b/resources/views/auth/discover/index.blade.php
@@ -10,7 +10,7 @@
                 </x-cover>
                 <div class="psq-bloc-text psq-banner">
                     <h1 class="bigtitle">{!! $settings->byKey('main_title_discover_psq') !!}</h1>
-                    <p class="subtext f-20">{!! $settings->byKey('subtitle_discover_psq') !!}</p>
+                    <p class="subtext f-20 max-w-[387px] w-full m-auto xl:!m-0">{!! $settings->byKey('subtitle_discover_psq') !!}</p>
                 </div>
             </div>
         </div>
@@ -29,7 +29,7 @@
                             <input type="hidden" name="redirect_to" value="{{request()->redirect_to}}">
                         @endif
                         <div class="form-group">
-                            <label for="last_name">{!! $settings->byKey('form_fullname') !!} *</label>
+                            <label for="last_name">{!! $settings->byKey('form_lastname') !!} *</label>
 
                             <div>
                                 <input id="last_name" type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{ old('last_name') }}" required autocomplete="family-name">
@@ -42,6 +42,20 @@
                             </div>
                         </div>
 
+                        <div class="form-group">
+                            <label for="firstname_name">{!! $settings->byKey('form_firstname') !!} *</label>
+
+                            <div>
+                                <input id="first_name" type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{ old('first_name') }}" required autocomplete="family-name">
+
+                                @error('first_name')
+                                <span class="invalid-feedback" role="alert">
+                                    <strong>{{ $message }}</strong>
+                                </span>
+                                @enderror
+                            </div>
+                        </div>
+
                         <div class="form-group">
                             <label for="email">{!! $settings->byKey('form_email_pro') !!} *</label>
 
@@ -103,6 +117,8 @@
                                 </button>
                             </div>
                         </div>
+
+                        <div class="text text-center text-xl-left mt-3 text-sm font-medium">*Champs obligatoires</div>
                     </form>
                 </div>
             </div>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index a71bc0e..7a20b61 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -3,7 +3,7 @@
 
 @section('content')
 <div class="psq-login">
-    <div class="row justify-content-center">
+    <div class="row justify-center">
         <div class="col-md-8">
 
             <div class="card form">
@@ -77,7 +77,7 @@
                         <div class="dotted separate-line"></div>
 
                         <div class="">
-                            <a href="#" class="btn btnorange bg-transparent not-registered-button">
+                            <a href="{{ route('discover.index') }}" class="btn btnorange bg-transparent not-registered-button">
                                 {!! $settings->byKey('form_not_register_btn') !!}
                             </a>
                         </div>
diff --git a/resources/views/auth/passwords/email.blade.php b/resources/views/auth/passwords/email.blade.php
index 1fea984..e8ea086 100644
--- a/resources/views/auth/passwords/email.blade.php
+++ b/resources/views/auth/passwords/email.blade.php
@@ -1,10 +1,10 @@
 @extends('layouts.app')
 
 @section('content')
-<div class="container">
-    <div class="row justify-content-center">
+<div class="container md:pt-[80px]">
+    <div class="row justify-center">
         <div class="col-md-8">
-            <div class="card">
+            <div class="card form max-md:!border-0 max-md:!shadow-none">
                 <div class="card-header">{{ __('Reset Password') }}</div>
 
                 <div class="card-body">
@@ -17,10 +17,10 @@
                     <form method="POST" action="{{ route('password.email') }}">
                         @csrf
 
-                        <div class="form-group row">
-                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
+                        <div class="form-group">
+                            <label for="email" class="text-md-right">{{ __('E-Mail Address') }}</label>
 
-                            <div class="col-md-6">
+                            <div>
                                 <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
 
                                 @error('email')
@@ -31,10 +31,10 @@
                             </div>
                         </div>
 
-                        <div class="form-group row mb-0">
-                            <div class="col-md-6 offset-md-4">
-                                <button type="submit" class="btn btn-primary">
-                                    {{ __('Send Password Reset Link') }}
+                        <div>
+                            <div>
+                                <button type="submit" class="btn btnorange">
+                                    Valider
                                 </button>
                             </div>
                         </div>
diff --git a/resources/views/auth/passwords/reset.blade.php b/resources/views/auth/passwords/reset.blade.php
index 989931d..ab77dd2 100644
--- a/resources/views/auth/passwords/reset.blade.php
+++ b/resources/views/auth/passwords/reset.blade.php
@@ -2,9 +2,9 @@
 
 @section('content')
 <div class="container">
-    <div class="row justify-content-center">
+    <div class="row justify-center">
         <div class="col-md-8">
-            <div class="card">
+            <div class="card form max-md:!border-0 max-md:!shadow-none">
                 <div class="card-header">{{ __('Reset Password') }}</div>
 
                 <div class="card-body">
@@ -13,10 +13,10 @@
 
                         <input type="hidden" name="token" value="{{ $token }}">
 
-                        <div class="form-group row">
-                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
+                        <div class="form-group">
+                            <label for="email" class="text-md-right">{{ __('E-Mail Address') }}</label>
 
-                            <div class="col-md-6">
+                            <div>
                                 <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>
 
                                 @error('email')
@@ -27,10 +27,10 @@
                             </div>
                         </div>
 
-                        <div class="form-group row">
-                            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
+                        <div class="form-group">
+                            <label for="password" class="text-md-right">{{ __('Password') }}</label>
 
-                            <div class="col-md-6">
+                            <div >
                                 <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
 
                                 @error('password')
@@ -42,16 +42,16 @@
                         </div>
 
                         <div class="form-group row">
-                            <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
+                            <label for="password-confirm" class="text-md-right">{{ __('Confirm Password') }}</label>
 
-                            <div class="col-md-6">
+                            <div >
                                 <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                             </div>
                         </div>
 
                         <div class="form-group row mb-0">
-                            <div class="col-md-6 offset-md-4">
-                                <button type="submit" class="btn btn-primary">
+                            <div>
+                                <button type="submit" class="btn btnorange">
                                     {{ __('Reset Password') }}
                                 </button>
                             </div>
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index e081121..3ef1767 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -2,7 +2,7 @@
 
 @section('content')
 <div class="container">
-    <div class="row justify-content-center">
+    <div class="row justify-center">
         <div class="col-md-8">
 
             <div class="alert-info alert">
@@ -16,7 +16,7 @@
             </div>
             @endif
 
-            <div class="card">
+            <div class="card form">
 
                 <div class="card-header">{{ __('Register') }}</div>
 
@@ -26,27 +26,28 @@
                         @if(request()->has('redirect_to'))
                         <input type="hidden" name="redirect_to" value="{{request()->redirect_to}}">
                         @endif
-                        <div class="form-group row">
-                            <label for="first_name" class="col-md-4 col-form-label text-md-right">{{ __('Prénom') }}</label>
 
-                            <div class="col-md-6">
-                                <input id="first_name" type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{ old('first_name') }}" required autocomplete="given-name" autofocus>
+                        <div class="form-group">
+                            <label for="last_name" class="col-form-label text-md-right">{{ __('Nom') }}</label>
 
-                                @error('first_name')
-                                    <span class="invalid-feedback" role="alert">
+                            <div>
+                                <input id="last_name" type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{ old('last_name') }}" required autocomplete="family-name">
+
+                                @error('last_name')
+                                <span class="invalid-feedback" role="alert">
                                         <strong>{{ $message }}</strong>
                                     </span>
                                 @enderror
                             </div>
                         </div>
 
-                        <div class="form-group row">
-                            <label for="last_name" class="col-md-4 col-form-label text-md-right">{{ __('Nom') }}</label>
+                        <div class="form-group">
+                            <label for="first_name" class="col-form-label text-md-right">{{ __('Prénom') }}</label>
 
-                            <div class="col-md-6">
-                                <input id="last_name" type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{ old('last_name') }}" required autocomplete="family-name">
+                            <div>
+                                <input id="first_name" type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{ old('first_name') }}" required autocomplete="given-name" autofocus>
 
-                                @error('last_name')
+                                @error('first_name')
                                     <span class="invalid-feedback" role="alert">
                                         <strong>{{ $message }}</strong>
                                     </span>
@@ -54,10 +55,10 @@
                             </div>
                         </div>
 
-                        <div class="form-group row">
-                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
+                        <div class="form-group">
+                            <label for="email" class="col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
 
-                            <div class="col-md-6">
+                            <div>
                                 <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
 
                                 @error('email')
@@ -68,10 +69,10 @@
                             </div>
                         </div>
 
-                        <div class="form-group row">
-                            <label for="employer" class="col-md-4 col-form-label text-md-right">{{ __('Employeur') }}</label>
+                        <div class="form-group">
+                            <label for="employer" class="col-form-label text-md-right">{{ __('Employeur') }}</label>
 
-                            <div class="col-md-6">
+                            <div>
                                 <input id="employer" type="text" class="form-control @error('employer') is-invalid @enderror" name="employer" value="{{ old('employer') }}" required>
 
                                 @error('employer')
@@ -84,10 +85,10 @@
 
 
 
-                        <div class="form-group row">
-                            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
+                        <div class="form-group">
+                            <label for="password" class="col-form-label text-md-right">{{ __('Password') }}</label>
 
-                            <div class="col-md-6">
+                            <div>
                                 <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
 
                                 @error('password')
@@ -98,15 +99,15 @@
                             </div>
                         </div>
 
-                        <div class="form-group row">
-                            <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
+                        <div class="form-group">
+                            <label for="password-confirm" class="col-form-label text-md-right">{{ __('Confirm Password') }}</label>
 
-                            <div class="col-md-6">
+                            <div>
                                 <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                             </div>
                         </div>
-                        <div class="form-group row">
-                            <div class="col-md-6 offset-md-4">
+                        <div class="form-group">
+                            <div>
                                 <div class="form-check">
                                     <input class="form-check-input" type="checkbox" id="trial" name="trial" {{old('trial', false) ? 'checked' : ''}}>
 
@@ -119,8 +120,8 @@
                         </div>
 
 
-                        <div class="form-group row">
-                            <div class="col-md-8 offset-lg-4">
+                        <div class="form-group">
+                            <div>
                                 @error(recaptchaFieldName())
                                     <span class="invalid-feedback" role="alert">
                                         <strong>{{ $message }}</strong>
@@ -130,9 +131,9 @@
                             </div>
                         </div>
 
-                        <div class="form-group row mb-0">
-                            <div class="col-md-6 offset-md-4">
-                                <button type="submit" class="btn btn-primary">
+                        <div class="form-group mb-0">
+                            <div>
+                                <button type="submit" class="btn btnorange">
                                     {{ __('Register') }}
                                 </button>
                             </div>
diff --git a/resources/views/contact/index.blade.php b/resources/views/contact/index.blade.php
index e4c7530..1025c2b 100644
--- a/resources/views/contact/index.blade.php
+++ b/resources/views/contact/index.blade.php
@@ -33,7 +33,7 @@
                     <h1 class="bigtitle">{!! $settings->byKey('title_contact') !!}</h1>
                     <p class="subtext">{!! $settings->byKey('subtitle_contact') !!}</p>
                     <div class="lilline"></div>
-                    <div class="subtext-2">
+                    <div class="subtext-2 !mb-8">
                         {!! $settings->byKey('text_contact') !!}
                     </div>
                 </div>
@@ -97,7 +97,9 @@
                                     </div>
                                 </div>
 
-                                <contact-form :dynamic-content="{{ json_encode($dynamicContent) }}"></contact-form>
+                                <div id="app">
+                                    <contact-form :dynamic-content="{{ json_encode($dynamicContent) }}"></contact-form>
+                                </div>
 
                                 <div class="form-group">
                                     <label for="comments" class="col-form-label">
@@ -140,7 +142,7 @@
                                     {{--                                    </div>--}}
                                     {{--                                </div>--}}
                                 </div>
-                                <div class="text text-center text-xl-left">*Champs obligatoires</div>
+                                <div class="text text-center text-xl-left font-medium">*Champs obligatoires</div>
                             </form>
                         </div>
                     </div>
diff --git a/resources/views/contact/subscription-request.blade.php b/resources/views/contact/subscription-request.blade.php
index 8591e4e..6c8cac2 100644
--- a/resources/views/contact/subscription-request.blade.php
+++ b/resources/views/contact/subscription-request.blade.php
@@ -7,9 +7,12 @@
             <div class="psq-text-image-banner-container d-flex justify-content-between">
                 <div class="psq-bloc-text psq-banner">
                     <h1 class="bigtitle">{!! $settings->byKey('main_title_subscription') !!}</h1>
-                    <p class="subtext">{!! $settings->byKey('subtitle_subscription') !!}</p>
+                    <p class="subtext max-w-[387px] w-full">{!! $settings->byKey('subtitle_subscription') !!}</p>
                     <div class="lilline"></div>
-                    {!! $settings->byKey('text_subscription') !!}
+                    <div class="max-w-[387px] w-full">
+                        <div class="font-semibold mb-3">{!! $settings->byKey('text_1_subscription') !!}</div>
+                        {!! $settings->byKey('text_2_subscription') !!}
+                    </div>
                 </div>
                 <div class="psq-bloc-img">
                     <div class="bloc-img">
@@ -157,7 +160,7 @@
     {{--                                    </div>--}}
     {{--                                </div>--}}
                         </div>
-                        <div class="text text-center text-xl-left">*Champs obligatoires</div>
+                        <div class="text text-center text-xl-left font-medium">*Champs obligatoires</div>
                     </form>
                 </div>
 
@@ -169,9 +172,3 @@
 
 
 @endsection
-<script>
-    import RequestSubscriptionForm from "../../js/components/Contact/RequestSubscriptionForm";
-    export default {
-        components: {RequestSubscriptionForm}
-    }
-</script>
diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php
index 9921e0d..905b6ce 100644
--- a/resources/views/home/index.blade.php
+++ b/resources/views/home/index.blade.php
@@ -2,41 +2,42 @@
 @inject('settings', \A17\Twill\Repositories\SettingRepository::class)
 
 @section('content')
-    <div class="container psq-actu">
-
-        @if(session()->has('message'))
-            <div class="alert alert-success alert-dismissible">
+    @if(session()->has('message'))
+        <div class="alert alert-success alert-dismissible !m-0">
+            <div class="container">
                 {!! session('message') !!}
                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
             </div>
-        @endif
+        </div>
+    @endif
 
-        @if(session()->has('warning'))
-            <div class="alert alert-warning alert-dismissible">
-                {!! session('warning') !!}
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-        @endif
+    @if(session()->has('warning'))
+        <div class="alert alert-warning alert-dismissible">
+            {!! session('warning') !!}
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+    @endif
 
 
-        @if (session('resent'))
-            <div class="alert alert-success" role="alert">
-                {{ __('A fresh verification link has been sent to your email address.') }}
-            </div>
-        @elseif(\Auth::check() && !\Auth::user()->hasVerifiedEmail())
-            <div class="alert alert-warning">
-                {{ __('Before proceeding, please check your email for a verification link.') }}
-                {{ __('If you did not receive the email') }},
-                <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
-                    @csrf
-                    <button type="submit" class="btn btn-link p-0 m-0 align-baseline">{{ __('click here to request another') }}</button>.
-                </form>
-            </div>
-        @endif
+    @if (session('resent'))
+        <div class="alert alert-success" role="alert">
+            {{ __('A fresh verification link has been sent to your email address.') }}
+        </div>
+    @elseif(\Auth::check() && !\Auth::user()->hasVerifiedEmail())
+        <div class="alert alert-warning">
+            {{ __('Before proceeding, please check your email for a verification link.') }}
+            {{ __('If you did not receive the email') }},
+            <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
+                @csrf
+                <button type="submit" class="btn btn-link p-0 m-0 align-baseline">{{ __('click here to request another') }}</button>.
+            </form>
+        </div>
+    @endif
+    <div class="container psq-actu">
 
         <div class="psq-home-banner">
             <div class="row">
@@ -61,7 +62,7 @@
 
                     @endforeach--}}
                 </div>
-                <div class="col-lg-4 col2 d-flex flex-column position-relative right-block" style="z-index:1;">
+                <div class="col-lg-4 col2 flex flex-col position-relative right-block" style="z-index:1;">
                     <h2 class="m-0 regulartitle">{!! $settings->byKey('title_discover_home') !!}</h2>
                     <div class="psq-home-pdfimage">
                         <img src="{{ $last_pdf->first()->coverUrl }}" alt="" class="fb" />
@@ -76,9 +77,9 @@
         </div>
 
         <div class="psq-home-last-edition row p-64-0">
-            <div class="col-12 d-flex flex-column">
+            <div class="px-[2rem] flex flex-col">
                 <h2 class="mediumtitle m-0">{!! $settings->byKey('title_last_edition') !!}</h2>
-                <div id="carousel" class="row m-0 embla">
+                <div id="carousel" class="flex flex-wrap m-0 embla">
                     <div class="embla__viewport">
                         <div class="embla__container">
                             @foreach($last_pdf->slice(0, 7) as $key => $pdf)
@@ -97,7 +98,7 @@
                             @endforeach
                         </div>
                     </div>
-                    <button class="embla__prev border-0">
+                    <button class="embla__prev border-0 !mr-3">
                         <img src="{{ @asset('img/carousel/prev.svg') }}" alt="Précédent"/>
                     </button>
                     <button class="embla__next border-0">
@@ -107,25 +108,28 @@
             </div>
         </div>
 
-        <div class="line col-12 dotted d-none"></div>
+        <div class="line col-12 dotted hidden xl:block"></div>
 
         <div class="psq-home-section-footer row p-64-0">
-            <div class="col-12 col-lg-8 d-flex flex-column flex-lg-row">
+            <div class="col-12 col-lg-8 flex flex-col lg:flex-row">
                 <div class="thumbnail w-50">
                     <img src="{{ @asset('img/offre_abonnement.png') }}" />
                 </div>
-                <div class="texts bg-clearblue w-50 d-flex flex-column justify-content-center">
+                <div class="texts bg-clearblue w-50 flex flex-col justify-center">
                     <h3 class="regulartitle">{!! $settings->byKey('title_bloc_image_home') !!}</h3>
                     <div class="lilline"></div>
-                    {!! $settings->byKey('text_bloc_image_home') !!}
+                    <div class="my-4">
+                        <p class="font-semibold !mb-3">{!! $settings->byKey('subtitle_bloc_image_home') !!}</p>
+                        {!! $settings->byKey('text_bloc_image_home') !!}
+                    </div>
                     <a href="#" class="linkunderline">{!! $settings->byKey('not_register_link') !!}</a>
                 </div>
             </div>
             <div class="col-lg-4">
-                <div class="p-64 bg-blue d-flex flex-column justify-content-center align-items-center pdf-block radius">
+                <div class="p-64 bg-blue flex flex-col justify-center items-center pdf-block radius">
                     <h3 class="title-feuilleter regulartitle">{{ $settings->byKey('title_quotidien_home') }}</h3>
                     <img src="{{ $last_pdf->first()->coverUrl }}" alt="" />
-                    <a href="#" class="btnorange">Feuilleter un quotidien</a>
+                    <a href="#" class="btnorange fw-normal">Feuilleter un quotidien</a>
                 </div>
             </div>
         </div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e1d0ad8..772e235 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -4,6 +4,23 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+
+    <style type="text/tailwindcss">
+        @theme {
+            --color-red: #cb3239;
+            --color-blue: #044e9c;
+
+            --breakpoint-base: 0rem;
+            --breakpoint-xs: 30rem;
+            --breakpoint-md: 768px;
+            --breakpoint-lg: 960px;
+            --breakpoint-xl: 1120px;
+            --breakpoint-2xl: 100rem;
+            --breakpoint-3xl: 120rem;
+        }
+    </style>
+
     <!-- CSRF Token -->
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
@@ -15,7 +32,7 @@
 
     @yield('scripts')
 
-    {!! ReCaptcha::htmlScriptTagJsApi() !!}
+    {!! htmlScriptTagJsApi() !!}
 
     <!-- Fonts -->
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
@@ -61,7 +78,7 @@
     @endif
 </head>
 <body {{ Route::currentRouteName() === "archives.index" ? "data-not-authorized=1" : "" }}>
-    <div id="app">
+    <div id="{{ !in_array(Route::currentRouteName(), ['contact.subscribe','annonceurs.index','contact.index', 'discover.index']) ? 'app' : '' }}">
         <header class="headersite bg-blue">
             <div class="container d-flex justify-content-between align-items-center">
             @if(!isset($hideNav))
@@ -89,7 +106,7 @@
 
         @endif
 
-        <main class="{{ Route::currentRouteName() === "login" ? 'bg-white-to-blue' : '' }} pill-box-theme-{{$theme ?? 'logo-blue'}}">
+        <main class="{{ in_array(Route::currentRouteName(), ["login","register","account.index","password.request"]) ? 'bg-white-to-blue' : '' }} pill-box-theme-{{$theme ?? 'logo-blue'}}">
             @yield('content')
         </main>
 
diff --git a/resources/views/partials/footer.blade.php b/resources/views/partials/footer.blade.php
index 00607da..012dbe7 100644
--- a/resources/views/partials/footer.blade.php
+++ b/resources/views/partials/footer.blade.php
@@ -1,5 +1,5 @@
-<footer class="container-fluid pl-0 pr-0 m-0">
-    <div class="container d-flex justify-content-between align-items-center flex-column flex-lg-row">
+<footer class="container-fluid pl-0 pr-0 !m-0">
+    <div class="container flex justify-between items-center flex-col lg:flex-row">
         <img src="{{ @asset("img/logo_top.svg") }}" class="header-logo logo" alt="Prescription Quotidien" />
         <p>Copyright © Prescription santé Quotidien.</p>
         <a href="">Mentions légales</a>
diff --git a/resources/views/partials/nav-v2.blade.php b/resources/views/partials/nav-v2.blade.php
index a2960ae..0b15057 100644
--- a/resources/views/partials/nav-v2.blade.php
+++ b/resources/views/partials/nav-v2.blade.php
@@ -1,9 +1,9 @@
 <div id="openmenu" class="d-lg-none circlebutton">
     <img src="{{asset('img/nav/9-menu.svg')}}" alt="Ouvrir le menu" />
-    <img src="{{asset('img/nav/9-menu-white.svg')}}" class="openmenu-img d-none" alt="Ouvrir le menu" />
+    <img src="{{asset('img/nav/9-menu-white.svg')}}" class="openmenu-img hidden" alt="Ouvrir le menu" />
 </div>
-<nav class="nav-2 vh-100 vw-100 max-w-100">
-    <ul class="d-flex flex-column flex-lg-row container">
+<nav class="nav-2 vh-100 vw-100">
+    <ul class="flex flex-col lg:flex-row container">
         <li><a href="/" class="nav-2-item {{ Route::currentRouteName() === "home" ? 'active' : ''  }} ">Accueil</a></li>
         <li><a href="{{route('contact.subscribe')}}" class="nav-2-item {{ Route::currentRouteName() === "contact.subscribe" ? 'active' : ''  }}">Abonnements</a></li>
         <li><a href="{{route('archives.index')}}" class="nav-2-item {{ Route::currentRouteName() === "archives.index" ? 'active' : ''  }}">Archives</a></li>
@@ -13,20 +13,20 @@
 
 </nav>
 <div>
-    <div class="header-auth d-flex align-items-center">
+    <div class="header-auth flex items-center">
         @auth
-            <a href="{{route('account.index')}}">
-                <p class="username img-link d-lg-none circlebutton bg-transparent border border-1" style="border-color:#E6E7F2;">
+            <a href="{{route('account.index')}}" class="flex items-center">
+                <p class="username img-link lg:!hidden circlebutton bg-transparent border border-1" style="border-color:#E6E7F2;">
                     {{ Str::substr(Auth::user()->first_name,0,1) }}{{ Str::substr(Auth::user()->last_name,0,1) }}
                 </p>
-                <p class="username img-link d-none d-lg-block fw-medium">
+                <p class="username img-link hidden text-xs xl:text-base lg:block fw-medium">
                     {{ Auth::user()->first_name }}
                     {{ Auth::user()->last_name }}
                 </p>
             </a>
             <form id="logout-form" action="{{ route('logout') }}" class="m-0" method="POST">
                 @csrf
-                <button type="submit" class="logout d-none d-lg-block">Déconnexion</button>
+                <button type="submit" class="logout hidden lg:block">Déconnexion</button>
             </form>
         @endif
     </div>
@@ -37,7 +37,7 @@
                 <div class="d-lg-none">
                     <img src="{{asset('img/nav/8-login.svg')}}" alt="Connexion"/>
                 </div>
-                <p class="login-btn d-none d-lg-block m-0">
+                <p class="login-btn hidden lg:block m-0">
                     Connexion
                 </p>
             </a>
diff --git a/routes/web.php b/routes/web.php
index 6159ca7..e403c0e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -141,14 +141,9 @@ Route::domain(env('CLIENT_DOMAIN_NAME'))->group(function() {
     Route::get('site-ferme', 'WallController@wall');
 
     Route::get('devenez-annonceurs', 'AdvertisersController@index')->name('annonceurs.index');
-    Route::post('devenez-annonceurs', 'AdvertisersController@store')->name('annonceurs.store');
+    Route::post('devenez-annonceurs', 'AdvertisersController@requestMail')->name('annonceurs.store');
 });
 
-
-
-
-
-
 /** Public routes + NGROK routes */
 Route::pattern('client_domains', '('.implode('|', [
         env('CLIENT_DOMAIN_NAME'),
-- 
2.39.5