-
-
+
{textContent.cta}
-
+
{textContent.title}
- {textContent.titleLine2}
-
{textContent.titleLine2}
+{formattedDescription}
+
{cards.map((card, index) => {
const isEven = index % 2 === 0;
@@ -64,7 +65,7 @@ const FeatureSection = ({ textContent, isGetAntivirus }: FeatureSectionProps) =>
diff --git a/src/components/antivirus/HeroSection.tsx b/src/components/antivirus/HeroSection.tsx
index e09bf9091..70e81ab1a 100644
--- a/src/components/antivirus/HeroSection.tsx
+++ b/src/components/antivirus/HeroSection.tsx
@@ -3,7 +3,13 @@ import Image from 'next/image';
import DownloadComponent from './DownloadComponent';
import { isMobile } from 'react-device-detect';
-const HeroSection = ({ textContent, download }) => (
+interface HeroSectionProps {
+ textContent: any;
+ download: any;
+ needsDownloadSection?: boolean;
+}
+
+const HeroSection = ({ textContent, download, needsDownloadSection }: HeroSectionProps) => (
{langJson.cta1.subtitle}}
+ />
+
+
+
+ }
+ SecondComponent={
+ {langJson.cta2.subtitle}}
+ />
+
+
diff --git a/src/components/antivirus/InfoSecction.tsx b/src/components/antivirus/InfoSecction.tsx
index 248868baa..0e373a693 100644
--- a/src/components/antivirus/InfoSecction.tsx
+++ b/src/components/antivirus/InfoSecction.tsx
@@ -6,7 +6,7 @@ export interface InfoSectionProps {
export const InfoSection: React.FC = ({ FirstComponent }) => {
return (
-
+
);
diff --git a/src/components/layout/navbars/MinimalNavbar.tsx b/src/components/layout/navbars/MinimalNavbar.tsx
index 973621ddf..de6708577 100644
--- a/src/components/layout/navbars/MinimalNavbar.tsx
+++ b/src/components/layout/navbars/MinimalNavbar.tsx
@@ -1,9 +1,19 @@
import { getImage } from '@/lib/getImage';
-import Link from 'next/link';
import { useState, useEffect } from 'react';
+import Image from 'next/image';
+import router from 'next/router';
+import { currencyService } from '@/services/currency.service';
+import { NavigationBarText } from '@/assets/types/layout/types';
-export const MinimalNavbar = ({ lang }) => {
+export interface MinimalNavbarProps {
+ lang: string;
+ isOffer?: boolean;
+ textContent?: NavigationBarText;
+}
+
+export const MinimalNavbar = ({ isOffer, textContent }: MinimalNavbarProps) => {
const [scrolled, setScrolled] = useState(true);
+ const [currencySymbol, setCurrencySymbol] = useState('€');
const handleScroll = () => setScrolled(window.pageYOffset > 0);
@@ -12,6 +22,14 @@ export const MinimalNavbar = ({ lang }) => {
window.addEventListener('scroll', handleScroll);
});
+ useEffect(() => {
+ currencyService.filterCurrencyByCountry().then(({ currency }) => {
+ setCurrencySymbol(currency);
+ });
+ }, []);
+
+ const priceLabel = textContent?.MinimalNavbar.price.replace('{currency}', currencySymbol);
+
return (
+ {InfoSectionV2.map((item, index) => (
+
+ }
+ />
+
+ {FirstComponent}
{
scrolled ? 'border-opacity-5 bg-opacity-90' : 'border-opacity-0'
} z-50 border-b border-black`}
>
-
+
+ {infoSectionData.map((item, index) => (
+
+ }
+ />
+
+ {ultimatePlan && (
+
-
- })
-
+
);
diff --git a/src/components/shared/pricing/PriceCard/HorizontalPriceCard.tsx b/src/components/shared/pricing/PriceCard/HorizontalPriceCard.tsx
index 890292f65..20546d17f 100644
--- a/src/components/shared/pricing/PriceCard/HorizontalPriceCard.tsx
+++ b/src/components/shared/pricing/PriceCard/HorizontalPriceCard.tsx
@@ -32,7 +32,6 @@ export interface HorizontalPriceCardProps {
}
export const HorizontalPriceCard = ({
- decimalDiscountValue,
storage,
currency,
priceBefore,
@@ -47,10 +46,6 @@ export const HorizontalPriceCard = ({
const contentText = require(`@/assets/lang/en/priceCard.json`);
- const priceNow = decimalDiscountValue
- ? ((price * decimalDiscountValue) / 100).toFixed(2).replace('.00', '')
- : Number(price).toFixed(2).replace('.00', '');
-
const cardLabel =
{
'5TB': contentText.productFeatures.planTypes.ultimate,
@@ -81,6 +76,7 @@ export const HorizontalPriceCard = ({
mode: 'payment',
planType: 'individual',
currency: currencyValue ?? 'eur',
+ promoCodeId: coupon?.name,
});
}
return (
diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts
index 40f5452ab..3b43c4e0a 100644
--- a/src/lib/types/index.ts
+++ b/src/lib/types/index.ts
@@ -279,6 +279,7 @@ export enum PromoCodeName {
techsagar = 'TECHSAGAR',
levelupid = 'LEVELUPID',
privacyTutor = 'PRIVACY',
+ antivirus = 'ANTIV',
}
export interface PromoCodeProps {
diff --git a/src/pages/ultimate/antivirus.tsx b/src/pages/ultimate/antivirus.tsx
new file mode 100644
index 000000000..d15244541
--- /dev/null
+++ b/src/pages/ultimate/antivirus.tsx
@@ -0,0 +1,225 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { GetServerSidePropsContext } from 'next';
+import { FooterText, MetatagsDescription, NavigationBarText } from '@/assets/types/layout/types';
+import Layout from '@/components/layout/Layout';
+import { MinimalNavbar } from '@/components/layout/navbars/MinimalNavbar';
+import { CardGroup } from '@/components/shared/CardGroup';
+import { ComponentsInColumnSection } from '@/components/shared/components/ComponentsInColumnSection';
+import CtaSection from '@/components/shared/CtaSection';
+import FAQSection from '@/components/shared/sections/FaqSection';
+import cookies from '@/lib/cookies';
+import { PromoCodeName } from '@/lib/types';
+import { BatteryCharging, Bomb, Broom, Browsers, Devices, ShieldCheck, ThermometerHot } from '@phosphor-icons/react';
+import { AntivirusText } from '@/assets/types/antivirus';
+import FeatureSectionV2 from '@/components/antivirus/FeatureSectionV2';
+import FeatureSection from '@/components/antivirus/FeatureSection';
+import AlternativeHeroSection from '@/components/antivirus/AlternativeHeroSection';
+import { InfoSection } from '@/components/antivirus/InfoSecction';
+import { downloadDriveLinks } from '@/lib/get-download-url';
+import { MinimalFooter } from '@/components/layout/footers/MinimalFooter';
+import { HorizontalPriceCard } from '@/components/shared/pricing/PriceCard/HorizontalPriceCard';
+import usePricing from '@/hooks/usePricing';
+import { Interval } from '@/services/stripe.service';
+
+interface AntivirusProps {
+ lang: GetServerSidePropsContext['locale'];
+ metatagsDescriptions: MetatagsDescription[];
+ navbarLang: NavigationBarText;
+ langJson: AntivirusText;
+ footerLang: FooterText;
+ relationalLinksText: any;
+ download: {
+ Windows: any;
+ MacOS: any;
+ Linux: any;
+ };
+ isGetAntivirus?: boolean;
+}
+
+const AntivirusPage = ({
+ metatagsDescriptions,
+ langJson,
+ lang,
+ footerLang,
+ navbarLang,
+ isGetAntivirus,
+}: AntivirusProps): JSX.Element => {
+ const metatags = metatagsDescriptions.filter((desc) => desc.id === 'internxt-antivirus');
+ const locale = lang as string;
+
+ const cardsForComponentsIncolumn = [
+ {
+ icon: BatteryCharging,
+ title: langJson.ComponentsInColumn.cards.element1.title,
+ description: langJson.ComponentsInColumn.cards.element1.description,
+ },
+ {
+ icon: Bomb,
+ title: langJson.ComponentsInColumn.cards.element2.title,
+ description: langJson.ComponentsInColumn.cards.element2.description,
+ },
+ {
+ icon: Browsers,
+ title: langJson.ComponentsInColumn.cards.element3.title,
+ description: langJson.ComponentsInColumn.cards.element3.description,
+ },
+ {
+ icon: ThermometerHot,
+ title: langJson.ComponentsInColumn.cards.element4.title,
+ description: langJson.ComponentsInColumn.cards.element4.description,
+ },
+ ];
+ const infoSectionData = [
+ {
+ title: langJson.InfoSection.Percentage,
+ description: langJson.InfoSection.PercentageText,
+ },
+ {
+ title: langJson.InfoSection.MalwareRegisteredDaily,
+ description: langJson.InfoSection.MalwareRegisteredDailyText,
+ },
+ {
+ title: langJson.InfoSection.MalwareAttacks,
+ description: langJson.InfoSection.MalwareAttacksText,
+ },
+ ];
+
+ const InfoSectionV2 = [
+ {
+ icon: ShieldCheck,
+ title: langJson.InfoSectionV2.AntivirusProtection,
+ },
+ {
+ icon: Broom,
+ title: langJson.InfoSectionV2.RemoveMalware,
+ },
+ {
+ icon: Devices,
+ title: langJson.InfoSectionV2.DeviceProtection,
+ },
+ ];
+
+ const { products, currency, currencyValue, lifetimeCoupon } = usePricing({
+ couponCodeForLifetime: PromoCodeName.antivirus,
+ });
+
+ const ultimatePlan = products?.individuals?.[Interval.Year]?.find((plan: any) => plan.storage === '5TB');
+ const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
+
+ return (
+ <>
+
-
+
+
+
+ )}
{priceLabel}
+ +
+
+ ))}
+ {item.title}
+{item.description}
+
+
+ )}
+
+
+
+ ))}
+ {item.title}
+
+
+ + {langJson.ComponentsInColumn.title} +
+{langJson.ComponentsInColumn.description}
+
+
+ }
+ backgroundColor="bg-white"
+ />
+