Update black-friday.tsx

internxt · Dec 3, 2024 · e3e6324 · e3e6324
1 parent 634d926
commit e3e6324
Showing 1 changed file with 11 additions and 29 deletions.
diff --git a/src/pages/black-friday.tsx b/src/pages/black-friday.tsx
@@ -18,6 +18,9 @@ import { GetServerSidePropsContext } from 'next';
 import { FooterText, MetatagsDescription, NavigationBarText } from '@/assets/types/layout/types';
 import { BlackFridayText } from '@/assets/types/blackFriday';
 import { PricingText } from '@/assets/types/pricing';
+import SuiteSection from '@/components/black-friday/SuiteSection';
+import BestStorageSection from '@/components/black-friday/BestStorageSection';
+import FeaturesSection from '@/components/black-friday/FeaturesSection';
 
 const BLACK_FRIDAY_METATAG_ID = 'black-friday';
 interface BlackFridayProps {
@@ -99,35 +102,13 @@ const BlackFriday = ({
 
       <HeroSection lang={locale} textContent={langJson.blackFriday} />
 
-      <PricingSectionWrapper
-        textContent={pricingLang.tableSection}
-        lang={locale}
-        products={products}
-        loadingCards={loadingCards}
-        onBusinessPlansSelected={onBusinessPlansSelected}
-        onCheckoutButtonClicked={onCheckoutButtonClicked}
-        hideFreeCard
-        darkMode
-        backgroundColorComponent="bg-highlight"
-        hideTitle
-        decimalDiscount={{
-          individuals: decimalDiscount,
-          business: decimalDiscount,
-          lifetime: decimalDiscount,
-        }}
-        CustomDescription={
-          <div className="w-full max-w-4xl">
-            <span className="text-5xl font-semibold text-white">
-              {pricingLang.tableSection.planTitles.blackFriday.title}
-            </span>
-            <br />
-            <br />
-            <span className="font-regular text-xl text-gray-5">
-              {pricingLang.tableSection.planTitles.blackFriday.description}
-            </span>
-          </div>
-        }
-      />
+      <FeaturesSection textContent={langJson.blackFriday} lang={locale} />
+
+      <BestStorageSection textContent={langJson.blackFriday} lang={locale} />
+
+      <SuiteSection textContent={langJson.blackFriday} lang={locale} />
+
+      <CtaSection textContent={langJson.cta} lang={locale} />
 
       <TextAndCardsGroupColumnSection
         TextComponent={
@@ -141,6 +122,7 @@ const BlackFriday = ({
         backgroundColorForCard="bg-gray-100"
         textCardColor="text-white"
       />
+
       <PlatformSection textContent={langJson.blackFriday} />
 
       <TestimonialsSection