new changes

container/Corpedia/LeftSideImage.js

 import React from "react";
 import { Col, Container, Row } from "react-bootstrap";
-import Heading from "@/components/reuseables/Heading";
+// import Heading from "@/components/reuseables/Heading";
 import Image from "next/image";
 import { motion } from "framer-motion";
 import { slideFromLeft } from "@/components/reuseables/variants";
@@ -14,7 +14,7 @@ const heading = [
   },
 ];
 
-const LeftSideImage = ({title,subtitle,description,image,content}) => {
+const LeftSideImage = ({title,subtitle,image,content}) => {
   return (
     <>
       <section className="leftsideimg ptb-50">

package.json

@@ -3,9 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 3001",
     "build": "next build",
-    "start": "next start",
+    "start": "next start -p 3001",
     "lint": "next lint"
   },
   "dependencies": {

pages/client-servicing/virtual-finance-office/book-closures-audit.js

@@ -10,11 +10,7 @@ import RightSideImage from "@/container/Corpedia/RightSideImage";
 import Seo from "@/components/reuseables/Seo/Seo";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
 
-
-
-
 // method one content
-
 const bookclosures = ({ bookclosurepage ,conversionData }) => {
   // console.log(bookclosurepage ,"bookclosurepage")
   const banners = [
@@ -53,20 +49,20 @@ const bookclosures = ({ bookclosurepage ,conversionData }) => {
                 case "dynamic-zone.about":
                   return (
                     <LeftSideImage
-                    title={section?.Title}
-                    subtitle={section?.Subtitle}
-                    image={section?.Image}
-                    content={section?.Content}
+                      title={section?.Title}
+                      subtitle={section?.Subtitle}
+                      image={section?.Image}
+                      content={section?.Content}
                     />
                   );
                 case "dynamic-zone.background":
                   return (
                     <RightSideImage
-                    title={section?.Title}
-                    subtitle={section?.Subtitle}
-                    image={section?.Image}
-                    content={section?.Content}
-                  />
+                      title={section?.Title}
+                      subtitle={section?.Subtitle}
+                      image={section?.Image}
+                      content={section?.Content}
+                    />
                   );
                 case "dynamic-zone.element-one":
                   return (
@@ -90,7 +86,9 @@ const bookclosures = ({ bookclosurepage ,conversionData }) => {
       </div>
 
       <div className="ptb-100">
-        <Clientele partners={clientlogo} />
+        <Clientele 
+          partners={clientlogo} 
+        />
       </div>
     </>
   );

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

@@ -14,12 +14,10 @@ import TechnicalExpertise from "@/container/ClientServicing/ TechnicalExpertise"
 import ClientService from "@/container/Home/ClientService";
 import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
 import FunctionalAreas from "@/components/reuseables/FunctionalAreas";
+import LeftSideImage from "@/container/Corpedia/LeftSideImage";
 
-
-
-const VirtualFinanceOfficePage = ({ ClientPage , conversionData }) => {
+const VirtualFinanceOfficePage = ({ ClientPage , conversionData ,title , }) => {
   // console.log(ClientPage, "data1");
-
   const banners = [
     {
       imageSrc: cleanImage(ClientPage?.Banner?.Image?.url),
@@ -28,7 +26,6 @@ const VirtualFinanceOfficePage = ({ ClientPage , conversionData }) => {
       homePageText: "Home",
       activePageText: ClientPage?.Banner?.Heading,
     },
-    // Add more banners as needed
   ];
 
   const technicalexpertise = ClientPage?.Technicalexpertise;
@@ -45,7 +42,6 @@ const VirtualFinanceOfficePage = ({ ClientPage , conversionData }) => {
   const IndustryData = useSelector((state) => state.industrylist.data)
   const FunctionArea = useSelector((state) => state.functionarea.data)
 
-  // console.log(FunctionArea, "data")
   const seo = ClientPage?.seo;
   const code = conversionData?.conversion;
 
@@ -54,7 +50,12 @@ const VirtualFinanceOfficePage = ({ ClientPage , conversionData }) => {
     <> 
       <PageBanner banners={banners} />
       <ConversionCode code={code} />
-
+        <LeftSideImage
+          title={title}
+          subtitle={Subtitle}
+          image={Image}
+          content={Content}
+        />
       <ClientService service={serviceData}  />
       {/* <OurService /> */}
       <TechnicalExpertise technicalexpertise={technicalexpertise}/>
@@ -76,6 +77,9 @@ export async function getServerSideProps() {
        "Banner.Image",
       //  "Technicalexpertise",
       //  "Technicalexpertise.Technicallist"
+       "seo",
+        "seo.metaImage",
+        "seo.schema",
        
       ],
     };
@@ -95,7 +99,7 @@ export async function getServerSideProps() {
     const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/virtual-finance-office-page?${query1String}`;
     const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`;
     
-    console.log(`Final url: ${endpoint1}`);
+    console.log(`Final url virtual finace: ${endpoint1}`);
 
     const [response1, response2] = await Promise.all([
       axios.get(endpoint1),