changes

components/reuseables/PageBanner.js

@@ -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

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,7 +19,7 @@ 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."}
@@ -28,11 +28,15 @@ const WhatWeDo = ({ service ,serviceheading }) => {
           <div className="position-relative px-md-4 mt-md-5 mt-2">
             <Swiper
               spaceBetween={30}
-              centeredSlides={true}
-              navigation={{
+              centeredSlides={false}
+              navigation={
+                service?.length > 3
+                  ? {
                     nextEl: ".custom-swiper-button-next",
                     prevEl: ".custom-swiper-button-prev",
-              }}
+                  }
+                  : false
+              }
               pagination={{
                 clickable: true,
               }}
@@ -59,12 +63,12 @@ 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
@@ -83,18 +87,20 @@ const WhatWeDo = ({ service ,serviceheading }) => {
                       <p>{service?.Description}</p>
 
                       <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"} className="default-btn">
-                         {service?.CTA?.text }
+                        {service?.CTA?.text}
                         <i className="ri-arrow-right-line"></i>
                       </Link>
                     </div>
-                    </motion.div>
+                    {/* </motion.div> */}
                   </SwiperSlide>
                 ))}
               <Swiper pagination={{ clickable: true }} />
             </Swiper>
+            {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{
+
+.contact-btn {
   background-color: #f8971f;
   padding: 10px 25px !important;
   align-items: center;
   justify-items: center;
   margin-top: 1rem;
-    color: #fff!important;
+  color: #fff !important;
   border-radius: 7px;
 }
-.office-heading{
-  color: #393641!important;
-  font-size: 20px!important;
+
+.office-heading {
+  color: #393641 !important;
+  font-size: 20px !important;
 }
\ No newline at end of file