[MKT-989]fix/fix home assistant lp

src/assets/lang/de/home-assistant.json

@@ -11,15 +11,15 @@
     },
     "title": "Sicherer Cloud-Speicher für Ihre **Home Assistant-Backups**",
     "description": "Automatisierte Offsite-Backups nach dem Zero-Knowledge-Prinzip. Entwickelt in Europa für maximale Privatsphäre und Datenkontrolle.",
-    "subtitle": "Holen Sie sich {{discount}}% Rabatt",
-    "claimDeal": "Holen Sie sich 3 TB für 2,99 €/Monat"
+    "subtitle": "Erhalten Sie {{discount}}% Rabatt",
+    "claimDeal": "Angebot sichern"
   },
   "TableSection": {
     "title": "Internxt-Tarife",
     "valentinesTitle": "Sichere Liebe – ",
     "hotLabel": "{{discount}}% Rabatt",
     "planTitles": {
-      "header": "Wählen Sie Ihren Tarif",
+      "header": "Wähle deine Zahlungsart",
       "lifetimeHeader": "Wählen Sie Ihren Lebenslangen Tarif",
       "individuals": "Jahrestarife",
       "homePage": "Wählen Sie den passenden Tarif für sich",

src/assets/lang/en/home-assistant.json

@@ -11,15 +11,15 @@
     },
     "title": "Secure cloud storage for your **Home Assistant Backups**",
     "description": "Automated, zero-knowledge offsite backups. Built in Europe for maximum privacy and data control.",
-    "subtitle": "Get {{discount}}% of discount ",
-    "claimDeal": "Get 3 TB for €2.99/mo"
+    "subtitle": "Get {{discount}}% off ",
+    "claimDeal": "Claim deal"
   },
   "TableSection": {
     "title": "Internxt Plans",
     "valentinesTitle": "Secure love - ",
     "hotLabel": "{{discount}}% off",
     "planTitles": {
-      "header": "Select your plan",
+      "header": "Choose how you want to pay",
       "lifetimeHeader": "Select your lifetime plan",
       "individuals": "Annual Plans",
       "homePage": "Choose the right plan for you",

src/assets/lang/es/home-assistant.json

@@ -11,15 +11,15 @@
     },
     "title": "Almacenamiento en la nube seguro para tus **copias de seguridad de Home Assistant**",
     "description": "Copias de seguridad externas automatizadas con conocimiento cero (zero-knowledge). Creado en Europa para el máximo control de datos y privacidad.",
-    "subtitle": "Consigue un {{discount}}% de descuento",
-    "claimDeal": "Consigue 3 TB por 2,99 €/mes"
+    "subtitle": "Obtén un {{discount}}% de descuento",
+    "claimDeal": "Reclamar oferta"
   },
   "TableSection": {
     "title": "Planes de Internxt",
     "valentinesTitle": "Amor seguro - ",
     "hotLabel": "{{discount}}% de descuento",
     "planTitles": {
-      "header": "Selecciona tu plan",
+      "header": "Elige cómo quieres pagar",
       "lifetimeHeader": "Selecciona tu plan de por vida",
       "individuals": "Planes anuales",
       "homePage": "Elige el plan adecuado para ti",

src/assets/lang/fr/home-assistant.json

@@ -11,15 +11,15 @@
     },
     "title": "Stockage cloud sécurisé para vos **sauvegardes Home Assistant**",
     "description": "Sauvegardes distantes automatisées à connaissance nulle (zero-knowledge). Conçu en Europe pour une confidentialité et un contrôle des données maximaux.",
-    "subtitle": "Obtenez {{discount}}% de réduction",
-    "claimDeal": "Obtenez 3 To pour 2,99 €/mois"
+    "subtitle": "Obtenez {{discount}}% de réduction ",
+    "claimDeal": "Profiter de l'offre"
   },
   "TableSection": {
     "title": "Offres Internxt",
     "valentinesTitle": "Un amour sécurisé - ",
     "hotLabel": "{{discount}}% de réduction",
     "planTitles": {
-      "header": "Sélectionnez votre offre",
+      "header": "Choisissez votre mode de paiement",
       "lifetimeHeader": "Sélectionnez votre offre à vie",
       "individuals": "Offres annuelles",
       "homePage": "Choisissez l'offre qui vous convient",

src/assets/lang/it/home-assistant.json

@@ -12,14 +12,14 @@
     "title": "Spazio cloud sicuro per i tuoi **backup di Home Assistant**",
     "description": "Backup esterni automatizzati a conoscenza zero (zero-knowledge). Creato in Europa per il massimo controllo dei dati e della privacy.",
     "subtitle": "Ottieni il {{discount}}% di sconto",
-    "claimDeal": "Ottieni 3 TB a 2,99 €/mese"
+    "claimDeal": "Riscatta l'offerta"
   },
   "TableSection": {
     "title": "Piani Internxt",
     "valentinesTitle": "Amore sicuro - ",
     "hotLabel": "{{discount}}% di sconto",
     "planTitles": {
-      "header": "Seleziona il tuo piano",
+      "header": "Scegli come vuoi pagare",
       "lifetimeHeader": "Seleziona il tuo piano a vita",
       "individuals": "Piani annuali",
       "homePage": "Scegli il piano ideale per te",

src/assets/lang/ru/home-assistant.json

@@ -12,14 +12,14 @@
     "title": "Защищенное облачное хранилище для ваших **резервных копий Home Assistant**",
     "description": "Автоматизированное удаленное резервное копирование с нулевым разглашением (zero-knowledge). Создано в Европе для максимальной приватности и контроля над данными.",
     "subtitle": "Получите скидку {{discount}}%",
-    "claimDeal": "Получите 3 ТБ за €2.99/мес"
+    "claimDeal": "Забрать скидку"
   },
   "TableSection": {
     "title": "Тарифы Internxt",
     "valentinesTitle": "Безопасная любовь - ",
     "hotLabel": "Скидка {{discount}}%",
     "planTitles": {
-      "header": "Выберите ваш тариф",
+      "header": "Выберите способ оплаты",
       "lifetimeHeader": "Выберите пожизненный тариф",
       "individuals": "Годовые тарифы",
       "homePage": "Выберите подходящий для вас тариф",

src/assets/lang/zh-tw/home-assistant.json

@@ -12,14 +12,14 @@
     "title": "為您的 **Home Assistant 備份** 提供安全的雲端儲存空間",
     "description": "自動化的零知識 (Zero-Knowledge) 異地備份。源自歐洲，專為最大化隱私與數據控制而打造。",
     "subtitle": "獲取 {{discount}}% 折扣",
-    "claimDeal": "只需 €2.99/月 即可獲得 3 TB"
+    "claimDeal": "領取優惠"
   },
   "TableSection": {
     "title": "Internxt 方案",
     "valentinesTitle": "守護摯愛 - ",
     "hotLabel": "{{discount}}% 優惠",
     "planTitles": {
-      "header": "選擇您的方案",
+      "header": "選擇你的支付方式",
       "lifetimeHeader": "選擇您的終身方案",
       "individuals": "年度方案",
       "homePage": "選擇最適合您的方案",

src/assets/lang/zh/home-assistant.json

@@ -12,14 +12,14 @@
     "title": "为您的 **Home Assistant 备份** 提供安全的云存储",
     "description": "自动化的零知识 (Zero-Knowledge) 异地备份。源自欧洲，专为最大化隐私与数据控制而打造。",
     "subtitle": "获取 {{discount}}% 折扣",
-    "claimDeal": "仅需 €2.99/月 即可获得 3 TB"
+    "claimDeal": "领取优惠"
   },
   "TableSection": {
     "title": "Internxt 套餐计划",
     "valentinesTitle": "守护挚爱 - ",
     "hotLabel": "{{discount}}% 优惠",
     "planTitles": {
-      "header": "选择您的套餐",
+      "header": "选择你的支付方式",
       "lifetimeHeader": "选择您的终身套餐",
       "individuals": "年度套餐",
       "homePage": "选择最适合您的套餐",

src/components/home-assistant/ConfigurationSection.tsx

@@ -8,46 +8,52 @@ interface ConfigurationSectionProps {
 
 const ConfigurationSection = ({ textContent }: ConfigurationSectionProps): JSX.Element => {
   return (
-    <section className="w-full bg-white py-10 lg:py-20">
-      <div className="mx-auto flex w-full max-w-[1500px] flex-col gap-8 px-5 lg:gap-10 lg:px-20">
-        <h2 className="max-w-[1000px] text-[30px] font-bold leading-tight text-gray-100 lg:pr-10 lg:text-5xl">
+    <section className="w-full bg-white py-8 sm:py-10 md:py-12 lg:py-16 xl:py-20">
+      <div className="mx-auto flex w-full max-w-[1500px] flex-col gap-4 px-5 xs:gap-5 sm:gap-6 md:gap-7 lg:gap-8 lg:px-20 xl:gap-10">
+        <h2 className="max-w-[930px] text-2xl font-bold leading-tight text-gray-100 xs:text-[26px] sm:text-3xl md:text-[34px] lg:pr-10 lg:text-[40px] xl:text-[44px] 2xl:text-5xl">
           {textContent.title}
         </h2>
-        <p className="max-w-[900px] text-base font-normal leading-tight text-gray-55 lg:text-lg">
+        <p className="max-w-[800px] text-[15px] font-normal leading-tight text-gray-55 sm:text-base lg:text-[17px] xl:text-lg">
           {textContent.description}
         </p>
-        <div className="flex w-full flex-col justify-center gap-6 lg:flex-row lg:gap-16">
-          <Image
-            src={getImage(`/images/home-assistant/configuration.webp`)}
-            alt="configuration-image"
-            height={500}
-            width={780}
-            className="h-auto w-full min-w-0 max-w-[780px] rounded"
-          />
-          <div className="flex w-full min-w-0 flex-col gap-6 lg:max-w-[500px]">
+        <div className="flex w-full flex-col justify-center gap-4 sm:gap-5 md:gap-6 lg:flex-row lg:items-stretch lg:gap-8 xl:gap-12 2xl:gap-16">
+          <div className="w-full min-w-0 lg:w-[56%] lg:flex-shrink-0">
+            <Image
+              src={getImage(`/images/home-assistant/configuration.webp`)}
+              alt="configuration-image"
+              height={500}
+              width={780}
+              className="h-auto w-full rounded object-contain"
+            />
+          </div>
+          <div className="flex w-full min-w-0 flex-col gap-2 lg:flex-1">
             {textContent.accordionCard.titles.map((title: string, index: number) => (
-              <div key={title} className="border-gray-300 flex flex-col gap-6 rounded-16 border bg-white p-8 text-left">
-                <span className="flex flex-row items-center gap-4 text-2xl font-medium text-primary">
+              <div
+                key={title}
+                className="border-gray-300 flex flex-col justify-center gap-2 rounded-16 border bg-white p-3 text-left lg:flex-1 xl:gap-3 xl:p-4 2xl:gap-4 2xl:p-5"
+              >
+                <span className="flex flex-row items-center gap-3 text-base font-medium leading-none text-primary xl:gap-4 xl:text-xl 2xl:gap-5 2xl:text-2xl">
                   {index + 1}
-                  <h3 className="text-lg font-medium text-gray-100 lg:text-xl">{title}</h3>
+                  <h3 className="text-sm font-medium leading-tight text-gray-100 lg:text-base xl:text-lg 2xl:text-xl">
+                    {title}
+                  </h3>
                 </span>
 
-                <div className="flex flex-col overflow-hidden text-sm lg:text-base">
+                <div className="flex flex-col overflow-hidden text-xs leading-snug lg:text-sm 2xl:text-base">
                   {textContent.accordionCard.descriptions[index]}
                 </div>
               </div>
             ))}
-            <div className="flex flex-row flex-wrap gap-4">
+            <div className="flex flex-row flex-wrap gap-2 lg:flex-shrink-0 xl:gap-3">
               {textContent.features.map((title: string) => (
                 <div
                   key={title}
-                  className="flex flex-row gap-6 rounded-32 border border-gray-20 bg-white p-2 text-left text-gray-80"
+                  className="flex flex-row rounded-32 border border-gray-20 bg-white p-2 text-left text-[11px] leading-none text-gray-80 lg:text-xs 2xl:p-3 2xl:text-sm"
                 >
                   {title}
                 </div>
               ))}
             </div>
-            <div></div>
           </div>
         </div>
       </div>

src/components/home-assistant/HeroSection.tsx

@@ -11,8 +11,6 @@ import {
   VideoConference,
 } from '@phosphor-icons/react';
 import Link from 'next/link';
-import { currencyService } from '@/services/currency.service';
-import { useEffect, useState } from 'react';
 import { HighlightText } from '../components/HighlightText';
 
 interface HeroSectionForPartnerProps {
@@ -26,16 +24,6 @@ export default function HeroSection({
   percentOff,
   darkMode = false,
 }: Readonly<HeroSectionForPartnerProps>): JSX.Element {
-  const [currency, setCurrency] = useState<string>('€');
-
-  useEffect(() => {
-    currencyService
-      .filterCurrencyByCountry()
-      .then((currency) => {
-        setCurrency(currency.currency);
-      })
-      .catch(() => { });
-  }, []);
 
   const products = [
     { icon: CloudArrowUp, text: textContent.products.drive },
@@ -53,18 +41,18 @@ export default function HeroSection({
 
   return (
     <section
-      className={`mt-20 flex h-min w-full flex-row items-center justify-center gap-8 overflow-hidden py-10 lg:mt-16 lg:h-[700px] lg:justify-between lg:gap-12 lg:pl-10 lg:pr-4 xl:gap-16 xl:pl-32 xl:pr-16 3xl:pl-80 3xl:pr-60`}
+      className={`mt-20 flex h-min w-full flex-row items-center justify-center gap-12 overflow-hidden py-10 lg:mt-16 lg:h-[700px] lg:justify-between lg:gap-16 lg:pl-10 lg:pr-4 xl:pl-16 xl:pr-8 2.5xl:pl-32 2.5xl:pr-16 3xl:pl-80 3xl:pr-40`}
       style={{
         background: darkMode
           ? 'linear-gradient(180deg, #082D66 0%, #1C1C1C 100%)'
           : 'linear-gradient(180deg, #E5EFFF 0%, #FFFFFF 100%)',
       }}
     >
-      <div className="flex h-min w-[345px] flex-col justify-center gap-6 lg:h-[392px] lg:w-[606px] lg:justify-between">
+      <div className="flex h-min w-[345px] flex-col justify-center gap-6 lg:h-[392px] lg:w-[600px] lg:justify-between">
         <div className="flex w-full flex-wrap items-start justify-start gap-2 lg:flex-nowrap lg:justify-between">
-          {products.map((feature, index) => (
+          {products.map((feature) => (
             <div
-              key={index}
+              key={feature.text}
               className={`flex h-6 w-min flex-row items-center justify-center gap-1 rounded ${darkMode ? 'bg-white/10' : 'bg-white/50'
                 }  px-1 py-0.5 shadow-sm lg:h-8 lg:px-2 lg:py-1`}
             >
@@ -79,8 +67,8 @@ export default function HeroSection({
           ))}
         </div>
         <h1
-          className={`text-30 font-semibold leading-tight ${darkMode ? 'text-white-95' : 'text-gray-100'
-            } lg:text-[44px]`}
+          className={`text-[34px] font-semibold leading-tight ${darkMode ? 'text-white-95' : 'text-gray-100'
+            } lg:text-[38px] xl:text-[40px] 2xl:text-[42px] 3xl:text[44px]`}
         >
           <HighlightText text={textContent.title} />
         </h1>
@@ -117,12 +105,11 @@ export default function HeroSection({
 
       <div className={'hidden justify-center lg:flex'}>
         <Image
-          src={getImage(`/images/home-assistant/hero.webp`)}
+          src={getImage('/images/home-assistant/hero.webp')}
           alt="Internxt Partners HeroSection Image"
-          width={829}
-          height={620}
-          quality={100}
-          className="rounded"
+          width={1200}
+          height={727}
+          className="h-auto rounded"
         />
       </div>
     </section>