whatwewhatbanner

container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js

-import { cleanImage } from '@/layout/imageHandling'
-import React from 'react'
-import { Col, Container, Row } from 'react-bootstrap'
+import { cleanImage } from "@/layout/imageHandling";
+import Link from "next/link";
+import React from "react";
+import { Col, Container, Row } from "react-bootstrap";
 
-const WhatWeDoWhatDontDo = (heading, data, image) => {
-    console.log(heading, "WhatWeDoWhatDontDo")
-    const image2 = heading?.image;
-    const data2 = heading?.data?.list;
-    // console.log(image2, "WhatWeDoWhatDontDo")
-    const backgroundImageUrl = cleanImage(image?.url);
-    console.log(backgroundImageUrl, "backgroundImageUrl")
+const WhatWeDoWhatDontDo = (heading, image,cta) => {
+  const data = heading?.data;
+  const cta = heading?.data;
+  
+console.log(cta, "WhatWeDoWhatDontDo");
+  console.log(data,"dat")
+  const backgroundImageUrl = cleanImage(heading?.image?.url);
+  console.log(backgroundImageUrl, "backgroundImageUrl");
   return (
-        <div className='' style={{
+    <div
+      className=""
+      style={{
         backgroundImage: `url(${backgroundImageUrl})`,
-            backgroundSize: 'cover',
-            backgroundPosition: 'center',
-            backgroundRepeat: 'no-repeat',
-            padding: '60px 0'
-        }}>
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        backgroundRepeat: "no-repeat",
+        padding: "60px 0",
+      }}
+    >
       <Container>
         <Row className="align-items-center">
-                    <Col lg={12}>
-                        <h2>{data?.Title}</h2>
+          <Col md={12}>
+            <h2>{heading?.heading?.Title}</h2>
           </Col>
-                    {/* <Col lg={6} md={12}> */}
-                    <div className="call-back-request-text">
-                        <span className="sub-title">{data?.subtitle}</span>
-                        {/* <Heading el="h2" heading={title} className="h2" /> */}
-                        <h2>{data?.title}</h2>
-                        {/* <p>{description}</p> */}
-                        <div
-                            className="content"
-                            dangerouslySetInnerHTML={{ __html: data?.content }}
-                        />
+
+          <Col md={9}>
+            {data.map((item) => (
+              <div className="download-content">
+                <h2>{item?.Title}</h2>
+                
+              </div>
+            ))}
+          </Col>
+          <Col md={3} className="align-content-center text-center">
+            <div className="btn-1">
+              <Link href={cta?.URL || '#'} className="default-btn-three">
+                {cta?.text}
+                <i className="ri-arrow-right-line"></i>
+              </Link>
             </div>
-                    {/* </Col> */}
+          </Col>
         </Row>
       </Container>
     </div>
-    )
-}
+  );
+};
 
-export default WhatWeDoWhatDontDo
\ No newline at end of file
+export default WhatWeDoWhatDontDo;

pages/client-servicing/empowering-finance-consultants.js

@@ -103,6 +103,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
                         heading={section?.Heading}
                         data={section?.list}
                         image={section?.BackgroundBanner}
+                        cta={section.CTA}
                       />
                     </>
                   );
@@ -163,7 +164,7 @@ export async function getServerSideProps() {
         "EmpoweringFinanceDetails.carddetails",
         "EmpoweringFinanceDetails.DesktopImg",
         "EmpoweringFinanceDetails.MobileImg",
-        "EmpoweringFinanceDetails.list",
+        // "EmpoweringFinanceDetails.WhatWedoBanner.CTA",
         "EmpoweringFinanceDetails.BackgroundBanner",
         "Clientel.logos",
         // "FAQ.FAQList",