[MKT-922]feat/Update Harcoded text for usd

src/assets/types/affiliates.ts

@@ -96,6 +96,6 @@ export interface WhatWeDoSection {
 
 export interface WhyJoinSection {
   title: string;
-  cards: Number1Section[];
+  cards: string[];
   cta: string;
-}
+}

src/pages/affiliates/index.tsx

@@ -155,6 +155,7 @@ const Affiliates = ({ langJson, lang, metatagsDescriptions, navbarLang, footerLa
 
               <div className="flex flex-row items-center justify-center gap-4 pb-8 lg:items-start lg:justify-start">
                 <button
+                  type="button"
                   onClick={() => {
                     window.open(HERO_SECTION_CTA_BUTTON, '_blank', 'noopener noreferrer nofollow');
                   }}

src/pages/coupons.tsx

@@ -18,6 +18,7 @@ import RedeemCouponsSection from '@/components/coupons/ReedeemCouponSection';
 import ReviewsSection from '@/components/home/ReviewsSection';
 import Script from 'next/script';
 import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import { getMinimumPrice } from '@/utils/priceHelper';
 
 interface HomeProps {
   lang: GetServerSidePropsContext['locale'];
@@ -74,7 +75,7 @@ const HomePage = ({ metatagsDescriptions, textContent, lang, navbarLang, footerL
   const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
   const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff;
   const percentOff = lifetimeCoupon?.percentOff !== undefined ? String(lifetimeCoupon.percentOff) : '0';
-  const minimumPrice = decimalDiscount !== undefined ? (10 * (decimalDiscount / 100)).toFixed(2) : '9.99';
+  const minimumPrice = getMinimumPrice(products, decimalDiscount);
 
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Home" lang={lang}>

src/pages/index.tsx

@@ -5,7 +5,7 @@ import HeroSection from '@/components/home/HeroSection';
 import Footer from '@/components/layout/footers/Footer';
 import Layout from '@/components/layout/Layout';
 import Navbar from '@/components/layout/navbars/Navbar';
-import { Interval, stripeService } from '@/services/stripe.service';
+import { stripeService } from '@/services/stripe.service';
 import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import usePricing from '@/hooks/usePricing';
@@ -16,6 +16,7 @@ import HorizontalScrollableSection from '@/components/home/HorizontalScrollableS
 import AwardWinningSection from '@/components/home/AwardWinningPrivacySection';
 import OfficialCloudProviderSection from '@/components/home/OfficilaCloudProviderSection';
 import ReviewsSection from '@/components/home/ReviewsSection';
+import { getMinimumPrice } from '@/utils/priceHelper';
 
 interface HomeProps {
   lang: GetServerSidePropsContext['locale'];
@@ -73,9 +74,7 @@ const HomePage = ({ metatagsDescriptions, textContent, lang, navbarLang, footerL
   const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
   const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff;
   const percentOff = lifetimeCoupon?.percentOff !== undefined ? String(lifetimeCoupon.percentOff) : '0';
-  const minimumPrice = decimalDiscount
-    ? (Math.floor(9.99 * (decimalDiscount / 100) * 100) / 100).toFixed(2)
-    : products?.individuals[Interval.Year][0].price.toString() || '9.99';
+  const minimumPrice = getMinimumPrice(products, decimalDiscount);
 
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Home" lang={lang}>

src/pages/ppc/index.tsx

@@ -6,7 +6,7 @@ import HeroSection from '@/components/home/HeroSection';
 import Footer from '@/components/layout/footers/Footer';
 import Layout from '@/components/layout/Layout';
 import Navbar from '@/components/layout/navbars/Navbar';
-import { Interval, stripeService } from '@/services/stripe.service';
+import { stripeService } from '@/services/stripe.service';
 import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import usePricing from '@/hooks/usePricing';
@@ -17,6 +17,7 @@ import HorizontalScrollableSection from '@/components/home/HorizontalScrollableS
 import AwardWinningSection from '@/components/home/AwardWinningPrivacySection';
 import OfficialCloudProviderSection from '@/components/home/OfficilaCloudProviderSection';
 import ReviewsSection from '@/components/home/ReviewsSection';
+import { getMinimumPrice } from '@/utils/priceHelper';
 
 interface HomeProps {
   lang: GetServerSidePropsContext['locale'];
@@ -75,9 +76,7 @@ const HomePage = ({ metatagsDescriptions, textContent, lang, navbarLang, footerL
   const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
   const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff;
   const percentOff = lifetimeCoupon?.percentOff !== undefined ? String(lifetimeCoupon.percentOff) : '0';
-  const minimumPrice = decimalDiscount
-    ? (Math.floor(9.99 * (decimalDiscount / 100) * 100) / 100).toFixed(2)
-    : products?.individuals[Interval.Year][0].price.toString() || '9.99';
+  const minimumPrice = getMinimumPrice(products, decimalDiscount);
 
   return (
     <Layout

src/utils/priceHelper.ts

@@ -0,0 +1,14 @@
+import { Interval } from '@/services/stripe.service'
+
+export const getMinimumPrice = (
+    products: any,
+    decimalDiscount?: number
+): string => {
+    const price = Number(products?.individuals?.[Interval.Year]?.[0]?.price);
+
+    if (!price) return '9.99';
+
+    return decimalDiscount
+        ?(Math.floor(price * (decimalDiscount / 100) * 100) / 100).toFixed(2)
+        : price.toFixed(2);
+}