changes

components/reuseables/PageBanner.js

@@ -12,7 +12,7 @@ const PageBanner = ({ banners = [] }) => {
   // Function to generate breadcrumbs for client servicing pages
   const generateClientServicingBreadcrumbs = () => {
     const pathname = router.asPath;
-    
+
     // Only apply custom breadcrumbing for client-servicing pages
     if (!pathname.includes('/client-servicing')) {
       return null;
@@ -44,10 +44,10 @@ const PageBanner = ({ banners = [] }) => {
       // Bespoke Services
       'bespoke-services': 'Bespoke Services',
       // Legacy mappings for existing pages
-      'cfo': 'CFO',
-      'ba': 'BA',
-      'ta': 'TA',
-      'ra': 'RA'
+      'cfo': 'Virtual CFO Services',
+      'ba': 'Business Advisory',
+      'ta': 'Transaction Advisory',
+      'ra': 'Risk Advisory'
     };
 
     // Build breadcrumbs from path segments
@@ -55,7 +55,7 @@ const PageBanner = ({ banners = [] }) => {
     pathSegments.forEach((segment, index) => {
       currentPath += `/${segment}`;
       const displayName = segmentNameMap[segment] || segment.replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
-      
+
       breadcrumbs.push({
         name: displayName,
         url: currentPath,
@@ -93,7 +93,7 @@ const PageBanner = ({ banners = [] }) => {
       className="page-banner-swiper"
     >
       {banners.map((banner, index) => (
-        
+
         <SwiperSlide key={index}>
           <div className="page-title-area">
             <div className="image-wrapper">

components/reuseables/WhatWeDo.js

@@ -11,7 +11,7 @@ import SwiperNav from "@/components/reuseables/SwiperNav";
 import { cleanImage } from "@/layout/imageHandling";
 
 
-const WhatWeDo = ({ service ,serviceheading }) => {
+const WhatWeDo = ({ service, serviceheading }) => {
   console.log(serviceheading, "serviceData");
   return (
     <>
@@ -19,20 +19,24 @@ const WhatWeDo = ({ service ,serviceheading }) => {
         <Container>
           <div className="section-title">
             <span className="sub-title">{serviceheading?.Subtitle}</span>
-           <Heading el="h2" heading={serviceheading?.Title}/>
+            <Heading el="h2" heading={serviceheading?.Title} />
           </div>
           <p className="text-center">
             {serviceheading?.Description || "At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction."}
-          
+
           </p>
           <div className="position-relative px-md-4 mt-md-5 mt-2">
             <Swiper
               spaceBetween={30}
-              centeredSlides={true}
-              navigation={{
-                nextEl: ".custom-swiper-button-next",
-                prevEl: ".custom-swiper-button-prev",
-              }}
+              centeredSlides={false}
+              navigation={
+                service?.length > 3
+                  ? {
+                    nextEl: ".custom-swiper-button-next",
+                    prevEl: ".custom-swiper-button-prev",
+                  }
+                  : false
+              }
               pagination={{
                 clickable: true,
               }}
@@ -59,42 +63,44 @@ const WhatWeDo = ({ service ,serviceheading }) => {
               {service &&
                 service.map((service, index) => (
                   <SwiperSlide className="single-services-box" key={index}>
-                    <motion.div
+                    {/* <motion.div
                       variants={slideFromLeft(0.5)}
                       initial={"hidden"}
                       whileInView={"show"}
                       viewport={{ once: false, amount: 0.4 }}
-                    >
-                      <div className="image">
-                        <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>
-                          <Image
-                            src={cleanImage(service?.Image?.url)}
-                            fill
-                            alt={service?.Image?.alternativeText ? service?.Image?.alternativeText : "image"}
-                            className="img-fluid image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <h3>
-                          <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>{service?.Title}</Link>
-                        </h3>
+                    > */}
+                    <div className="image">
+                      <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>
+                        <Image
+                          src={cleanImage(service?.Image?.url)}
+                          fill
+                          alt={service?.Image?.alternativeText ? service?.Image?.alternativeText : "image"}
+                          className="img-fluid image"
+                        />
+                      </Link>
+                    </div>
+                    <div className="content">
+                      <h3>
+                        <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>{service?.Title}</Link>
+                      </h3>
 
-                        <p>{service?.Description}</p>
+                      <p>{service?.Description}</p>
 
-                        <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"} className="default-btn">
-                         {service?.CTA?.text }
-                          <i className="ri-arrow-right-line"></i>
-                        </Link>
-                      </div>
-                    </motion.div>
+                      <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"} className="default-btn">
+                        {service?.CTA?.text}
+                        <i className="ri-arrow-right-line"></i>
+                      </Link>
+                    </div>
+                    {/* </motion.div> */}
                   </SwiperSlide>
                 ))}
               <Swiper pagination={{ clickable: true }} />
             </Swiper>
-            <div className="cust_nav swiper-nav text-center mt-md-4 mt-2">
-              <SwiperNav />
-            </div>
+            {service?.length > 3 && (
+              <div className="cust_nav swiper-nav text-center mt-md-4 mt-2">
+                <SwiperNav />
+              </div>
+            )}
           </div>
         </Container>
       </div>

container/Corpedia/RightSideImage.js

@@ -47,8 +47,8 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => {
                   }
                 </div>
               </Col>
-              <Col lg={6} md={12}>
-                <div className="call-back-request-img">
+              <Col lg={6} md={12} className=" ps-5">
+                <div className="call-back-request-img pe-0">
                   {/* <motion.div
                     variants={slideFromRight(0.5)}
                     initial={"hidden"}
@@ -58,7 +58,7 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => {
                   <Image
                     src={cleanImage(image?.url)}
                     layout="fill"
-                    className="img-fluid image rounded-5"
+                    className="img-fluid image rounded-5 "
                     alt="image"
                   />
                   {/* </motion.div> */}

styles/styles.css

@@ -9687,16 +9687,18 @@ ul.pagination.custom-pagination {
 .weoffer-box-budget:hover h3 {
   color: white;
 }
-.contact-btn{
-      background-color: #f8971f;
-    padding: 10px 25px !important;
-    align-items: center;
-    justify-items: center;
-    margin-top: 1rem;
-    color: #fff!important;
-    border-radius: 7px;
-}
-.office-heading{
-  color: #393641!important;
-  font-size: 20px!important;
+
+.contact-btn {
+  background-color: #f8971f;
+  padding: 10px 25px !important;
+  align-items: center;
+  justify-items: center;
+  margin-top: 1rem;
+  color: #fff !important;
+  border-radius: 7px;
+}
+
+.office-heading {
+  color: #393641 !important;
+  font-size: 20px !important;
 }
\ No newline at end of file