changes done

components/reuseables/Clientele.js

@@ -2,7 +2,10 @@ import React, { useRef, useEffect, useState } from "react";
 import Image from "next/image";
 import { cleanImage } from "@/layout/imageHandling";
 
-const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => {
+const Clientele = ({
+  partners = [],
+  itemClassName = "single-partner-item",
+}) => {
   const trackRef = useRef(null);
   const [animationDuration, setAnimationDuration] = useState(120);
 
@@ -24,21 +27,24 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) =>
             ref={trackRef}
             style={{ animationDuration: `${animationDuration}s` }}
           >
-            {partners.concat(partners).map((logo, index) => (
-              <div
+            {partners.concat(partners).map((logo, index) => {
+              console.log(logo);
+             return <div
                 className={`${itemClassName} d-flex justify-content-center align-items-center `}
                 key={`${logo.id}-${index}`}
                 style={{ flex: "0 0 auto", width: "300px", height: "80px" }}
               >
-                <Image
-                  alt={logo?.logos[0]?.alternativeText || "image"}
-                  src={cleanImage(logo?.logos[0]?.url)}
-                  width={120}
-                  height={60}
-                  className="img-fluid industry-logo"
-                />
+                {logo?.logos && (
+                  <Image
+                    alt={logo?.logos[0]?.alternativeText || "image"}
+                    src={cleanImage(logo?.logos[0]?.url)}
+                    width={120}
+                    height={60}
+                    className="img-fluid industry-logo"
+                  />
+                )}
               </div>
-            ))}
+})}
           </div>
         </div>
       </div>

container/Home/HomeBanner.js

@@ -76,22 +76,24 @@ const HomeBanner = ({ banner }) => {
           banner?.map((item, index) => {
             console.log("banneritem", item);
             return (
-              <SwiperSlide  key={`banner${index}`}>
+              <SwiperSlide key={`banner${index}`}>
                 <div
                   className="main-banner-area"
                   style={{
                     backgroundImage: `url(${cleanImage(
-                      item?.BackgroundBanner?.url
+                      item?.BackgroundBanner?.url,
                     )})`,
                   }}
                 >
                   <Container fluid className="ps-5">
                     <Row className="align-items-center">
-                      <Col lg={4} md={12}>
+                      <Col lg={6} md={12}>
                         <div className="main-banner-content ps-3">
                           <span className="sub-title">{item?.Subtitle}</span>
-                          <h1>{item?.Title}</h1> 
-                          <p>{item.Description}</p>
+                          <h1>{item?.Title}</h1>
+                          <p className="position-relative z-3">
+                            {item.Description}
+                          </p>
                           <div className="btn-box">
                             {item?.CTA &&
                               item?.CTA?.map((itemcta, index) => {
@@ -111,7 +113,7 @@ const HomeBanner = ({ banner }) => {
                         </div>
                       </Col>
 
-                      <Col lg={5} md={12}>
+                      <Col lg={6} md={12}>
                         {/* <div className="main-banner-image">
                           <Image
                             fill

container/Home/People.js

@@ -49,12 +49,12 @@ const People = ({ people }) => {
                   viewport={{ once: false, amount: 0.4 }}
                 >
                   <Image
-                    src={cleanImage(people.Image?.url)}
+                    src={cleanImage(people?.Image?.url)}
                     fill
                     className="img-fluid position-relative"
                     alt={
-                      people.Image?.alternativeText
-                        ? people.Image?.alternativeText
+                      people?.Image?.alternativeText
+                        ? people?.Image?.alternativeText
                         : "image"
                     }
                   />

deploy.sh

+sudo git pull
+sudo npm run build
+sudo pm2 stop advith_frontend_io
+sudo pm2 start advith_frontend_io
+

deploy.shes

+sudo git pull
+sudo npm run build
+sudo pm2 stop advith_frontend_io
+sudo pm2 start advith_frontend_io

ecosystem.config.js

+module.exports = {
+  apps: [
+    {
+      name: 'advith_frontend',
+      script: 'npm',
+      args: 'run start',
+    },
+  ],
+};

pages/client-servicing/global-capability-centres.js

@@ -18,6 +18,8 @@ import { fetchBlogList } from "@/redux/slices/bloglistslice";
 import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
 
 const clientservicecfo = ({ gccpage, conversionData }) => {
+
+
   const dispatch = useDispatch();
   // console.log(gccpage, "gccpage");
   const banners = [

pages/index.js

@@ -24,7 +24,7 @@ const inter = Inter({ subsets: ["latin"] });
 
 export default function Home({ homepage, conversionData }) {
   const dispatch = useDispatch();
-  console.log("homepage", homepage);
+  console.log("homepage", homepage?.Banner);
   const banner = homepage?.Banner;
   const Knowledgeshack = homepage?.Knowledgeshack;
   const KnowledgeTab = homepage?.KnowledgeTab;
@@ -36,7 +36,8 @@ export default function Home({ homepage, conversionData }) {
   const code = conversionData?.conversion;
   const AreasExpertiseTitle = homepage?.AreasExpertiseTitle;
   const AreasofExpertiseList = homepage?.AreasofExpertiselists;
-  console.log(AreasExpertiseTitle, "AreasofExpertiselists")
+  // const AreasofExpertise=homepage?.AreasofExpertise
+  // console.log(AreasofExpertise, "AreasofExpertise")
 
   useEffect(() => {
     dispatch(fetchBlogList());
@@ -57,7 +58,7 @@ export default function Home({ homepage, conversionData }) {
       <People people={people} />
       <ClientService service={serviceData} classname="home_client_sevices" />
       {/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */}
-      <AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList} />
+      {AreasofExpertiseList && <AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList} />}
       <FunctionalAreas functionarea={functionarea} />
       <Industries industry={industry} />
       <HomeBlog data={blogData} />
@@ -74,7 +75,8 @@ export async function getServerSideProps() {
   try {
     const query1 = {
       populate: [
-        "Banner.Mobilebanner",
+        'Banner',
+        'Banner.Mobilebanner',
         "Banner.BackgroundBanner",
         "Banner.Desktopbanner",
         "Banner.CTA",
@@ -85,9 +87,11 @@ export async function getServerSideProps() {
         "People.peoplelist",
         "whatwedo.Image",
         "whatwedo.CTA",
-        "AreasExpertiseTitle.Heading",
-        "AreasExpertiseTitle.Image",
-        "AreasofExpertiselists.Image",
+        // "AreasExpertiseTitle.Heading",
+        // "AreasExpertiseTitle.Image",
+        // "AreasofExpertiselists.Image",
+        "AreasofExpertise",
+        "AreasofExpertise.Image",
         "FunctionalAreas.Icon",
         "Industry.Image",
         "Industry.CTA",
@@ -126,5 +130,8 @@ export async function getServerSideProps() {
     };
   } catch (error) {
     console.log("Error", error);
+    return {
+      props: { homepage:null, conversionData:null },
+    };
   }
 }