changes

components/reuseables/CTABanner.js

@@ -3,16 +3,16 @@ import Link from "next/link";
 import React from "react";
 import { Col, Container, Row } from "react-bootstrap";
 
-const CTABanner = ({cta}) => {
-    console.log(cta,"details")
+const CTABanner = ({ cta }) => {
+  console.log(cta, "details")
   return (
     <>
       <div className="free-quote-area ptb-50">
         <div className="free-quote-inner">
-          <section className="section-title-download d-flex">
-            <Container>
-              <Row>
-                <Col md={8}>
+          <section className="section-title-download">
+            {/* <Container> */}
+            <Row className="justify-content-between">
+              <Col lg={9} md={8}>
                 <div className="download-content">
                   <span className="sub-title">{cta?.Subtitle}</span>
                   <h2>{cta?.Title}</h2>
@@ -21,7 +21,7 @@ const CTABanner = ({cta}) => {
                   </p>
                 </div>
               </Col>
-                <Col md={4} className="align-content-center text-center">
+              <Col lg={3} md={4} className="align-content-center text-md-end">
                 <div className="btn-1">
                   <Link href={cta?.CTA?.URL} className="default-btn-three">
                     {cta?.CTA?.text}
@@ -30,7 +30,7 @@ const CTABanner = ({cta}) => {
                 </div>
               </Col>
             </Row>
-            </Container>
+            {/* </Container> */}
           </section>
 
           <div className="shape6">

components/reuseables/CallBackRequest.js

@@ -208,7 +208,7 @@ const CallBackRequest = () => {
                               maxLength: {
                                 value: /^[6-9]\d{9}$/,
                                 message: "Invalid Mobile number",
-                              },
+                              },
                             })}
                           />
                           {errors.Mobile && (

components/reuseables/Clientele.js

@@ -3,6 +3,7 @@ import Image from "next/image";
 import { cleanImage } from "@/layout/imageHandling";
 
 const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => {
+
   return (
     <div className="partner-area py-4 overflow-hidden">
       <div className="container">
@@ -37,7 +38,7 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) =>
         .marquee-track {
           display: flex;
           width: max-content;
-          animation: scroll-left 60s linear infinite;
+          animation: scroll-left 100s linear infinite;
         }
 
         @keyframes scroll-left {

components/reuseables/DownloadBtn.js

@@ -3,16 +3,16 @@ import Link from "next/link";
 import React from "react";
 import { Col, Container, Row } from "react-bootstrap";
 
-const DownloadBtn = ({subtitle,title,description,cta}) => {
-    console.log(cta,"details")
+const DownloadBtn = ({ subtitle, title, description, cta }) => {
+  console.log(cta, "details")
   return (
     <>
       <div className="free-quote-area ptb-70">
         <div className="free-quote-inner">
-          <section className="section-title-download d-flex">
-            <Container>
-              <Row>
-                <Col md={8}>
+          <section className="section-title-download ">
+            {/* <Container> */}
+            <Row className="justify-content-between">
+              <Col lg={9} md={8}>
                 <div className="download-content">
                   <span className="sub-title">{subtitle}</span>
                   <h2>{title}</h2>
@@ -21,7 +21,7 @@ const DownloadBtn = ({subtitle,title,description,cta}) => {
                   </p>
                 </div>
               </Col>
-                <Col md={4} className="align-content-center text-center">
+              <Col lg={3} md={4} className="align-content-center text-md-end">
                 <div className="btn-1">
                   <Link href={cta.URL} className="default-btn-three">
                     {cta.text}
@@ -30,7 +30,7 @@ const DownloadBtn = ({subtitle,title,description,cta}) => {
                 </div>
               </Col>
             </Row>
-            </Container>
+            {/* </Container> */}
           </section>
 
           <div className="shape6">

components/reuseables/Industries.js

@@ -72,6 +72,8 @@ const Industries = ({ industry }) => {
   return (
     <>
       <div className="free-quote-area bg-color position-relative">
+        <Container>
+
           <Swiper
             spaceBetween={30}
             pagination={{ clickable: true }}
@@ -159,6 +161,7 @@ const Industries = ({ industry }) => {
                 </SwiperSlide>
               ))}
           </Swiper>
+        </Container>
         <div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
           <SwiperNav />
         </div>

components/reuseables/PageBanner.js

@@ -17,7 +17,7 @@ const PageBanner = ({ banners = [] }) => {
     const pathname = router.asPath;
 
     // Only apply custom breadcrumbing for client-servicing pages
-    if (!pathname.includes('/client-servicing')) {
+    if (!pathname.includes('/client-servicings')) {
       return null;
     }
 
@@ -26,7 +26,7 @@ const PageBanner = ({ banners = [] }) => {
 
     // Create breadcrumb mapping for better display names
     const segmentNameMap = {
-      'client-servicing': 'Home > Client Servicing',
+      'client-servicing': 'Client Servicing',
       // Virtual Finance Office section
       'virtual-finance-office': 'Virtual Finance Office',
       'virtual-cfo': 'Virtual CFO Services',
@@ -72,6 +72,10 @@ const PageBanner = ({ banners = [] }) => {
 
 
   const clientServicingBreadcrumbs = generateClientServicingBreadcrumbs();
+
+  console.log(clientServicingBreadcrumbs, 'clientServicingBreadcrumbs');
+
+
   return (
     <Swiper
       spaceBetween={30}

components/reuseables/services/MethodTwo.js

@@ -38,12 +38,13 @@ const MethodTwoSection = ({
             <Heading el="h2" heading={heading.Title} />
           </div>
           <Row className="align-items-center justify-content-center align-self-center">
-            <Swiper
+            <Swiper className="services-slides"
               spaceBetween={spaceBetween}
               slidesPerView={slidesPerView}
               breakpoints={breakpoints}
-              pagination={showPagination ? { clickable: true } : false}
-              autoplay={showAutoplay ? { delay: autoplayDelay } : false}
+              pagination={showPagination ? { clickable: true } : undefined}
+              autoplay={showAutoplay ? { delay: autoplayDelay } : undefined}
+              modules={[Pagination, Autoplay]}
             >
               {data.map((card, index) => (
                 <SwiperSlide key={index}>
@@ -60,7 +61,7 @@ const MethodTwoSection = ({
                             <div className="image-container mb-2">
                               <Image
                                 aria-hidden="true"
-                                alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"}
+                                alt={card?.StepImg?.alternativeText || "image"}
                                 src={cleanImage(card?.StepImg?.url)}
                                 layout="fill"
                                 className="img-fluid image"
@@ -76,7 +77,7 @@ const MethodTwoSection = ({
                             <div className="image-container mt-lg-5 mt-xl-0 mt-3 ">
                               <Image
                                 aria-hidden="true"
-                                alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"}
+                                alt={card?.StepImg?.alternativeText || "image"}
                                 src={cleanImage(card?.StepImg?.url)}
                                 layout="fill"
                                 className="img-fluid image"
@@ -90,6 +91,7 @@ const MethodTwoSection = ({
                 </SwiperSlide>
               ))}
             </Swiper>
+
           </Row>
         </Container>
       </section>

container/ClientServicing/CFO/HowWeDoIt.js

@@ -20,7 +20,7 @@ const HowWeDoIt = ({ data, heading, classname }) => {
         <Row className="row-gap-4 justify-content-center">
           {data?.carddetails &&
             data?.carddetails.map((item, index) => (
-              <Col xxl={4} lg={6} md={6} key={index}>
+              <Col xxl={4} lg={4} md={6} key={index}>
                 <div className="HowWeDoIt_card ">
                   <h2>{item?.Title}</h2>
                   {/* <Image

container/ClientServicing/RiskAdvisory/HowWeDoItRiskAdvisory.js

+import Heading from "@/components/reuseables/Heading";
+import { cleanImage } from "@/layout/imageHandling";
+import React from "react";
+import { Col, Container, Row } from "react-bootstrap";
+
+const HowWeDoItRiskAdvisory = ({ data, heading, classname }) => {
+    // console.log(data, "datadata");
+
+    return (
+        <section className={`HowWeDoIt-section ptb-100 ${classname || ""}`}>
+            <Container>
+                <div className="section-title">
+                    <span className="sub-title">{heading?.Subtitle}</span>
+                    <Heading el="h2" heading={heading?.Title} />
+                </div>
+                <div
+                    className=" text-center text-black mb-4 mb-lg-5"
+                    dangerouslySetInnerHTML={{ __html: heading?.Description }}
+                ></div>
+                <Row className="row-gap-4 justify-content-center">
+                    {data?.carddetails &&
+                        data?.carddetails.map((item, index) => (
+                            <Col xxl={4} lg={4} md={6} key={index}>
+                                <div className="HowWeDoIt_card ">
+                                    <h2>{item?.Title}</h2>
+
+                                    <img
+                                        src={cleanImage(item?.Image?.url)}
+                                        alt={item?.Title || "Image"}
+                                        style={{
+                                            width: "100%",
+                                            height: "100%",
+                                            objectFit: "cover",
+                                            display: "block",
+                                        }}
+                                    />
+                                    <div className="HowWeDoIt_card_content">
+                                        <h4>{item?.Title}</h4>
+                                        <div
+                                            dangerouslySetInnerHTML={{ __html: item?.Description }}
+                                        ></div>
+                                    </div>
+                                </div>
+                            </Col>
+                        ))}
+                </Row>
+            </Container>
+        </section>
+    );
+};
+
+export default HowWeDoItRiskAdvisory;

container/Home/PartnerSlider.js

@@ -37,7 +37,7 @@ const PartnerSlider = ({ Clientel = [] }) => {
 
         .marquee-track {
           width: max-content;
-          animation: scroll-left 60s linear infinite;
+          animation: scroll-left 100s linear infinite;
         }
 
         @keyframes scroll-left {

container/People/AdvisoryBoard.js

@@ -65,16 +65,16 @@ const AdvisoryBoard = ({ advisoryboard }) => {
                       className="advisory-title"
                     />
                     <div className="testimonial-content">
-                      <div className="d-flex gap-2">
-                        <p className="sub-title">{member.Designation}</p>
-                        <a style={{ cursor: 'pointer' }}
+                      {/* <div className="d-flex gap-2"> */}
+                      <p className="sub-title mb-0">{member.Designation}</p>
+                      {/* </div> */}
+                      <a className="" style={{ cursor: 'pointer' }}
                         href={member?.Linkdin}
                         target="_blank"
                         rel="noopener noreferrer"
                       >
                         <i className="ri-linkedin-fill"></i>
                       </a>
-                      </div>
                       <div dangerouslySetInnerHTML={{ __html: member.Description }} />
                     </div>
                   </Col>
@@ -88,8 +88,9 @@ const AdvisoryBoard = ({ advisoryboard }) => {
                       className="advisory-title"
                     />
                     <div className="testimonial-content">
-                      <div className="d-flex gap-2">
-                        <p className="sub-title">{member.Designation}</p>
+                      {/* <div className="d-flex gap-2"> */}
+                        <p className="sub-title mb-0">{member.Designation}</p>
+                      {/* </div> */}
                         <a style={{ cursor: 'pointer' }}
                           href={member?.Linkdin}
                           target="_blank"
@@ -97,7 +98,6 @@ const AdvisoryBoard = ({ advisoryboard }) => {
                         >
                           <i className="ri-linkedin-fill"></i>
                         </a>
-                      </div>
 
                       <div dangerouslySetInnerHTML={{ __html: member.Description }} />
                     </div>

pages/client-servicing/ra.js

@@ -12,6 +12,7 @@ import RightSideImage from "@/container/Corpedia/RightSideImage";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
 import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
 import CallBackRequest from "@/components/reuseables/CallBackRequest";
+import HowWeDoItRiskAdvisory from "@/container/ClientServicing/RiskAdvisory/HowWeDoItRiskAdvisory";
 
 const banners = [
   {
@@ -82,8 +83,12 @@ const RaPage = ({ rapage, conversionData }) => {
                 );
               case "dynamic-zone.card":
                 return (
-                  <HowWeDoIt heading={section?.Heading}
+                  <>
+                    <HowWeDoItRiskAdvisory heading={section?.Heading}
                       data={section} classname="risk_advisory_howitwork" />
+                    {/* <HowWeDoIt heading={section?.Heading}
+                      data={section} classname="risk_advisory_howitwork" /> */}
+                  </>
                 );
               default:
                 return null;

pages/client-servicing/virtual-finance-office/virtual-fc.js

@@ -74,10 +74,12 @@ const clientservicefc = ({ fcpage, conversionData }) => {
                   );
                 case "dynamic-zone.element-one":
                   return (
+                    <>
                       <MethodOne
                         heading={section?.Heading}
                         data={section?.ElementList}
                       />
+                    </>
                   );
                 case "dynamic-zone.element-two":
                   return (

styles/styles.css

@@ -8881,7 +8881,7 @@ ul.pagination.custom-pagination {
 }
 
 .download-content h2 {
-  font-size: 3vh;
+  font-size: 2vw;
   color: #fff;
 }
 
@@ -9140,7 +9140,7 @@ ul.pagination.custom-pagination {
   }
 
   .business_advisory_howitwork .HowWeDoIt_card {
-    height: 400px;
+    height: 240px;
   }
 
   .weoffer_section .HowWeDoIt_card {