Merge pull request #1069 from internxt/feat/add-world-cloud-security-…

…banner [MKT-227]: feat/add world cloud security banner
internxt · Apr 3, 2024 · 5c5e334 · 5c5e334
2 parents 467dffb + ef010e9
commit 5c5e334
Show file tree

Hide file tree

Showing 9 changed files with 41 additions and 43 deletions.
diff --git a/src/app/banners/BannerWrapper.tsx b/src/app/banners/BannerWrapper.tsx
@@ -9,8 +9,8 @@ import { useSelector } from 'react-redux';
 import { UserSettings } from '@internxt/sdk/dist/shared/types/userSettings';
 import FeaturesBanner from './FeaturesBanner';
 
-const SHOW_BANNER_COOKIE_NAME = 'show_spring_banner';
-const OFFER_OFF_DAY = new Date('2024-03-18');
+const SHOW_BANNER_COOKIE_NAME = 'show_world_security_banner';
+const OFFER_OFF_DAY = new Date('2024-04-18');
 
 const BannerWrapper = (): JSX.Element => {
   const [showBanner, setShowBanner] = useState(false);

diff --git a/src/app/banners/FeaturesBanner.tsx b/src/app/banners/FeaturesBanner.tsx
@@ -1,4 +1,4 @@
-import { CheckCircle, Flower, X } from '@phosphor-icons/react';
+import { CheckCircle, ShieldCheck, X } from '@phosphor-icons/react';
 import { useTranslationContext } from 'app/i18n/provider/TranslationProvider';
 
 const FeaturesBanner = ({ showBanner, onClose }: { showBanner: boolean; onClose: () => void }): JSX.Element => {
@@ -7,7 +7,7 @@ const FeaturesBanner = ({ showBanner, onClose }: { showBanner: boolean; onClose:
   const features = translateList('featuresBanner.features');
 
   const handleOnClick = () => {
-    window.open('https://internxt.com/pricing', '_blank', 'noopener noreferrer');
+    window.open('https://internxt.com/lifetime', '_blank', 'noopener noreferrer');
   };
 
   return (
@@ -25,14 +25,12 @@ const FeaturesBanner = ({ showBanner, onClose }: { showBanner: boolean; onClose:
         <button className="absolute  right-0 m-7 flex text-black" onClick={onClose}>
           <X size={32} />
         </button>
-        <div className="flex w-full max-w-[800px] flex-col space-x-10 py-14 lg:flex-row">
-          <div className="flex w-full flex-col  items-center justify-center space-y-3 text-center lg:items-start lg:justify-between lg:text-start">
-            <div className="flex rounded-lg bg-white px-3 py-1.5 ring-4 ring-primary/7">
-              <p className="text-2xl font-bold text-primary">{translate('featuresBanner.label')}</p>
+        <div className="flex w-full flex-col space-x-10 py-14 lg:flex-row">
+          <div className="flex  w-max max-w-[310px] flex-col  items-center justify-center space-y-3 text-center lg:items-start lg:justify-between lg:text-start">
+            <div className="flex rounded-lg bg-white">
+              <p className="text-xl font-bold text-primary">{translate('featuresBanner.label')}</p>
             </div>
-            <p className="w-full max-w-[380px] text-4xl font-bold leading-tight text-black">
-              {translate('featuresBanner.title')}
-            </p>
+            <p className="w-full text-4xl font-bold leading-tight text-black">{translate('featuresBanner.title')}</p>
 
             <div className="flex flex-col items-center space-y-3 lg:items-start">
               <button
@@ -43,7 +41,7 @@ const FeaturesBanner = ({ showBanner, onClose }: { showBanner: boolean; onClose:
               </button>
               <div className="flex flex-row items-center space-x-3 pt-2 text-gray-80 dark:text-gray-20">
                 <CheckCircle size={24} className="" />
-                <p className="whitespace-nowrap font-medium lg:text-lg">{translate('featuresBanner.guarantee')}</p>
+                <p className="font-medium lg:text-lg">{translate('featuresBanner.guarantee')}</p>
               </div>
 
               <p className="text-sm font-medium text-gray-50">{translate('featuresBanner.lastCta')}</p>
@@ -54,8 +52,8 @@ const FeaturesBanner = ({ showBanner, onClose }: { showBanner: boolean; onClose:
               <div className="flex flex-col space-y-8">
                 {features.map((card) => (
                   <div className="flex flex-row" key={card}>
-                    <Flower size={30} weight="fill" className="mr-4 text-primary" />
-                    <p className="whitespace-nowrap text-lg font-semibold text-gray-80 dark:text-gray-20">{card}</p>
+                    <ShieldCheck size={30} weight="fill" className="mr-4 text-primary" />
+                    <p className="whitespace-nowrap text-xl font-semibold text-gray-80 dark:text-gray-20">{card}</p>
                   </div>
                 ))}
               </div>

diff --git a/src/app/i18n/locales/de.json b/src/app/i18n/locales/de.json
@@ -4,18 +4,18 @@
     "logOut": "Log-out"
   },
   "featuresBanner": {
-    "label": "Spare 75%",
-    "title": "Starten Sie Ihre digitale Frühjahrsputz",
+    "label": "Angebot zum Welttag der Cloud-Sicherheit",
+    "title": "Ein Leben lang Privatsphäre für 75% weniger",
     "cta": "Wähle einen Plan",
     "guarantee": "30 Tage Geld-zurück-Garantie",
     "lastCta": "*Angebot gilt für kostenlose Konten oder neue Kunden",
     "features": [
-      "Sparen Sie bei allen unseren Plänen",
+      "75% RABATT auf alle lebenslangen Pläne",
       "Sicherer Cloud-Speicher",
       "Backup privater Dateien und Fotos",
       "End-to-end verschlüsselte Übertragungen",
       "Kein unbefugter Zugriff",
-      "Angebot endet am 18. März"
+      "Angebot endet am 8. April"
     ]
   },
   "valentinesBanner": {

diff --git a/src/app/i18n/locales/en.json b/src/app/i18n/locales/en.json
@@ -4,18 +4,18 @@
     "logOut": "Log Out"
   },
   "featuresBanner": {
-    "label": "Save 75%",
-    "title": "Start your digital spring cleaning",
+    "label": "World Cloud Security Day Offer",
+    "title": "A lifetime of privacy for 75% less",
     "cta": "Choose plan",
     "guarantee": "30-day money-back guarantee",
     "lastCta": "*Offer is for free accounts or new customers",
     "features": [
-      "Save on all of our plans",
+      "75% OFF all lifetime plans",
       "Safe and secure cloud storage",
       "Open source and transparent",
       "End-to-end encrypted transfers",
       "No unauthorized access",
-      "Offer ends March 18th"
+      "Offer ends April 8th"
     ]
   },
   "valentinesBanner": {

diff --git a/src/app/i18n/locales/es.json b/src/app/i18n/locales/es.json
@@ -4,18 +4,18 @@
     "logOut": "Cerrar sesión"
   },
   "featuresBanner": {
-    "label": "Ahorra un 75%",
-    "title": "Comienza a ahorrar esta primavera",
-    "cta": "Elige un plan",
+    "label": "Oferta del Día Mundial de la Seguridad en la Nube",
+    "title": "Una vida de privacidad por mucho menos",
+    "cta": "Consíguela",
     "guarantee": "Garantía de devolución de 30 días",
     "lastCta": "*La oferta es para cuentas gratuitas o nuevos clientes",
     "features": [
-      "Ahorra en todos nuestros planes",
+      "Oferta 75% en planes lifetime",
       "Almacenamiento seguro en la nube",
       "Código abierto y auditado",
       "Transferencias cifradas de extremo a extremo",
       "Sin accesos no autorizados",
-      "La oferta finaliza el 18 de marzo"
+      "La promoción finaliza el 8 de abril"
     ]
   },
   "valentinesBanner": {

diff --git a/src/app/i18n/locales/fr.json b/src/app/i18n/locales/fr.json
@@ -4,18 +4,18 @@
     "logOut": "Déconnexion"
   },
   "featuresBanner": {
-    "label": "Économisez 75%",
-    "title": "Profitez de votre offre de printemps",
+    "label": "Offre pour la Journée mondiale de la sécurité cloud",
+    "title": "Une vie privée à 75% de moins",
     "cta": "Choisissez un plan",
     "guarantee": "Garantie de remboursement de 30 jours",
     "lastCta": "*L'offre est valable pour les comptes gratuits ou les nouveaux clients",
     "features": [
-      "Économisez sur tous nos plans",
+      "75% de réduction sur tous les plans à vie",
       "Stockage cloud sûr et sécurisé",
       "Open source et transparent",
       "Transferts chiffrés de bout en bout",
       "Aucun accès non autorisé",
-      "L'offre se termine le 18 mars"
+      "L'offre se termine le 8 avril"
     ]
   },
   "valentinesBanner": {

diff --git a/src/app/i18n/locales/it.json b/src/app/i18n/locales/it.json
@@ -9,18 +9,18 @@
     "cta": "Get the deal"
   },
   "featuresBanner": {
-    "label": "Risparmia il 75%",
-    "title": "Inizia la tua pulizia digitale di primavera",
+    "label": "Offerta per la Giornata mondiale della sicurezza cloud",
+    "title": "Una vita di privacy per il 75% in meno",
     "cta": "Scegli un piano",
     "guarantee": "Garanzia di rimborso entro 30 giorni",
     "lastCta": "*L'offerta è valida solo per account gratuiti o nuovi clienti",
     "features": [
-      "Risparmia su tutti i nostri piani",
+      "75% DI SCONTO su tutti i piani a vita",
       "Archiviazione cloud sicura e protetta",
       "Open source e trasparente",
       "Trasferimenti crittografati end-to-end",
       "Nessun accesso non autorizzato",
-      "L'offerta termina il 18 marzo"
+      "L'offerta termina l'8 aprile"
     ]
   },
   "lifetimeBanner": {

diff --git a/src/app/i18n/locales/ru.json b/src/app/i18n/locales/ru.json
@@ -9,18 +9,18 @@
     "cta": "Получить скидку"
   },
   "featuresBanner": {
-    "label": "Скидка 75%",
-    "title": "Получите своё весеннее предложение",
+    "label": "Предложение на День мировой безопасности в облаке",
+    "title": "Приватность на всю жизнь за 75% дешевле",
     "cta": "Выбрать план",
     "guarantee": "Гарантия возврата денег в течение 30 дней",
     "lastCta": "*Предложение действует только для бесплатных аккаунтов или новых клиентов",
     "features": [
-      "Экономьте на всех наших планах",
+      "СКИДКА 75% на все пожизненные планы",
       "Надежное и безопасное облачное хранилище",
       "Открытый исходный код и прозрачность",
       "Передача данных в зашифрованном виде",
       "Отсутствие несанкционированного доступа",
-      "Предложение заканчивается 18 марта"
+      "Предложение заканчивается 8 апреля"
     ]
   },
   "lifetimeBanner": {

diff --git a/src/app/i18n/locales/zh.json b/src/app/i18n/locales/zh.json
@@ -4,18 +4,18 @@
     "logOut": "登出"
   },
   "featuresBanner": {
-    "label": "省75%",
-    "title": "开始您的数字春季大扫除",
+    "label": "世界云安全日优惠",
+    "title": "75%折扣享终身隐私",
     "cta": "选择计划",
     "guarantee": "30天退款保证",
     "lastCta": "*优惠仅适用于免费帐户或新客户",
     "features": [
-      "在我们所有的计划上节省",
+      "75％折扣所有终身计划",
       "安全可靠的云存储",
       "开源和透明",
       "端到端加密传输",
       "没有未经授权的访问",
-      "优惠截至日期为3月18日"
+      "优惠截止日期为4月8日"
     ]
   },
   "valentinesBanner": {