[MKT-860]:feat/new antivirus LP for yepads

src/assets/lang/de/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "Antivirenschutz für Ihre Dateien",
     "RemoveMalware": "Entfernt jegliche Schadsoftware (Malware)",
     "DeviceProtection": "Schützt Ihre Geräte"
-  }
-}
+  },
+  "secondaryEyeBrow": "Antivirus",
+  "cta": "Internxt erhalten",
+  "price": "Ab {currency}29,99/Monat"
+}

src/assets/lang/de/navbar.json

@@ -107,5 +107,10 @@
         "subtitle": "Wir haben einen Link zum Zurücksetzen des Kontos gesendet an"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Antivirus",
+    "cta": "Internxt erhalten",
+    "price": "Ab {currency}29,99/Monat"
   }
-}
+}

src/assets/lang/en/antivirus.json

@@ -4,12 +4,15 @@
     "blueText": "Internxt Antivirus",
     "description": "Defend against malware, phishing, and ransomware with advanced protection hat keeps your files safe.",
     "eyeBrow": "Internxt Antivirus",
+    "secondaryEyeBrow": "Antivirus",
     "DownloadLinks": {
       "downloadTitle": "Download Internxt Antivirus",
       "downloadForMac": "Download for Mac",
       "downloadForWindows": "Download for Windows",
       "downloadForLinux": "Download for Linux"
-    }
+    },
+    "cta": "Get Internxt",
+    "price": "From €29.99/mo"
   },
   "cta1": {
     "title": "Internxt Antivirus",
@@ -134,5 +137,8 @@
     "AntivirusProtection": "Antivirus protection",
     "RemoveMalware": "Remove malware",
     "DeviceProtection": "Device protection"
-  }
-}
+  },
+  "secondaryEyeBrow": "Antivirus",
+  "cta": "Get Internxt",
+  "price": "From {currency}29.99/mo"
+}

src/assets/lang/en/navbar.json

@@ -107,5 +107,10 @@
         "subtitle": "We've send an account reset link to"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Antivirus",
+    "cta": "Get Internxt",
+    "price": "From {currency}29.99/mo"
   }
-}
+}

src/assets/lang/es/antivirus.json

@@ -134,5 +134,8 @@
     "AntivirusProtection": "Protección antivirus para tus archivos",
     "RemoveMalware": "Elimina cualquier programa malicioso (malware)",
     "DeviceProtection": "Protege tus dispositivos"
-  }
-}
+  },
+  "secondaryEyeBrow": "Antivirus",
+  "cta": "Obtener Internxt",
+  "price": "Desde {currency}29,99/mes"
+}

src/assets/lang/es/navbar.json

@@ -106,5 +106,10 @@
         "subtitle": "Te hemos enviado un link de reseteo a"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Antivirus",
+    "cta": "Obtener Internxt",
+    "price": "Desde {currency}29,99/mes"
   }
-}
+}

src/assets/lang/fr/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "Protection antivirus pour vos fichiers",
     "RemoveMalware": "Élimine tout logiciel malveillant (malware)",
     "DeviceProtection": "Protège vos dispositifs"
-  }
-}
+  },
+  "secondaryEyeBrow": "Antivirus",
+  "cta": "Obtenir Internxt",
+  "price": "À partir de {currency}29,99/mois"
+}

src/assets/lang/fr/navbar.json

@@ -106,5 +106,10 @@
         "subtitle": "Nous vous avons envoyé un lien de réinitialisation pour"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Antivirus",
+    "cta": "Obtenir Internxt",
+    "price": "À partir de {currency}29,99/mois"
   }
-}
+}

src/assets/lang/it/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "Protezione antivirus per i tuoi file",
     "RemoveMalware": "Elimina qualsiasi programma dannoso (malware)",
     "DeviceProtection": "Proteggi i tuoi dispositivi"
-  }
-}
+  },
+  "secondaryEyeBrow": "Antivirus",
+  "cta": "Ottieni Internxt",
+  "price": "Da {currency}29,99/mese"
+}

src/assets/lang/it/navbar.json

@@ -107,5 +107,10 @@
         "subtitle": "We've send an account reset link to"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Antivirus",
+    "cta": "Ottieni Internxt",
+    "price": "Da {currency}29,99/mese"
   }
-}
+}

src/assets/lang/pt-br/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "Proteção antivirus para seus arquivos",
     "RemoveMalware": "Remove qualquer programa malicioso (malware)",
     "DeviceProtection": "Protege seus dispositivos"
-  }
-}
+  },
+  "secondaryEyeBrow": "Antivirus",
+  "cta": "Obtenha o Internxt",
+  "price": "A partir de {currency}29,99/mês"
+}

src/assets/lang/pt-br/navbar.json

@@ -91,5 +91,10 @@
         "subtitle": "Enviamos um link de redefinição de conta para"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Antivirus",
+    "cta": "Obtenha o Internxt",
+    "price": "A partir de {currency}29,99/mês"
   }
-}
+}

src/assets/lang/ru/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "Антивирусная защита для ваших файлов",
     "RemoveMalware": "Удаляет любые вредоносные программы (malware)",
     "DeviceProtection": "Защищает ваши устройства"
-  }
-}
+  },
+  "secondaryEyeBrow": "Антивирус",
+  "cta": "Получить Internxt",
+  "price": "От {currency}29,99/мес"
+}

src/assets/lang/ru/navbar.json

@@ -107,5 +107,10 @@
         "subtitle": "Мы отправили ссылку на сброс настроек аккаунта."
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "Антивирус",
+    "cta": "Получить Internxt",
+    "price": "От {currency}29,99/мес"
   }
-}
+}

src/assets/lang/zh-tw/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "为您的文件提供杀毒保护",
     "RemoveMalware": "清除任何恶意程序（恶意软件）",
     "DeviceProtection": "保护您的设备"
-  }
-}
+  },
+  "secondaryEyeBrow": "防毒軟體",
+  "cta": "取得 Internxt",
+  "price": "從 {currency}29.99/月"
+}

src/assets/lang/zh-tw/navbar.json

@@ -107,5 +107,10 @@
         "subtitle": "我們已經發送了帳戶重置鏈接到"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "防毒軟體",
+    "cta": "取得 Internxt",
+    "price": "從 {currency}29.99/月"
   }
-}
+}

src/assets/lang/zh/antivirus.json

@@ -133,5 +133,8 @@
     "AntivirusProtection": "为您的文件提供杀毒保护",
     "RemoveMalware": "清除任何恶意程序（恶意软件）",
     "DeviceProtection": "保护您的设备"
-  }
-}
+  },
+  "secondaryEyeBrow": "杀毒软件",
+  "cta": "获取 Internxt",
+  "price": "从 {currency}29.99/月"
+}

src/assets/lang/zh/navbar.json

@@ -107,5 +107,10 @@
         "subtitle": "We've send an account reset link to"
       }
     }
+  },
+  "MinimalNavbar": {
+    "secondaryEyeBrow": "杀毒软件",
+    "cta": "获取 Internxt",
+    "price": "从 {currency}29.99/月"
   }
-}
+}

src/assets/types/layout/types.ts

@@ -13,6 +13,11 @@ export interface NavigationBarText {
   products: Products;
   ourValues: OurValues;
   Auth: Auth;
+  MinimalNavbar: {
+    secondaryEyeBrow: string;
+    cta: string;
+    price: string;
+  };
 }
 
 export interface FooterText {

src/components/antivirus/AlternativeHeroSection.tsx

@@ -0,0 +1,91 @@
+import { getImage } from '@/lib/getImage';
+import Image from 'next/image';
+import Link from 'next/link';
+
+interface AlternativeHeroSectionProps {
+  textContent: any;
+}
+
+const AlternativeHeroSection = ({ textContent }: AlternativeHeroSectionProps) => (
+  <section
+    className="mt-20 flex h-min w-full flex-row items-center justify-center overflow-hidden py-10 lg:mt-16 lg:h-[705px] lg:justify-between lg:px-10 xl:px-32 3xl:px-80"
+    style={{ background: 'linear-gradient(360deg, #FFFFFF 0%, #E5EFFF 85.17%)' }}
+  >
+    <div className="flex w-full flex-row items-center gap-[90px]">
+      <div
+        className={`z-20 flex h-min w-[360px] shrink-0 flex-col items-start justify-center gap-4 rounded-xl p-6 shadow-soft backdrop-blur-55 lg:h-min lg:w-[566px] lg:gap-8 lg:rounded-16 lg:p-8`}
+        style={{
+          background: 'linear-gradient(115.95deg, rgba(244, 248, 255, 0.75) 10.92%, rgba(255, 255, 255, 0.08) 96.4%)',
+        }}
+      >
+        <div className="flex h-min w-min flex-col rounded-2 border border-primary px-1">
+          <p className="flex whitespace-nowrap text-sm font-semibold text-primary lg:text-lg">
+            {textContent.secondaryEyeBrow}
+          </p>
+        </div>
+
+        <p className="text-3xl font-semibold text-gray-100 lg:text-5xl">
+          {textContent.title} <br className="hidden sm:flex" />
+          <span className="text-primary">{textContent.blueText}</span>
+        </p>
+
+        <p className="text-xl font-normal text-gray-55">{textContent.description}</p>
+
+        <div className="flex w-full flex-row items-center gap-3">
+          <Link
+            href={'#priceCard'}
+            className="no z-10 flex h-[48px] w-1/2 items-center justify-center whitespace-nowrap rounded-sm-6 bg-primary  py-4 text-base font-medium text-white hover:bg-primary-dark lg:w-[177px]"
+          >
+            {textContent.cta}
+          </Link>
+
+          <span className="h-min rounded-2 bg-green-100 px-1 py-0.5 text-sm font-semibold text-green-0">
+            {textContent.price}
+          </span>
+        </div>
+      </div>
+
+      <div className="relative flex h-[65vh] items-center justify-center md:h-[450px]">
+        <Image
+          src={getImage('/images/antivirus/Internxt_Antivirus_Header.png')}
+          width={490}
+          height={400}
+          alt="Internxt Antivirus"
+          draggable="false"
+          className="object-cover"
+        />
+
+        <div className="absolute inset-0">
+          <Image
+            src={getImage('/images/antivirus/internxt_antivirus_1.webp')}
+            width={66}
+            height={66}
+            alt="Internxt Antivirus checklist"
+            draggable="false"
+            className="absolute right-[-7%] top-[0%] hidden object-cover md:block"
+          />
+
+          <Image
+            src={getImage('/images/antivirus/internxt_antivirus_2.webp')}
+            width={90}
+            height={90}
+            alt="Internxt Antivirus shield"
+            draggable="false"
+            className="absolute left-[2%] top-[20%] hidden object-cover md:block"
+          />
+
+          <Image
+            src={getImage('/images/antivirus/internxt_antivirus_3.webp')}
+            width={130}
+            height={130}
+            alt="Internxt Antivirus person checking"
+            draggable="false"
+            className="absolute right-[0%] top-[65%] hidden object-cover md:block"
+          />
+        </div>
+      </div>
+    </div>
+  </section>
+);
+
+export default AlternativeHeroSection;