chnages in layout

components/reuseables/Industries.js

@@ -160,7 +160,7 @@ const Industries = ({ industry }) => {
             ))}
             ))}
         </Swiper>
         </Swiper>
         <div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
         <div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
-          {/* <SwiperNav /> */}
+          <SwiperNav />
         </div>
         </div>
       </div>
       </div>
     </>
     </>

components/reuseables/services/Card.js

@@ -14,7 +14,7 @@ const Card = ({ heading, data }) => {
           {data.map((item, index) => (
           {data.map((item, index) => (
             <Col
             <Col
               key={index}
               key={index}
-              md={4}
+              md={3}
               className="d-flex justify-content-center mb-4 mt-3"
               className="d-flex justify-content-center mb-4 mt-3"
             >
             >
               <div className={`custom-card ${item.CardClass}`}>
               <div className={`custom-card ${item.CardClass}`}>

components/reuseables/services/MethodOne.js

@@ -32,7 +32,7 @@ const MethodOne = ({
             <Heading el="h2" heading={heading.Title} />
             <Heading el="h2" heading={heading.Title} />
            
            
           </div>
           </div>
-          <p className=" text-center mb-4 mb-lg-5">{heading.Description}</p>
+          <p className=" text-center mb-4 mb-lg-5">  <div dangerouslySetInnerHTML={{ __html: heading.Description }} /></p>
           <Row className="justify-content-center d-none d-sm-none d-lg-block">
           <Row className="justify-content-center d-none d-sm-none d-lg-block">
             <Swiper
             <Swiper
               spaceBetween={spaceBetween}
               spaceBetween={spaceBetween}

components/reuseables/services/MethodTwo.js

@@ -65,12 +65,12 @@ const MethodTwoSection = ({
                               />
                               />
                             </div>
                             </div>
                             <div className="method-title">{card.StepHeading}</div>
                             <div className="method-title">{card.StepHeading}</div>
-                            <div className="method-descr">{card.StepDescription}</div>
+                            <div className="method-descr1">{card.StepDescription}</div>
                           </>
                           </>
                         ) : (
                         ) : (
                           <>
                           <>
                             <div className="method-title">{card.StepHeading}</div>
                             <div className="method-title">{card.StepHeading}</div>
-                            <div className="method-descr">{card.StepDescription}</div>
+                            <div className="method-descr1">{card.StepDescription}</div>
                             <div className="image-container mt-lg-5 mt-xl-5 mt-3 ">
                             <div className="image-container mt-lg-5 mt-xl-5 mt-3 ">
                               <Image
                               <Image
                                 aria-hidden="true"
                                 aria-hidden="true"

container/Home/HomeBanner.js

@@ -85,11 +85,11 @@ const HomeBanner = ({ banner }) => {
                     )})`,
                     )})`,
                   }}
                   }}
                 >
                 >
-                  <Container>
+                  <Container fluid className="ps-5">
                     <Row className="align-items-center">
                     <Row className="align-items-center">
-                      <Col lg={7} md={12}>
+                      <Col lg={5} md={12}>
                         <div className="main-banner-content">
                         <div className="main-banner-content">
-                          <span className="sub-title">{item?.Title}</span>
+                          <span className="sub-title">{item?.Subtitle}</span>
                           <h1>{item?.Title}</h1>
                           <h1>{item?.Title}</h1>
                           <p>{item.Description}</p>
                           <p>{item.Description}</p>
                           <div className="btn-box">
                           <div className="btn-box">

pages/client-servicing/ba.js

@@ -9,6 +9,7 @@ import Seo from "@/components/reuseables/Seo/Seo";
 import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 import RightSideImage from "@/container/Corpedia/RightSideImage";
 import RightSideImage from "@/container/Corpedia/RightSideImage";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
+import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
 
 
 const banners = [
 const banners = [
   {
   {
@@ -85,6 +86,12 @@ const Ba = ({ bapage ,conversionData  }) => {
                     data={section?.ElementList}
                     data={section?.ElementList}
                   />
                   />
                 );
                 );
+
+                   case "dynamic-zone.card":
+                  return (
+                    <HowWeDoIt heading={section?.Heading}
+                        data={section} />
+                  );
               default:
               default:
                 return null;
                 return null;
             }
             }
@@ -163,6 +170,7 @@ export async function getServerSideProps() {
         "BusinessDetails.Image",
         "BusinessDetails.Image",
         "BusinessDetails.Heading",
         "BusinessDetails.Heading",
         "BusinessDetails.ElementList.StepImg",
         "BusinessDetails.ElementList.StepImg",
+        "BusinessDetails.carddetails.Image",
         "Clientel.logos",
         "Clientel.logos",
         "seo",
         "seo",
         "seo.metaImage",
         "seo.metaImage",

pages/client-servicing/ra.js

@@ -10,6 +10,7 @@ import Seo from "@/components/reuseables/Seo/Seo";
 import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 import RightSideImage from "@/container/Corpedia/RightSideImage";
 import RightSideImage from "@/container/Corpedia/RightSideImage";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
+import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
 
 
 const banners = [
 const banners = [
   {
   {
@@ -22,48 +23,6 @@ const banners = [
   // Add more banners as needed
   // Add more banners as needed
 ];
 ];
 
 
-// const RAData = [
-//   {
-//     subtitle: "Client Servicing",
-//     title: "Risk Advisory",
-//     paragraphs: [
-//       "As businesses grow and expand their footprint, an area that is often neglected is the requirement to bring in discipline in areas of finance, human resource management operations. At Advith Consulting, we follow a 4-step EASE Approach. E – Understand existing processes , A – Analyze the gaps S – Set up SOP’s , E – Effective Implementation ",
-//     ],
-//     imageSrc: "/images/client-service/Risk Advisory.webp",
-//     imageAlt: "Client Servicing Image",
-//   },
-//   {
-//     subtitle: "Client Servicing",
-//     title: " About Risk Advisory",
-//     paragraphs: [
-//       "Often, it is not until something goes wrong that an organisation realises that it is has ineffective internal controls. Further, there is also a misconception among organisations that internal controls are needed only to satisy the statutory auditor.  Strong internal controls play a crucial role in the success of any organisation. They enhance efficiency, ensure compliance, streamline operations & facilitate growth. Irrespective of the size of your organisation,  defining processes, identifying risks & establishing controls are essential. At Advith, we understand the business of the entity and build strong yet agile processes to ensure that they stand the test of time. ",
-//     ],
-//     imageSrc: "/images/client-service/About-Risk-Advisory.png",
-//     imageAlt: "FC & CFO Services Image",
-//   },
-// ];
-const sliderConfig = {
-  spaceBetween: 20,
-  slidesPerView: 4,
-  breakpoints: {
-    320: {
-      slidesPerView: 2,
-      spaceBetween: 10,
-    },
-    768: {
-      slidesPerView: 2,
-      spaceBetween: 20,
-    },
-    1024: {
-      slidesPerView: 3,
-      spaceBetween: 20,
-    },
-    1200: {
-      slidesPerView: 5,
-      spaceBetween: 20,
-    },
-  },
-};
 
 
 
 
 const RaPage = ({ rapage, conversionData }) => {
 const RaPage = ({ rapage, conversionData }) => {
@@ -119,46 +78,18 @@ const RaPage = ({ rapage, conversionData }) => {
                     data={section?.ElementList}
                     data={section?.ElementList}
                   />
                   />
                 );
                 );
+                case "dynamic-zone.card":
+                  return (
+                    <HowWeDoIt heading={section?.Heading}
+                        data={section} />
+                  );
               default:
               default:
                 return null;
                 return null;
             }
             }
           })}
           })}
       </section>
       </section>
 
 
-      {/* <div className="cfo-services-area ptb-100">
-        <Container>
-          {RAData.map((item, index) => (
-            <ContentSection
-              key={item.id}
-              subtitle={item.subtitle}
-              title={item.title}
-              paragraphs={item.paragraphs}
-              imageSrc={item.imageSrc}
-              imageAlt={item.imageAlt}
-              reverse={index % 2 !== 0}
-            />
-          ))}
-        </Container>
-      </div>
-      <MethodOne
-        data={MethodOneData}
-        sectionTitle=" Methodology 1  "
-        heading="How we do it?  "
-        descrption="Here are some key activities we focus on in our CFO services."
-        sliderConfig={sliderConfig} // Pass the slider configuration here
-      />
       
       
-      <MethodTwoSection
-        sectionTitle="Components of Our Deliverable "
-        subTitle="Methodology 2 "
-        methodData={methodTwoData}
-        slidesPerView={sliderConfig.slidesPerView}
-        breakpoints={sliderConfig.breakpoints} // Pass breakpoints here
-        spaceBetween={sliderConfig.spaceBetween}
-        autoplayDelay={sliderConfig.autoplayDelay}
-        showPagination={sliderConfig.showPagination}
-        showAutoplay={sliderConfig.showAutoplay}
-      /> */}
       <div className="ptb-100">
       <div className="ptb-100">
         <Clientele partners={clientlogo} />
         <Clientele partners={clientlogo} />
       </div>
       </div>
@@ -177,6 +108,7 @@ export async function getServerSideProps() {
         "RiskDetails.Image",
         "RiskDetails.Image",
         "RiskDetails.Heading",
         "RiskDetails.Heading",
         "RiskDetails.ElementList.StepImg",
         "RiskDetails.ElementList.StepImg",
+        "RiskDetails.carddetails.Image",
         "Clientel.logos",
         "Clientel.logos",
         "seo",
         "seo",
         "seo.metaImage",
         "seo.metaImage",

pages/client-servicing/ta.js

@@ -10,6 +10,8 @@ import Seo from "@/components/reuseables/Seo/Seo";
 import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 import RightSideImage from "@/container/Corpedia/RightSideImage";
 import RightSideImage from "@/container/Corpedia/RightSideImage";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
+import Card from "@/components/reuseables/services/Card";
+import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
 
 
 const banners = [
 const banners = [
   {
   {
@@ -89,6 +91,11 @@ const TaPage = ({ tapage, conversionData }) => {
                       data={section?.ElementList}
                       data={section?.ElementList}
                     />
                     />
                   );
                   );
+                   case "dynamic-zone.card":
+                  return (
+                    <HowWeDoIt heading={section?.Heading}
+                        data={section} />
+                  );
                 default:
                 default:
                   return null;
                   return null;
               }
               }
@@ -114,6 +121,7 @@ export async function getServerSideProps() {
         "TransactionDeatils.Image",
         "TransactionDeatils.Image",
         "TransactionDeatils.Heading",
         "TransactionDeatils.Heading",
         "TransactionDeatils.ElementList.StepImg",
         "TransactionDeatils.ElementList.StepImg",
+        "TransactionDeatils.carddetails.Image",
         "Clientel.logos",
         "Clientel.logos",
         "seo",
         "seo",
         "seo.metaImage",
         "seo.metaImage",

styles/responsive.css

@@ -4173,7 +4173,7 @@
     padding-right: 150px;
     padding-right: 150px;
   }
   }
   .method-one-above-img {
   .method-one-above-img {
-    margin-top: 7vw;
+    margin-top: 9vw;
     margin-left: 6.5vh;
     margin-left: 6.5vh;
   }
   }
 }
 }

styles/styles.css

@@ -8080,7 +8080,18 @@ Modal CSS
   -webkit-box-orient: vertical;
   -webkit-box-orient: vertical;
   overflow: hidden;
   overflow: hidden;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
-  height: 55px;
+  height: 100px;
+}
+
+
+.method-descr1 {
+  text-align: center;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  height: 150px;
 }
 }
 
 
 .card-number {
 .card-number {
@@ -8109,7 +8120,7 @@ Modal CSS
 }
 }
 
 
 .method-one-above-img {
 .method-one-above-img {
-  margin-top: 7vw;
+  margin-top: 9vw;
   margin-left: 6.5vh;
   margin-left: 6.5vh;
 }
 }
 
 
@@ -8348,7 +8359,7 @@ h6.method-title-moblie {
   top: 0;
   top: 0;
   display: flex;
   display: flex;
   height: 100%;
   height: 100%;
-  /* z-index: 1; */
+  z-index: 1;
   justify-content: space-between;
   justify-content: space-between;
 }
 }
 
 
@@ -9768,7 +9779,7 @@ ul.pagination.custom-pagination {
   bottom: 0;
   bottom: 0;
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  background: gray;
+  background: var(--mainColor);
   transform: translateY(100%);
   transform: translateY(100%);
   transition: transform 0.6s ease-in-out;
   transition: transform 0.6s ease-in-out;
   z-index: -1;
   z-index: -1;