From e3e6324b9283b6aa2fb5c25c36963c1233a62b3c Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Tue, 3 Dec 2024 15:40:18 +0100
Subject: [PATCH] Update black-friday.tsx

---
 src/pages/black-friday.tsx | 40 +++++++++++---------------------------
 1 file changed, 11 insertions(+), 29 deletions(-)

diff --git a/src/pages/black-friday.tsx b/src/pages/black-friday.tsx
index 510f74d38..ba630db13 100644
--- 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