From 8b150ea478155cfedd938228442edb044908caec Mon Sep 17 00:00:00 2001
From: Emilien Razafimampiandra <emilien.razafimampiandra.ext@corp.ovh.com>
Date: Mon, 30 Mar 2026 15:56:49 +0200
Subject: [PATCH 1/5] feat(web-hosting): update video center acces on dashboard

ref: #PUWEBPT-274

Signed-off-by: Emilien Razafimampiandra <emilien.razafimampiandra.ext@corp.ovh.com>
---
 .../videoManagerCenter/Messages_fr_FR.json    |  8 +++-
 .../dashboard/videoCenterDashboard.page.tsx   | 47 ++++++++++++++-----
 2 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json
index bf8441c64d6d..d02ff501d3ba 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 video",
   "video_manager_service_video_free_duration": "10 min",
-  "video_manager_service_video_free_included": "Inclus"
+  "video_manager_service_video_free_included": "Inclus",
+  "title": "Publiez votre vidéo en quelques secondes",
+  "step1": "Ouvrez le Video Center",
+  "step2": "Importez votre vidéo",
+  "step3": "Publiez !",
+  "hint": "Moins de 2 minutes · Aucune compétence requise",
+  "firstVideoButton": "Déposer ma première vidéo"
 }
diff --git a/packages/manager/apps/web-hosting/src/pages/videoCenter/dashboard/videoCenterDashboard.page.tsx b/packages/manager/apps/web-hosting/src/pages/videoCenter/dashboard/videoCenterDashboard.page.tsx
index ba7d5f655c61..8b3b558bb287 100644
--- a/packages/manager/apps/web-hosting/src/pages/videoCenter/dashboard/videoCenterDashboard.page.tsx
+++ b/packages/manager/apps/web-hosting/src/pages/videoCenter/dashboard/videoCenterDashboard.page.tsx
@@ -5,7 +5,6 @@ import { useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 
 import {
-  BUTTON_COLOR,
   BUTTON_VARIANT,
   Button,
   Card,
@@ -44,6 +43,7 @@ export default function VideoCenterDashboardPage() {
   const vodDurationThresholds = computeThresholdsFromMax(
     data?.currentState?.vodDurationMinutes?.hostable || 0,
   );
+  const hasVideos = data?.currentState?.vodCount?.allocated > 0;
   const { generateVideoCenterTokenAsync } = useGenerateVideoCenterToken(serviceId);
   const onAccessVideoCenter = async () => {
     const popup = window.open('', '_blank');
@@ -102,16 +102,41 @@ export default function VideoCenterDashboardPage() {
           </Text>
         </Card>
       </div>
-      <div className="mt-8 flex flex-wrap">
-        <Button
-          color={BUTTON_COLOR.primary}
-          className="w-full"
-          onClick={() => void onAccessVideoCenter()}
-        >
-          {t('video_manager_service_access_video_center')}
-          <Icon name={ICON_NAME.externalLink}></Icon>
-        </Button>
-      </div>
+      <Card className="mt-6 flex flex-col gap-4 bg-gradient-to-br from-[#2d3e5f] via-[#3b5998] to-[#4a6fa5] p-8 text-white">
+        <Text preset={TEXT_PRESET.heading3} className="!m-0 pb-5 !text-white">
+          {t('title')}
+        </Text>
+        <div className="flex flex-wrap items-center justify-between gap-4 rounded-lg bg-white/10 p-8">
+          <div className="flex flex-1 flex-col gap-1">
+            <div className="flex flex-wrap items-center gap-4 [&_span]:text-white">
+              <span className="inline-flex size-6 shrink-0 items-center justify-center rounded-full bg-white/20 text-xs font-bold text-white">
+                1
+              </span>
+              <Text preset={TEXT_PRESET.span}>{t('step1')}</Text>
+              <span className="text-white/50">→</span>
+              <span className="inline-flex size-6 shrink-0 items-center justify-center rounded-full bg-white/20 text-xs font-bold text-white">
+                2
+              </span>
+              <Text preset={TEXT_PRESET.span}>{t('step2')}</Text>
+              <span className="text-white/50">→</span>
+              <span className="inline-flex size-6 shrink-0 items-center justify-center rounded-full bg-white/20 text-xs font-bold text-white">
+                3
+              </span>
+              <Text preset={TEXT_PRESET.span}>{t('step3')}</Text>
+            </div>
+            <Text preset={TEXT_PRESET.small} className="!text-white/60">
+              {t('hint')}
+            </Text>
+          </div>
+          <Button
+            onClick={() => void onAccessVideoCenter()}
+            className="shrink-0 whitespace-nowrap !border-white !bg-white !text-[#294576] hover:!bg-gray-100"
+          >
+            {hasVideos ? t('video_manager_service_access_video_center') : t('firstVideoButton')}
+            <Icon name="external-link" />
+          </Button>
+        </div>
+      </Card>
       <div className="mt-8 flex flex-row space-x-4">
         <Card className="w-1/2 p-6">
           <Text preset={TEXT_PRESET.heading5}>{t(`${NAMESPACES.BILLING}:subscription`)}</Text>

From 03d630291ce881177e08a5ab5a8b7f562a82df0f Mon Sep 17 00:00:00 2001
From: CDS Translator Agent <emilien.razafimampiandra.ext@corp.ovh.com>
Date: Mon, 30 Mar 2026 15:27:48 +0000
Subject: [PATCH 2/5] fix(i18n): add missing translations [CDS 1231]

Signed-off-by: CDS Translator Agent <opensource@ovh.net>
---
 .../translations/videoManagerCenter/Messages_de_DE.json   | 8 +++++++-
 .../translations/videoManagerCenter/Messages_en_GB.json   | 8 +++++++-
 .../translations/videoManagerCenter/Messages_es_ES.json   | 8 +++++++-
 .../translations/videoManagerCenter/Messages_fr_CA.json   | 8 +++++++-
 .../translations/videoManagerCenter/Messages_it_IT.json   | 8 +++++++-
 .../translations/videoManagerCenter/Messages_pt_PT.json   | 8 +++++++-
 6 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json
index 6ffad94477d2..e8e3dfe484d8 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 Video",
   "video_manager_service_video_free_duration": "10 Minuten",
-  "video_manager_service_video_free_included": "Inklusive"
+  "video_manager_service_video_free_included": "Inklusive",
+  "title": "Veröffentlichen Sie Ihr Video in wenigen Sekunden",
+  "step1": "Öffnen Sie das Videozentrum",
+  "step2": "Importieren Sie Ihr Video",
+  "step3": "Veröffentlichen Sie!",
+  "hint": "Weniger als 2 Minuten · Keine Fähigkeiten erforderlich",
+  "firstVideoButton": "Laden Sie mein erstes Video hoch"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json
index b8de138ab9d4..c313a791ad9d 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Free Video Center",
   "video_manager_service_video_free_count": "1 video",
   "video_manager_service_video_free_duration": "10 min",
-  "video_manager_service_video_free_included": "Included"
+  "video_manager_service_video_free_included": "Included",
+  "title": "Publish your video in a few seconds",
+  "step1": "Open the Video Centre",
+  "step2": "Import your video",
+  "step3": "Publish!",
+  "hint": "Less than 2 minutes · No skills required",
+  "firstVideoButton": "Upload my first video"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json
index b9d65abc2faf..7e22bbe27f0c 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 vídeo",
   "video_manager_service_video_free_duration": "10 min",
-  "video_manager_service_video_free_included": "Incluido"
+  "video_manager_service_video_free_included": "Incluido",
+  "title": "Publica tu vídeo en unos segundos",
+  "step1": "Abre el Centro de Vídeos",
+  "step2": "Importa tu vídeo",
+  "step3": "¡Publica!",
+  "hint": "Menos de 2 minutos · Ninguna habilidad requerida",
+  "firstVideoButton": "Sube mi primer vídeo"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json
index bf8441c64d6d..d02ff501d3ba 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 video",
   "video_manager_service_video_free_duration": "10 min",
-  "video_manager_service_video_free_included": "Inclus"
+  "video_manager_service_video_free_included": "Inclus",
+  "title": "Publiez votre vidéo en quelques secondes",
+  "step1": "Ouvrez le Video Center",
+  "step2": "Importez votre vidéo",
+  "step3": "Publiez !",
+  "hint": "Moins de 2 minutes · Aucune compétence requise",
+  "firstVideoButton": "Déposer ma première vidéo"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json
index a47e603a09af..a3841be6f728 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 video",
   "video_manager_service_video_free_duration": "10 min.",
-  "video_manager_service_video_free_included": "Incluso"
+  "video_manager_service_video_free_included": "Incluso",
+  "title": "Pubblica il tuo video in pochi secondi",
+  "step1": "Apri il Centro Video",
+  "step2": "Importa il tuo video",
+  "step3": "Pubblica!",
+  "hint": "Meno di 2 minuti · Nessuna competenza richiesta",
+  "firstVideoButton": "Carica il mio primo video"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json
index 2ca180d7139e..3adbac085a64 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 vídeo",
   "video_manager_service_video_free_duration": "10 min",
-  "video_manager_service_video_free_included": "Incluído"
+  "video_manager_service_video_free_included": "Incluído",
+  "title": "Publique o seu vídeo em poucos segundos",
+  "step1": "Abra o Centro de Vídeo",
+  "step2": "Importe o seu vídeo",
+  "step3": "Publique!",
+  "hint": "Menos de 2 minutos · Nenhuma competência necessária",
+  "firstVideoButton": "Depositar o meu primeiro vídeo"
 }

From 84e71501e2e1fd129b1ce2e8de60325697657398 Mon Sep 17 00:00:00 2001
From: CDS Translator Agent <emilien.razafimampiandra.ext@corp.ovh.com>
Date: Mon, 30 Mar 2026 15:28:38 +0000
Subject: [PATCH 3/5] fix(i18n): add missing translations [CDS 1231]

Signed-off-by: CDS Translator Agent <opensource@ovh.net>
---
 .../translations/videoManagerCenter/Messages_pl_PL.json   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json
index bc8052234c89..f21a59ccdd15 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json
@@ -27,5 +27,11 @@
   "video_manager_service_free": "Video Center Free",
   "video_manager_service_video_free_count": "1 film",
   "video_manager_service_video_free_duration": "10 minut",
-  "video_manager_service_video_free_included": "Zawarte w cenie"
+  "video_manager_service_video_free_included": "Zawarte w cenie",
+  "title": "Opublikuj swoje wideo w kilka sekund",
+  "step1": "Otwórz Centrum Wideo",
+  "step2": "Importuj swoje wideo",
+  "step3": "Opublikuj!",
+  "hint": "Mniej niż 2 minuty · Żadne umiejętności nie są wymagane",
+  "firstVideoButton": "Złóż moje pierwsze wideo"
 }

From 22aae443ffab1bf1fdc308a02025ceb0904fede8 Mon Sep 17 00:00:00 2001
From: Emilien Razafimampiandra <emilien.razafimampiandra.ext@corp.ovh.com>
Date: Mon, 30 Mar 2026 17:46:33 +0200
Subject: [PATCH 4/5] fix(web-hosting): update video center wording

ref: #PUWEBPT-274

Signed-off-by: Emilien Razafimampiandra <emilien.razafimampiandra.ext@corp.ovh.com>
---
 .../public/translations/videoManagerCenter/Messages_fr_FR.json  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json
index d02ff501d3ba..32e9db72f5e1 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_FR.json
@@ -32,6 +32,6 @@
   "step1": "Ouvrez le Video Center",
   "step2": "Importez votre vidéo",
   "step3": "Publiez !",
-  "hint": "Moins de 2 minutes · Aucune compétence requise",
+  "hint": "Moins de 2 minutes · Aucune compétence technique requise",
   "firstVideoButton": "Déposer ma première vidéo"
 }

From b51af727fbf4f718e5eb956d62c64525339ba8ae Mon Sep 17 00:00:00 2001
From: CDS Translator Agent <emilien.razafimampiandra.ext@corp.ovh.com>
Date: Mon, 30 Mar 2026 15:50:23 +0000
Subject: [PATCH 5/5] fix(i18n): add missing translations [CDS 1232]

Signed-off-by: CDS Translator Agent <opensource@ovh.net>
---
 .../public/translations/videoManagerCenter/Messages_de_DE.json  | 2 +-
 .../public/translations/videoManagerCenter/Messages_en_GB.json  | 2 +-
 .../public/translations/videoManagerCenter/Messages_es_ES.json  | 2 +-
 .../public/translations/videoManagerCenter/Messages_fr_CA.json  | 2 +-
 .../public/translations/videoManagerCenter/Messages_it_IT.json  | 2 +-
 .../public/translations/videoManagerCenter/Messages_pl_PL.json  | 2 +-
 .../public/translations/videoManagerCenter/Messages_pt_PT.json  | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json
index e8e3dfe484d8..f61a86228c87 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_de_DE.json
@@ -32,6 +32,6 @@
   "step1": "Öffnen Sie das Videozentrum",
   "step2": "Importieren Sie Ihr Video",
   "step3": "Veröffentlichen Sie!",
-  "hint": "Weniger als 2 Minuten · Keine Fähigkeiten erforderlich",
+  "hint": "Weniger als 2 Minuten · Keine technischen Fähigkeiten erforderlich",
   "firstVideoButton": "Laden Sie mein erstes Video hoch"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json
index c313a791ad9d..1119d42666ae 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_en_GB.json
@@ -32,6 +32,6 @@
   "step1": "Open the Video Centre",
   "step2": "Import your video",
   "step3": "Publish!",
-  "hint": "Less than 2 minutes · No skills required",
+  "hint": "Less than 2 minutes · No technical skills required",
   "firstVideoButton": "Upload my first video"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json
index 7e22bbe27f0c..83cb75bd5f2a 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_es_ES.json
@@ -32,6 +32,6 @@
   "step1": "Abre el Centro de Vídeos",
   "step2": "Importa tu vídeo",
   "step3": "¡Publica!",
-  "hint": "Menos de 2 minutos · Ninguna habilidad requerida",
+  "hint": "Menos de 2 minutos · Ninguna habilidad técnica requerida",
   "firstVideoButton": "Sube mi primer vídeo"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json
index d02ff501d3ba..32e9db72f5e1 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_fr_CA.json
@@ -32,6 +32,6 @@
   "step1": "Ouvrez le Video Center",
   "step2": "Importez votre vidéo",
   "step3": "Publiez !",
-  "hint": "Moins de 2 minutes · Aucune compétence requise",
+  "hint": "Moins de 2 minutes · Aucune compétence technique requise",
   "firstVideoButton": "Déposer ma première vidéo"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json
index a3841be6f728..efe5422a4a66 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_it_IT.json
@@ -32,6 +32,6 @@
   "step1": "Apri il Centro Video",
   "step2": "Importa il tuo video",
   "step3": "Pubblica!",
-  "hint": "Meno di 2 minuti · Nessuna competenza richiesta",
+  "hint": "Meno di 2 minuti · Nessuna competenza tecnica richiesta",
   "firstVideoButton": "Carica il mio primo video"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json
index f21a59ccdd15..0a4bb39eab63 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pl_PL.json
@@ -32,6 +32,6 @@
   "step1": "Otwórz Centrum Wideo",
   "step2": "Importuj swoje wideo",
   "step3": "Opublikuj!",
-  "hint": "Mniej niż 2 minuty · Żadne umiejętności nie są wymagane",
+  "hint": "Mniej niż 2 minuty · Żadne umiejętności techniczne nie są wymagane",
   "firstVideoButton": "Złóż moje pierwsze wideo"
 }
diff --git a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json
index 3adbac085a64..76814fd9c966 100644
--- a/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json
+++ b/packages/manager/apps/web-hosting/public/translations/videoManagerCenter/Messages_pt_PT.json
@@ -32,6 +32,6 @@
   "step1": "Abra o Centro de Vídeo",
   "step2": "Importe o seu vídeo",
   "step3": "Publique!",
-  "hint": "Menos de 2 minutos · Nenhuma competência necessária",
+  "hint": "Menos de 2 minutos · Nenhuma competência técnica necessária",
   "firstVideoButton": "Depositar o meu primeiro vídeo"
 }