@@ -2,10 +2,54 @@ import ReactMarkdown from 'react-markdown';
 import RenderDescription from '../shared/RenderDescription';
 import SignUpBanner from '../banners/SignUpBanner';
 import FaqAccordion from '../shared/FAQAccordion';
+import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper';
+import { stripeService } from '@/services/stripe.service';
+import { PromoCodeName } from '@/lib/types';
+import usePricing from '@/hooks/usePricing';
 
-export const WebDAVSupportSection = ({ textContent }) => {
+export const WebDAVSupportSection = ({ textContent, lang }) => {
   const bannerLang = require('../../assets/lang/en/banners.json');
 
+  const {
+        products,
+        loadingCards,
+        currencyValue,
+        coupon: individualCoupon,
+        lifetimeCoupon,
+        lifetimeCoupons,
+    } = usePricing({ couponCode: PromoCodeName.seolp, couponCodeForLifetime: PromoCodeName.seolp });
+
+    const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
+    const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff;
+
+    const onCheckoutButtonClicked = async (
+        priceId: string,
+        isCheckoutForLifetime: boolean,
+        interval: string,
+        storage: string,
+    ) => {
+        const couponCodeForCheckout = isCheckoutForLifetime ? lifetimeCoupon : individualCoupon;
+
+        const finalPrice = await stripeService.calculateFinalPrice(
+            priceId,
+            interval,
+            currencyValue,
+            'individuals',
+            couponCodeForCheckout,
+        );
+
+        stripeService.redirectToCheckout(
+            priceId,
+            finalPrice,
+            currencyValue,
+            'individual',
+            isCheckoutForLifetime,
+            interval,
+            storage,
+            couponCodeForCheckout?.name,
+        );
+    };
+
   return (
     <section
       className="overflow-hidden bg-white px-5 py-20"
@@ -37,6 +81,24 @@ export const WebDAVSupportSection = ({ textContent }) => {
             </div>
           </div>
         </div>
+        <PricingSectionWrapper
+                textContent={textContent.tableSection}
+                decimalDiscount={{
+                    individuals: decimalDiscount,
+                    lifetime: decimalDiscountForLifetime,
+                }}
+                lifetimeCoupons={lifetimeCoupons}
+                lang={lang}
+                products={products}
+                loadingCards={loadingCards}
+                onCheckoutButtonClicked={onCheckoutButtonClicked}
+                hideBusinessCards
+                hideBusinessSelector
+                popularPlanBySize="5TB"
+                sectionDetails="bg-white lg:py-20"
+                hideFreeCard
+                backgroundGradientColor='linear-gradient(360deg, #F4F8FF 0%, #FFFFFF 100%)'
+        />
         <SignUpBanner textContent={bannerLang.SignUpWebDAVBanner} lang="en" />
         <div className="flex w-full flex-col space-y-2 lg:max-w-[850px] lg:pt-10">
           {textContent.questions.map((item) => (
 
@@ -17,6 +17,10 @@ import RelationalLinks from '@/components/shared/sections/RelationalLinks';
 import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSection';
 import { Check } from '@phosphor-icons/react';
 import Link from 'next/link';
+import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper';
+import { stripeService } from '@/services/stripe.service';
+import { PromoCodeName } from '@/lib/types';
+import usePricing from '@/hooks/usePricing';
 
 
 interface PrivacyProps {
@@ -38,7 +42,7 @@ const CloudStorageBackupSolutions = ({
   relationalLinksText,
 }: PrivacyProps): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'internxt-cloud-storage-backup-solutions');
-  const CTA_URL = `/pricing`;
+  const CTA_URL = `#billingButtons`;
   const cardsData: FeatureCard[] = [
     {
       title: textContent.FeatureSection.cards.element1.title,
@@ -61,20 +65,61 @@ const CloudStorageBackupSolutions = ({
       image: '/images/cloud-storage-backup-solutions/internxt_cross_platforms.webp',
     },
   ];
-  const products = [
+  const product = [
     {
       imageUrl: '/images/cloud-storage-backup-solutions/internxt_drive.webp',
       animationDirection: 'left',
-      redirect: '/drive',
+      redirect: '#billingButtons',
       textContent: textContent.WhatWeDo.square1,
     },
     {
       imageUrl: '/images/cloud-storage-backup-solutions/internxt_s3.webp',
       animationDirection: 'left',
-      redirect: '/cloud-object-storage',
+      redirect: '/cloud-object-storage/checkout',
       textContent: textContent.WhatWeDo.square2,
     },
   ];
+
+  const {
+        products,
+        loadingCards,
+        currencyValue,
+        coupon: individualCoupon,
+        lifetimeCoupon,
+        lifetimeCoupons,
+    } = usePricing({ couponCode: PromoCodeName.seolp, couponCodeForLifetime: PromoCodeName.seolp });
+
+    const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
+    const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff;
+
+    const onCheckoutButtonClicked = async (
+        priceId: string,
+        isCheckoutForLifetime: boolean,
+        interval: string,
+        storage: string,
+    ) => {
+        const couponCodeForCheckout = isCheckoutForLifetime ? lifetimeCoupon : individualCoupon;
+
+        const finalPrice = await stripeService.calculateFinalPrice(
+            priceId,
+            interval,
+            currencyValue,
+            'individuals',
+            couponCodeForCheckout,
+        );
+
+        stripeService.redirectToCheckout(
+            priceId,
+            finalPrice,
+            currencyValue,
+            'individual',
+            isCheckoutForLifetime,
+            interval,
+            storage,
+            couponCodeForCheckout?.name,
+        );
+    };
+
   return (
     <>
       <Script type="application/ld+json" strategy="beforeInteractive">
@@ -115,7 +160,7 @@ const CloudStorageBackupSolutions = ({
                 ))}
               </div>
               <Link
-                href={'/pricing'}
+                href={'#billingButtons'}
                 className={`z-10 mb-10 flex w-max justify-center rounded-lg bg-primary px-6 py-3 text-base font-medium text-white hover:bg-primary-dark lg:text-xl`}
               >
                 {textContent.HeroSection.TitleAndOnePlan.claimDeal}
@@ -130,7 +175,7 @@ const CloudStorageBackupSolutions = ({
           subtitle={textContent.FeatureSection.titleLine2}
           description={textContent.FeatureSection.description}
           ctaText={textContent.FeatureSection.cta}
-          ctaLink="/signup"
+          ctaLink="#billingButtons"
           cards={cardsData}
         />
         {textContent.NewBlock1 && (
@@ -142,6 +187,24 @@ const CloudStorageBackupSolutions = ({
           </div>
         )}
 
+        <PricingSectionWrapper
+                textContent={textContent.tableSection}
+                decimalDiscount={{
+                    individuals: decimalDiscount,
+                    lifetime: decimalDiscountForLifetime,
+                }}
+                lifetimeCoupons={lifetimeCoupons}
+                lang={lang}
+                products={products}
+                loadingCards={loadingCards}
+                onCheckoutButtonClicked={onCheckoutButtonClicked}
+                hideBusinessCards
+                hideBusinessSelector
+                popularPlanBySize="5TB"
+                sectionDetails="bg-white lg:py-20"
+                hideFreeCard
+        />
+
         <CtaSection
           textContent={textContent.CtaSection1}
           url={CTA_URL}
@@ -165,7 +228,7 @@ const CloudStorageBackupSolutions = ({
           customDescription={<p className="w-full text-xl font-normal">{textContent.CtaSection2.description}</p>}
         />
 
-        <WhatWeDo textContent={textContent.WhatWeDo} lang={lang} products={products} />
+        <WhatWeDo textContent={textContent.WhatWeDo} lang={lang} products={product} />
 
         <FAQSection textContent={textContent.FaqSection} />
 
 
@@ -15,9 +15,13 @@ import CtaSection from '@/components/shared/CtaSection';
 import { ComparisonHeader } from '@/components/comparison/ComparisonHeader';
 import { Eye, Fingerprint, LockKey, ShieldCheck } from '@phosphor-icons/react';
 import InfoSection from '@/components/shared/sections/InfoSection';
+import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper';
+import { stripeService } from '@/services/stripe.service';
+import { PromoCodeName } from '@/lib/types';
+import usePricing from '@/hooks/usePricing';
 
 
-const URL_REDIRECT = 'https://internxt.com/specialoffer';
+const URL_REDIRECT = '#billingButtons';
 
 const CloudStorageComparison = ({ metatagsDescriptions, langJson, navbarLang, footerLang, lang }) => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'comparison');
@@ -45,6 +49,46 @@ const CloudStorageComparison = ({ metatagsDescriptions, langJson, navbarLang, fo
     },
   ];
 
+  const {
+        products,
+        loadingCards,
+        currencyValue,
+        coupon: individualCoupon,
+        lifetimeCoupon,
+        lifetimeCoupons,
+    } = usePricing({ couponCode: PromoCodeName.seolp, couponCodeForLifetime: PromoCodeName.seolp });
+
+    const decimalDiscountForLifetime = lifetimeCoupon?.percentOff && 100 - lifetimeCoupon.percentOff;
+    const decimalDiscount = individualCoupon?.percentOff && 100 - individualCoupon.percentOff;
+
+    const onCheckoutButtonClicked = async (
+        priceId: string,
+        isCheckoutForLifetime: boolean,
+        interval: string,
+        storage: string,
+    ) => {
+        const couponCodeForCheckout = isCheckoutForLifetime ? lifetimeCoupon : individualCoupon;
+
+        const finalPrice = await stripeService.calculateFinalPrice(
+            priceId,
+            interval,
+            currencyValue,
+            'individuals',
+            couponCodeForCheckout,
+        );
+
+        stripeService.redirectToCheckout(
+            priceId,
+            finalPrice,
+            currencyValue,
+            'individual',
+            isCheckoutForLifetime,
+            interval,
+            storage,
+            couponCodeForCheckout?.name,
+        );
+    };
+
   return (
     <>
       <Script type="application/ld+json" strategy="beforeInteractive">
@@ -68,6 +112,25 @@ const CloudStorageComparison = ({ metatagsDescriptions, langJson, navbarLang, fo
 
         <FeatureSection textContent={langJson.FeatureSection} />
 
+        <PricingSectionWrapper
+                textContent={langJson.tableSection}
+                decimalDiscount={{
+                    individuals: decimalDiscount,
+                    lifetime: decimalDiscountForLifetime,
+                }}
+                lifetimeCoupons={lifetimeCoupons}
+                lang={lang}
+                products={products}
+                loadingCards={loadingCards}
+                onCheckoutButtonClicked={onCheckoutButtonClicked}
+                hideBusinessCards
+                hideBusinessSelector
+                popularPlanBySize="5TB"
+                sectionDetails="bg-white lg:py-20"
+                hideFreeCard
+                
+            />
+
         <InfoSection textContent={langJson.InfoSection} lang={lang} redirect="/privacy" cards={cardsData} />
 
         <ThirdFeaturesSection textContent={langJson.ThirdFeaturesSection} />