Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit ab94e62d by gaurav
Options

changes

1 parent 8eb49dc9
Inline Side-by-side
Showing 12 changed files with 197 additions and 125 deletions
components/reuseables/Faq.js
import React from "react"; import React from "react";
import { import {
Accordion, Accordion,
...@@ -10,63 +10,61 @@ import { ...@@ -10,63 +10,61 @@ import {
} from "react-accessible-accordion"; } from "react-accessible-accordion";
import Heading from "./Heading"; import Heading from "./Heading";
const FaqContent = () => { const FaqContent = ({ data }) => {
return ( return (
<> <>
<div className="faq-area"> <div className="faq-area">
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */} {/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading="FAQs" /> <Heading el="h2" heading={data?.Title} />
</div> </div>
<div className="faq-accordion"> <div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={["a"]}> <Accordion allowZeroExpanded preExpanded={'0'}>
<AccordionItem uuid="a"> {data?.FAQList?.map((item, index) => (
<AccordionItemHeading> <AccordionItem uuid={index.toString()} key={index}>
<AccordionItemButton> <AccordionItemHeading>
Are we another workflow automation tool? <AccordionItemButton>
</AccordionItemButton> {item.Question}
</AccordionItemHeading> </AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<div dangerouslySetInnerHTML={{ __html: item.Description }} />
</AccordionItemPanel>
</AccordionItem>
))}
<AccordionItemPanel> {/* <AccordionItem uuid="b">
<p>
No, we are work automation phygital (physical + digital) solution for CA & finance consulting firms.
</p>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem uuid="b">
<AccordionItemHeading> <AccordionItemHeading>
<AccordionItemButton> <AccordionItemButton>
Are we asking you to outsource your client work to us? Are we asking you to outsource your client work to us?
</AccordionItemButton> </AccordionItemButton>
</AccordionItemHeading> </AccordionItemHeading>
<AccordionItemPanel> <AccordionItemPanel>
<p> <p>
No, we are here to empower you to deliver services to your clients in a digital environment with the support of a highly trained remote physical work force. No, we are here to empower you to deliver services to your clients in a digital environment with the support of a highly trained remote physical work force.
</p> </p>
</AccordionItemPanel> </AccordionItemPanel>
</AccordionItem> </AccordionItem>
<AccordionItem uuid="c"> <AccordionItem uuid="c">
<AccordionItemHeading> <AccordionItemHeading>
<AccordionItemButton> <AccordionItemButton>
Is this a plug-n-play? Is this a plug-n-play?
</AccordionItemButton> </AccordionItemButton>
</AccordionItemHeading> </AccordionItemHeading>
<AccordionItemPanel> <AccordionItemPanel>
<p> <p>
Yes, you just pay for the time or effort consumed. There are no prior fixed commitments on how many hours or days service you want to avail. Yes, you just pay for the time or effort consumed. There are no prior fixed commitments on how many hours or days service you want to avail.
</p> </p>
</AccordionItemPanel> </AccordionItemPanel>
</AccordionItem> </AccordionItem> */}
</Accordion> </Accordion>
</div> </div>
</div> </div>
......
container/Corpedia/LeftSideImage.js
...@@ -15,7 +15,9 @@ const heading = [ ...@@ -15,7 +15,9 @@ const heading = [
}, },
]; ];
const LeftSideImage = ({ title, subtitle, image, content ,cta }) => { const LeftSideImage = ({ title, subtitle, image, content, cta }) => {
console.log(cta, 'ctactacta');
return ( return (
<> <>
<section className="leftsideimg ptb-50"> <section className="leftsideimg ptb-50">
...@@ -50,14 +52,16 @@ const LeftSideImage = ({ title, subtitle, image, content ,cta }) => { ...@@ -50,14 +52,16 @@ const LeftSideImage = ({ title, subtitle, image, content ,cta }) => {
className="content" className="content"
dangerouslySetInnerHTML={{ __html: content }} dangerouslySetInnerHTML={{ __html: content }}
/> />
<div> {cta &&
{/* <div className="btn-1"> <div>
<Link href={cta?.URL} className="default-btn-three"> <div className="btn-1">
{cta?.text} <Link href={cta?.URL || "#"} className="default-btn-three">
<i className="ri-arrow-right-line"></i> {cta?.text}
</Link> <i className="ri-arrow-right-line"></i>
</div> */} </Link>
</div> </div>
</div>
}
</div> </div>
</Col> </Col>
</Row> </Row>
......
container/Corpedia/RightSideImage.js
...@@ -8,6 +8,7 @@ import { ...@@ -8,6 +8,7 @@ import {
slideFromRight, slideFromRight,
} from "@/components/reuseables/variants"; } from "@/components/reuseables/variants";
import { cleanImage } from "@/layout/imageHandling"; import { cleanImage } from "@/layout/imageHandling";
import Link from "next/link";
const heading = [ const heading = [
{ {
title: "About Advith Consulting", title: "About Advith Consulting",
...@@ -17,7 +18,7 @@ const heading = [ ...@@ -17,7 +18,7 @@ const heading = [
}, },
]; ];
const RightSideImage = ({ title, subtitle, image, content }) => { const RightSideImage = ({ title, subtitle, image, content, cta }) => {
return ( return (
<> <>
<section className="rightsideimg ptb-50"> <section className="rightsideimg ptb-50">
...@@ -34,6 +35,16 @@ const RightSideImage = ({ title, subtitle, image, content }) => { ...@@ -34,6 +35,16 @@ const RightSideImage = ({ title, subtitle, image, content }) => {
className="content" className="content"
dangerouslySetInnerHTML={{ __html: content }} dangerouslySetInnerHTML={{ __html: content }}
/> />
{cta &&
<div>
<div className="btn-1">
<Link href={cta?.URL || "#"} className="default-btn-three">
{cta?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</div>
}
</div> </div>
</Col> </Col>
<Col lg={6} md={12}> <Col lg={6} md={12}>
......
container/People/AboutPeople.js
...@@ -23,49 +23,49 @@ const aboutPeopleData = [ ...@@ -23,49 +23,49 @@ const aboutPeopleData = [
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
const AboutPeople = ({aboutPeople}) => { const AboutPeople = ({ aboutPeople }) => {
console.log(aboutPeople) console.log(aboutPeople)
return ( return (
<> <>
<div className="what-we-do-area ptb-100"> <div className="what-we-do-area ptb-100">
<Container> <Container>
{/* {aboutPeopleData.map((item) => ( */} {/* {aboutPeopleData.map((item) => ( */}
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="what-we-do-text"> <div className="what-we-do-text">
<span className="sub-title">{aboutPeople.Subtitle}</span> <span className="sub-title">{aboutPeople.Subtitle}</span>
<Heading el="h2" heading={aboutPeople.Title} className="h2" /> <Heading el="h2" heading={aboutPeople.Title} className="h2" />
<p className="mb-3">{aboutPeople.Description}</p> <p className="mb-3">{aboutPeople.Description}</p>
{/* <Link href={item.linkUrl} className="default-btn"> {/* <Link href={item.linkUrl} className="default-btn">
{item.linkText} <i className="ri-arrow-right-line"></i> {item.linkText} <i className="ri-arrow-right-line"></i>
</Link> */} </Link> */}
</div> </div>
</Col> </Col>
<Col lg={6} md={12}>
<div>
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={cleanImage(aboutPeople?.Image?.url)}
alt={
aboutPeople?.Overview?.Image?.alternativeText ||
"image"
}
fill
className="img-fluid image"
/>
<Col lg={6} md={12}> </motion.div>
<div> </div>
<motion.div </Col>
variants={fadeIn(0.4)} </Row>
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={cleanImage(aboutPeople?.Image?.url)}
alt={
aboutPeople?.Overview?.Image?.alternativeText ||
"image"
}
fill
className="img-fluid image"
/>
</motion.div>
</div>
</Col>
</Row>
{/* ))} */} {/* ))} */}
</Container> </Container>
</div> </div>
......
container/People/AdvisoryBoard.js
...@@ -33,7 +33,7 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -33,7 +33,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
<div className="testimonial-area ptb-100"> <div className="testimonial-area ptb-100">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<Heading el="h2" heading="Advisory Board" /> <Heading el="h2" heading="Our Leadership Team" />
</div> </div>
{advisoryboard.map((member, index) => ( {advisoryboard.map((member, index) => (
<Row key={index} className="row align-items-center"> <Row key={index} className="row align-items-center">
...@@ -92,7 +92,7 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -92,7 +92,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
> >
<div className="testimonial-img"> <div className="testimonial-img">
<Image <Image
src={cleanImage(member?.Image?.url)} src={cleanImage(member?.Image?.url)}
alt={member.name} alt={member.name}
layout="fill" layout="fill"
className="img-fluid image rounded-3" className="img-fluid image rounded-3"
......
container/People/TeamMembers.js
...@@ -79,14 +79,14 @@ const team = [ ...@@ -79,14 +79,14 @@ const team = [
}, },
]; ];
const TeamMember = ({memberlist}) => { const TeamMember = ({ memberlist }) => {
return ( return (
<> <>
<div className="team-area pt-50 pb-70 bg-fafafa"> <div className="team-area pt-50 pb-70 bg-fafafa">
<Container> <Container>
<div className="section-title"> <div className="section-title">
{/* <span className="sub-title">Team Member</span> */} {/* <span className="sub-title">Team Member</span> */}
<Heading el="h2" heading="Team Members" /> <Heading el="h2" heading="Our Exclusive Team" />
</div> </div>
<Row className="justify-content-center"> <Row className="justify-content-center">
...@@ -104,17 +104,17 @@ const TeamMember = ({memberlist}) => { ...@@ -104,17 +104,17 @@ const TeamMember = ({memberlist}) => {
<h3>{member.Name}</h3> <h3>{member.Name}</h3>
<span>{member.Designation}</span> <span>{member.Designation}</span>
<ul className="social-links"> <ul className="social-links">
<li> <li>
<a <a
href={member.Linkdin} href={member.Linkdin}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<i className="ri-linkedin-fill"></i> <i className="ri-linkedin-fill"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
......
layout/Header.js
...@@ -114,7 +114,7 @@ const Header = () => { ...@@ -114,7 +114,7 @@ const Header = () => {
return ( return (
<> <>
<div className="mega-menu-container"> <div className="mega-menu-container">
{/* Mobile Hamburger only visible on mobile */} {/* Mobile Hamburger only visible on mobile */}
<div className="mobile-hamburger-wrapper"> <div className="mobile-hamburger-wrapper">
...@@ -125,7 +125,7 @@ const Header = () => { ...@@ -125,7 +125,7 @@ const Header = () => {
<div className="container-fluid" style={{ maxWidth: 1200, margin: '0 auto', padding: '0 32px' }}> <div className="container-fluid" style={{ maxWidth: 1200, margin: '0 auto', padding: '0 32px' }}>
<nav className="navbar navbar-expand-md navbar-light"> <nav className="navbar navbar-expand-md navbar-light">
<Link href="/" className="navbar-brand"> <Link href="/" className="navbar-brand">
<Image width={180} height={33} src="/images/Advithlogo.svg" alt="logo" /> <Image width={180} height={33} src="/images/Advithlogo.svg" alt="logo" />
</Link> </Link>
<button <button
onClick={toggleNavbar} onClick={toggleNavbar}
...@@ -190,13 +190,13 @@ const Header = () => { ...@@ -190,13 +190,13 @@ const Header = () => {
onMouseEnter={() => setClientServicingOpen(true)} onMouseEnter={() => setClientServicingOpen(true)}
onMouseLeave={() => setClientServicingOpen(false)} onMouseLeave={() => setClientServicingOpen(false)}
> >
<span <Link href="/client-servicing"
className="nav-link dropdown-nav" className="nav-link dropdown-nav"
style={{ background: "none", border: "none", cursor: "pointer" }} style={{ background: "none", border: "none", cursor: "pointer" }}
> >
Client Servicing Client Servicing
<span className="dropdown-arrow"></span> <span className="dropdown-arrow"></span>
</span> </Link>
</li> </li>
{clientServicingOpen && ( {clientServicingOpen && (
<div <div
......
pages/client-servicing/bespoke.js
...@@ -12,8 +12,14 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod ...@@ -12,8 +12,14 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import DownloadBtn from "@/components/reuseables/DownloadBtn"; import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest"; import CallBackRequest from "@/components/reuseables/CallBackRequest";
import FaqContent from "@/components/reuseables/Faq"; import FaqContent from "@/components/reuseables/Faq";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const Bespoke = ({ Empoweringpage, conversionData }) => { const Bespoke = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage"); console.log(Empoweringpage, "Empoweringpage");
const banners = [ const banners = [
{ {
...@@ -26,7 +32,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -26,7 +32,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
]; ];
const dynamicdata = Empoweringpage?.BespokeDetails; const dynamicdata = Empoweringpage?.BespokeDetails;
// console.log("dynamicdata", dynamicdata); // console.log("dynamicdata", dynamicdata);
const clientlogo = Empoweringpage?.Clientel; const clientlogo = Empoweringpage?.Clientel;
...@@ -34,6 +40,13 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -34,6 +40,13 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
const code = conversionData?.conversion; const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
...@@ -93,10 +106,11 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -93,10 +106,11 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
})} })}
</section> </section>
</div> </div>
<div className="ptb-50"> <div className="ptb-50">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
</div> </div>
<HomeBlog data={blogData} />
<CallBackRequest /> <CallBackRequest />
</> </>
); );
......
pages/client-servicing/digital-transformation.js
...@@ -12,8 +12,13 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod ...@@ -12,8 +12,13 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import DownloadBtn from "@/components/reuseables/DownloadBtn"; import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest"; import CallBackRequest from "@/components/reuseables/CallBackRequest";
import Rules from "@/container/Corpedia/Rules"; import Rules from "@/container/Corpedia/Rules";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const DigitalTransformation = ({ Digitalpage, conversionData }) => { const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Digitalpage, "Digitalpage"); console.log(Digitalpage, "Digitalpage");
const banners = [ const banners = [
{ {
...@@ -34,6 +39,14 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -34,6 +39,14 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const code = conversionData?.conversion; const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
...@@ -52,7 +65,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -52,7 +65,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
subtitle={section?.Subtitle} subtitle={section?.Subtitle}
image={section?.Image} image={section?.Image}
content={section?.Content} content={section?.Content}
/> />
); );
case "dynamic-zone.background": case "dynamic-zone.background":
...@@ -62,7 +75,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -62,7 +75,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
subtitle={section?.Subtitle} subtitle={section?.Subtitle}
image={section?.Image} image={section?.Image}
content={section?.Content} content={section?.Content}
cta={section.CTA} cta={section.CTA}
/> />
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
...@@ -89,16 +102,16 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -89,16 +102,16 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
/> />
); );
case "dynamic-zone.rules-application": case "dynamic-zone.rules-application":
return ( return (
<Rules <Rules
title={section?.Heading} title={section?.Heading}
subtitle={section?.Subheading} subtitle={section?.Subheading}
description={section?.Description} description={section?.Description}
image={section?.Image} image={section?.Image}
rule={section?.RuleList} rule={section?.RuleList}
/> />
); );
default: default:
return null; return null;
} }
...@@ -109,6 +122,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -109,6 +122,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<div className="ptb-50"> <div className="ptb-50">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
</div> </div>
<HomeBlog data={blogData} />
<CallBackRequest /> <CallBackRequest />
</> </>
); );
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -12,8 +12,13 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod ...@@ -12,8 +12,13 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import DownloadBtn from "@/components/reuseables/DownloadBtn"; import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest"; import CallBackRequest from "@/components/reuseables/CallBackRequest";
import FaqContent from "@/components/reuseables/Faq"; import FaqContent from "@/components/reuseables/Faq";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage"); console.log(Empoweringpage, "Empoweringpage");
const banners = [ const banners = [
{ {
...@@ -26,7 +31,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -26,7 +31,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
]; ];
const dynamicdata = Empoweringpage?.EmpoweringFinanceDetails; const dynamicdata = Empoweringpage?.EmpoweringFinanceDetails;
// console.log("dynamicdata", dynamicdata); // console.log("dynamicdata", dynamicdata);
const clientlogo = Empoweringpage?.Clientel; const clientlogo = Empoweringpage?.Clientel;
...@@ -34,6 +39,13 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -34,6 +39,13 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const code = conversionData?.conversion; const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
...@@ -93,10 +105,11 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -93,10 +105,11 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
})} })}
</section> </section>
</div> </div>
<FaqContent /> <FaqContent data={Empoweringpage?.FAQ} />
<div className="ptb-50"> <div className="ptb-50">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
</div> </div>
<HomeBlog data={blogData} />
<CallBackRequest /> <CallBackRequest />
</> </>
); );
...@@ -115,8 +128,9 @@ export async function getServerSideProps() { ...@@ -115,8 +128,9 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.Heading", "EmpoweringFinanceDetails.Heading",
"EmpoweringFinanceDetails.DownloadBtn", "EmpoweringFinanceDetails.DownloadBtn",
"EmpoweringFinanceDetails.CTA", "EmpoweringFinanceDetails.CTA",
"EmpoweringFinanceDetails.ElementList.StepImg", "EmpoweringFinanceDetails.ElementList.StepImg",
"Clientel.logos", "Clientel.logos",
"FAQ.FAQList",
"seo", "seo",
"seo.metaImage", "seo.metaImage",
"seo.schema", "seo.schema",
......
pages/client-servicing/gcc.js
...@@ -11,9 +11,14 @@ import Seo from "@/components/reuseables/Seo/Seo"; ...@@ -11,9 +11,14 @@ import Seo from "@/components/reuseables/Seo/Seo";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode"; import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
import DownloadBtn from "@/components/reuseables/DownloadBtn"; import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest"; import CallBackRequest from "@/components/reuseables/CallBackRequest";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const clientservicecfo = ({ gccpage, conversionData }) => { const clientservicecfo = ({ gccpage, conversionData }) => {
console.log(gccpage, "gccpage"); const dispatch = useDispatch();
// console.log(gccpage, "gccpage");
const banners = [ const banners = [
{ {
imageSrc: cleanImage(gccpage?.Banner?.Image?.url), imageSrc: cleanImage(gccpage?.Banner?.Image?.url),
...@@ -33,6 +38,13 @@ const clientservicecfo = ({ gccpage, conversionData }) => { ...@@ -33,6 +38,13 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
const code = conversionData?.conversion; const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
...@@ -51,6 +63,7 @@ const clientservicecfo = ({ gccpage, conversionData }) => { ...@@ -51,6 +63,7 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
subtitle={section?.Subtitle} subtitle={section?.Subtitle}
image={section?.Image} image={section?.Image}
content={section?.Content} content={section?.Content}
cta={section?.CTA}
/> />
); );
case "dynamic-zone.background": case "dynamic-zone.background":
...@@ -60,14 +73,17 @@ const clientservicecfo = ({ gccpage, conversionData }) => { ...@@ -60,14 +73,17 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
subtitle={section?.Subtitle} subtitle={section?.Subtitle}
image={section?.Image} image={section?.Image}
content={section?.Content} content={section?.Content}
cta={section?.CTA}
/> />
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
return ( return (
<MethodOne <>
heading={section?.Heading} <MethodOne
data={section?.ElementList} heading={section?.Heading}
/> data={section?.ElementList}
/>
</>
); );
case "dynamic-zone.element-two": case "dynamic-zone.element-two":
return ( return (
...@@ -94,7 +110,8 @@ const clientservicecfo = ({ gccpage, conversionData }) => { ...@@ -94,7 +110,8 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
</div> </div>
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
<HomeBlog data={blogData} />
<CallBackRequest /> <CallBackRequest />
</> </>
); );
......
pages/people.js
...@@ -10,23 +10,23 @@ import { cleanImage } from "@/layout/imageHandling"; ...@@ -10,23 +10,23 @@ import { cleanImage } from "@/layout/imageHandling";
import Seo from "@/components/reuseables/Seo/Seo"; import Seo from "@/components/reuseables/Seo/Seo";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode"; import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
const people = ({peoplepage , conversionData}) => { const people = ({ peoplepage, conversionData }) => {
const banners = [ const banners = [
{ {
imageSrc: cleanImage(peoplepage?.Banner?.Image?.url), imageSrc: cleanImage(peoplepage?.Banner?.Image?.url),
pageTitle: peoplepage?.Banner?.Heading, pageTitle: peoplepage?.Banner?.Heading,
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
activePageText: peoplepage?.Banner?.Heading, activePageText: peoplepage?.Banner?.Heading,
}, },
// Add more banners as needed // Add more banners as needed
]; ];
const aboutPeople = peoplepage?.Overview const aboutPeople = peoplepage?.Overview
const teamlead = peoplepage?.TeamLeads const teamlead = peoplepage?.TeamLeads
const teamlist = peoplepage?.Teamlist const teamlist = peoplepage?.Teamlist
const Memberlist = peoplepage?.Memberlist const Memberlist = peoplepage?.Memberlist
const Advisory = peoplepage?.AdvisoryBoard const Advisory = peoplepage?.AdvisoryBoard
// console.log("AdvisoryBoard",Advisory) // console.log("AdvisoryBoard",Advisory)
const seo = peoplepage?.seo; const seo = peoplepage?.seo;
// console.log(seo ) // console.log(seo )
...@@ -34,13 +34,13 @@ const people = ({peoplepage , conversionData}) => { ...@@ -34,13 +34,13 @@ const people = ({peoplepage , conversionData}) => {
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<AboutPeople aboutPeople ={aboutPeople}/> <AboutPeople aboutPeople={aboutPeople} />
<AdvisoryBoard advisoryboard ={Advisory}/> <AdvisoryBoard advisoryboard={Advisory} />
<TeamLead teamlead ={teamlead} teamlist={teamlist} /> <TeamLead teamlead={teamlead} teamlist={teamlist} />
<TeamMember memberlist={Memberlist} /> <TeamMember memberlist={Memberlist} />
</> </>
); );
...@@ -81,7 +81,7 @@ export async function getServerSideProps() { ...@@ -81,7 +81,7 @@ export async function getServerSideProps() {
const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/people?${query1String}`; const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/people?${query1String}`;
const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`; const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`;
// console.log(`Final url: ${endpoint1}`); // console.log(`Final url: ${endpoint1}`);
const [response1, response2] = await Promise.all([ const [response1, response2] = await Promise.all([
...@@ -93,7 +93,7 @@ export async function getServerSideProps() { ...@@ -93,7 +93,7 @@ export async function getServerSideProps() {
return { return {
props: { peoplepage , conversionData }, props: { peoplepage, conversionData },
}; };
} catch (error) { } catch (error) {
console.log("Error", error); console.log("Error", error);
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!