diff --git a/src/assets/lang/en/pcloud-alternative.json b/src/assets/lang/en/pcloud-alternative.json index 2b5aaad19..cae147b9e 100644 --- a/src/assets/lang/en/pcloud-alternative.json +++ b/src/assets/lang/en/pcloud-alternative.json @@ -1,22 +1,24 @@ { "HeaderSection": { - "title": "Internxt: a more secure pCloud alternative", - "description": "Worried about pCloud’s hidden source code and extra cost for encryption? Are you certain pCloud doesn’t store your password or access your files? Internxt offers free, built-in encryption and open-source transparency.", + "title": "Switch to Internxt", + "description": "The most private cloud storage, with open-source transparency and built-in post-quantum encryption to keep your data safe and secure.", + "useCode": { "line1": "Use code ", - "code": "SPECIAL75", - "line2": " at checkout for 75% off any Internxt plan!" + "code": "PCLOUD80", + "line2": "and claim your 80% discount." }, - "cta": "Choose plan" + "cta": "Select plan" }, "HeroSection": { - "title": "Internxt vs. pCloud comparison", + "title": "Internxt vs pCloud comparison", "description": "Discover characteristics of Internxt that make it a more private pCloud alternative", "tooltip": "Although pCloud identifies as a Swiss company and claims compliance with Swiss privacy laws, it operates entirely in Bulgaria. Therefore, Bulgarian privacy laws apply. Users should consider this distinction regarding their data protection.", "tableSection": { "comparisons": { "codeTransparency": "Code transparency", "encryption": "Encryption", + "postQuantumEncryption": "Post-Quantum Encryption", "pricing": "Pricing", "securityAudits": "Security Audits", "liveSupport": "Live Support", @@ -26,8 +28,9 @@ "internxtFeatures": { "codeTransparency": "Open-Source", "encryption": "Included in all plans", + "postQuantumEncryption": "Yes", "pricing": "Competitive, no hidden costs", - "securityAudits": "Regular security audits", + "securityAudits": "Regular security audits by the community", "liveSupport": "Yes", "dataTrackers": "No", "privacyLaws": "GDPR, Spanish Data Protection Laws" @@ -35,6 +38,7 @@ "features": { "codeTransparency": "Closed-Source", "encryption": "Paid extra (pCloud Crypto)", + "postQuantumEncryption": "No", "pricing": "Affordable, but extra for encryption", "securityAudits": "Not available", "liveSupport": "No", @@ -60,8 +64,8 @@ "description": "As Internxt's code is open to anyone, everyone may examine it and ensure its security. This transparency guarantees that no vulnerabilities are hidden." }, { - "title": "End-to-End Encryption", - "description": "Your data is encrypted on the client side, guaranteeing that only you can access it." + "title": "Post-Quantum encryption", + "description": "Internxt uses post-quantum end-to-end encryption. This encrypts files on your device and protects against the threat of quantum computers breaking current encryption technology." }, { "title": "Audited", @@ -182,8 +186,8 @@ "UseCodeSection": { "title": { "line1": "Use code ", - "code": "SPECIAL75 ", - "line2": "for 75% off secure, encrypted cloud storage" + "code": "PCLOUD80 ", + "line2": " for 80% off secure, encrypted cloud storage" }, "cta": "Choose plan" }, @@ -235,13 +239,48 @@ "description": "Internxt operates with complete transparency, ensuring your data privacy is protected by European laws. Our GDPR compliance guarantees your information is handled securely and according to strict regulations." }, { - "title": "Privacy-focused encryption", - "description": "Internxt includes zero knowledge and end-to-end encryption for your free and paid accounts. We only store the encrypted version of your data, and only you have the key to decrypt and access it." + "title": "Advanced encryption", + "description": "Internxt includes post-quantum encryption, the most secure and advanced cryptography available for free and paid accounts. We only store the encrypted version of your data, and only you have the key to decrypt and access it. " }, { "title": "Flexible storage plans", "description": "Internxt Drive offers more paid plans and greater storage options than the pCloud pricing structure. If you need a pCloud alternative that offers monthly, annual, and lifetime plans, choose from any of our affordable plans, starting at 200GB to 10TB." } ] + }, + "tableSection": { + "planTitles": { + "individuals": "Individual Plans", + "homePage": "Choose the right plan for you", + "lifetime": "Lifetime Plans", + "business": "Business Plans", + "lifetimeCampaign": { + "blueText": "Get 50% OFF", + "normalText": "all our exclusive lifetime plans" + } + }, + "lifetimeDescription": "Buy once and get privacy and security forever.", + "planDescription": "All Internxt plans are fully featured with complete access to all of our privacy services. Security for all shapes and sizes.", + "businessDescription": "We’re currently working on new Internxt plans designed exclusively to defend your business, protect your employees, and secure your bottom line.", + "businessDescription2": "Ensure business data security with Internxt's encrypted cloud storage plans.", + "billingFrequency": { + "monthly": "Monthly", + "annually": "Annually", + "individual": "Individual", + "lifetime": "Lifetime", + "business": "Business" + }, + "freePlanCard": { + "getStarted": "Get started with our free plan", + "enjoy10gb": "Enjoy 1GB forever and get access to all our services", + "upTo": "1GB", + "freeForever": "Free forever", + "cta": "Select plan" + }, + "features": { + "endToEnd": "End-to-end encrypted", + "openSource": "Open-source and audited", + "anonymousAccount": "Anonymous account creation" + } } } diff --git a/src/components/comparison/ComparisonHeader.tsx b/src/components/comparison/ComparisonHeader.tsx index e97f4f1e9..d408ec2f2 100644 --- a/src/components/comparison/ComparisonHeader.tsx +++ b/src/components/comparison/ComparisonHeader.tsx @@ -25,13 +25,13 @@ export const ComparisonHeader = ({ textContent, redirectUrl, maxWithForTitle }:

{textContent.description}

+ {textContent.useCode ? : undefined}
( export const CouponSection = ({ textContent, redirectUrl }: UseCouponSectionProps) => { return ( -
+
+

{textContent.title}

@@ -180,7 +187,6 @@ export const HeroSection = ({ textContent, logo, hideTooltip }: HeroSectionProps ))}
-
); diff --git a/src/components/comparison/pCloud-alternative/WhyChooseInxtSection.tsx b/src/components/comparison/pCloud-alternative/WhyChooseInxtSection.tsx index 3b7fdaf19..b5dc36474 100644 --- a/src/components/comparison/pCloud-alternative/WhyChooseInxtSection.tsx +++ b/src/components/comparison/pCloud-alternative/WhyChooseInxtSection.tsx @@ -52,7 +52,7 @@ export const WhyChooseInxtSection = ({ textContent }) => { key={card.title} className={`flex flex-col items-start justify-start rounded-2xl bg-gray-1 p-8 sm:p-10 md:max-w-[488px]`} > - +

{card.title}

{card.subtitle}

@@ -70,7 +70,7 @@ export const WhyChooseInxtSection = ({ textContent }) => { quality={100} className="cursor-pointer" onClick={() => { - window.open(SIGNUP_DRIVE_WEB, '_blank', 'noopener noreferrer'); + window.location.hash = 'priceTable'; }} />
diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts index b63f945e2..cec0c5fac 100644 --- a/src/lib/types/index.ts +++ b/src/lib/types/index.ts @@ -114,6 +114,7 @@ export enum PromoCodeName { SoftSales = '70OFF4YOU', Christmas = 'SECRETSANTA80', Special80Coupon = 'SPECIAL80', + PCLOUD80 = 'PCLOUD80', } export interface PromoCodeProps { diff --git a/src/pages/pcloud-alternative.tsx b/src/pages/pcloud-alternative.tsx index 9decf71d8..8d4f2b7dd 100644 --- a/src/pages/pcloud-alternative.tsx +++ b/src/pages/pcloud-alternative.tsx @@ -8,28 +8,77 @@ import Layout from '@/components/layout/Layout'; import { MinimalFooter } from '@/components/layout/footers/MinimalFooter'; import Navbar from '@/components/layout/navbars/Navbar'; import CtaSection from '@/components/shared/CtaSection'; -import { SIGNUP_DRIVE_WEB } from '@/constants'; import cookies from '@/lib/cookies'; import { GetServerSidePropsContext } from 'next'; +import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper'; +import { PromoCodeName } from '@/lib/types'; +import usePricing from '@/hooks/usePricing'; +import { stripeService } from '@/components/services/stripe.service'; +import { SIGNUP_DRIVE_WEB } from '@/constants'; -const pCloudComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => { +const PCloudComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => { const metatags = metatagsDescriptions.filter((desc) => desc.id === 'pcloud-alternative'); + const { + products, + loadingCards, + currencyValue, + coupon: individualCoupon, + lifetimeCoupons, + } = usePricing({ + couponCode: PromoCodeName.PCLOUD80, + }); + + const onCheckoutButtonClicked = (priceId: string, isCheckoutForLifetime: boolean) => { + const couponCodeForCheckout = individualCoupon?.name; + + stripeService.redirectToCheckout( + priceId, + currencyValue, + 'individual', + isCheckoutForLifetime, + couponCodeForCheckout, + ); + }; + + const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff; return ( - + + + {langJson.tableSection.planDescription} + + } + backgroundColorComponent="bg-gray-1" + /> + - + @@ -63,4 +112,4 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) { }; } -export default pCloudComparison; +export default PCloudComparison;