Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit d44aa63c by sujata
Options

chnages

1 parent 53f8c246
Inline Side-by-side
Showing 11 changed files with 173 additions and 115 deletions
container/ClientServicing/CFO/HowWeDoIt.js
import Heading from '@/components/reuseables/Heading' import Heading from "@/components/reuseables/Heading";
import { cleanImage } from '@/layout/imageHandling' import { cleanImage } from "@/layout/imageHandling";
import Image from 'next/image' import React from "react";
import React from 'react' import { Col, Container, Row } from "react-bootstrap";
import { Col, Container, Row } from 'react-bootstrap'
const HowWeDoIt = ({ data, heading }) => { const HowWeDoIt = ({ data, heading }) => {
// console.log(data, "datadata");
console.log(data, 'datadata');
// const data = [
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 2",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/Client_Servicing-CFO.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes Assess the business model, industry context, and internal processes Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// ]
return ( return (
<section className="HowWeDoIt-section ptb-100"> <section className="HowWeDoIt-section ptb-100">
...@@ -54,33 +14,45 @@ const HowWeDoIt = ({ data, heading }) => { ...@@ -54,33 +14,45 @@ const HowWeDoIt = ({ data, heading }) => {
<span className="sub-title">{heading?.Subtitle}</span> <span className="sub-title">{heading?.Subtitle}</span>
<Heading el="h2" heading={heading?.Title} /> <Heading el="h2" heading={heading?.Title} />
</div> </div>
<p className=" text-center text-black mb-4 mb-lg-5" dangerouslySetInnerHTML={{ __html: heading?.Description }}></p> <p
<Row className='row-gap-4 h-auto justify-content-center'> className=" text-center text-black mb-4 mb-lg-5"
{ dangerouslySetInnerHTML={{ __html: heading?.Description }}
data?.carddetails && data?.carddetails.map((item, index) => ( ></p>
<Col className='' lg={4} md={6} key={index}> <Row className="row-gap-4 justify-content-center">
<div className='HowWeDoIt_card h-100'> {data?.carddetails &&
data?.carddetails.map((item, index) => (
<Col md={4} key={index}>
<div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
<Image {/* <Image
aria-hidden="true" src={cleanImage(item?.Image?.url)}
alt={"image"} alt=""
className="img-fluid position-relative object-cover"
fill
/> */}
<img
src={cleanImage(item?.Image?.url)} src={cleanImage(item?.Image?.url)}
width={1000} alt={item?.Title || "Image"}
height={1000} style={{
className="img-fluid" width: "100%",
height: "100%",
objectFit: "cover",
display: "block",
}}
/> />
<div className='HowWeDoIt_card_content'> <div className="HowWeDoIt_card_content">
<h4>{item?.Title}</h4> <h4>{item?.Title}</h4>
<div dangerouslySetInnerHTML={{ __html: item?.Description }}></div> <div
dangerouslySetInnerHTML={{ __html: item?.Description }}
></div>
</div> </div>
</div> </div>
</Col> </Col>
)) ))}
}
</Row> </Row>
</Container> </Container>
</section> </section>
) );
} };
export default HowWeDoIt
\ No newline at end of file \ No newline at end of file
export default HowWeDoIt;
container/ClientServicing/DigitalTransformation/DigitalFaq.js
import Heading from "@/components/reuseables/Heading"; import Heading from "@/components/reuseables/Heading";
import Link from "next/link"; import Link from "next/link";
import React from "react"; import React from "react";
...@@ -14,8 +12,8 @@ import { motion } from "framer-motion"; ...@@ -14,8 +12,8 @@ import { motion } from "framer-motion";
import { Col, Row } from "react-bootstrap"; import { Col, Row } from "react-bootstrap";
import { slideFromLeft } from "@/components/reuseables/variants"; import { slideFromLeft } from "@/components/reuseables/variants";
const DigitalFaq = ({ data, heading }) => { const DigitalFaq = ({ data, heading }) => {
console.log(data, "data");
return ( return (
<> <>
<div className="faq-area digital_transformation_faq ptb-50"> <div className="faq-area digital_transformation_faq ptb-50">
...@@ -25,55 +23,62 @@ const DigitalFaq = ({ data, heading }) => { ...@@ -25,55 +23,62 @@ const DigitalFaq = ({ data, heading }) => {
<Heading el="h2" heading={heading} /> <Heading el="h2" heading={heading} />
</div> </div>
<div className="faq-accordion"> <div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={'0'}> <Accordion allowZeroExpanded preExpanded={"0"}>
{data?.WeOfferList && data?.WeOfferList.map((item, index) => ( {data?.WeOfferList &&
data?.WeOfferList.map((item, index) => (
<AccordionItem uuid={item?.id} key={index}> <AccordionItem uuid={item?.id} key={index}>
<AccordionItemHeading> <AccordionItemHeading>
<AccordionItemButton> <AccordionItemButton>{item?.Title}</AccordionItemButton>
{item?.Title}
</AccordionItemButton>
</AccordionItemHeading> </AccordionItemHeading>
<AccordionItemPanel> <AccordionItemPanel>
<p> <p>{item?.Description}</p>
{item?.Description} {item?.Button?.text && (
</p>
{item?.Button?.text &&
<div className="btn-1 mb-4"> <div className="btn-1 mb-4">
<Link href={item?.Button?.URL || "#"} className="default-btn-three"> <Link
href={item?.Button?.URL || "#"}
className="default-btn-three"
>
{item?.Button?.text || ""} {item?.Button?.text || ""}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
} )}
<Row className="align-items-center"> <Row className="align-items-stretch">
{item?.ProductList && item?.ProductList.map((productItem, idx) => ( {item?.ProductList &&
<Col lg={6} md={6} sm={12} > item?.ProductList.map((productItem, idx) => (
<Col
lg={6}
md={6}
sm={12}
key={idx}
className="d-flex"
>
<motion.div <motion.div
variants={slideFromLeft(0.5)} variants={slideFromLeft(0.5)}
initial={"hidden"} initial="hidden"
whileInView={"show"} whileInView="show"
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
className="flex-fill"
> >
<div className="services-box-budget"> <div className="weoffer-box-budget h-100 d-flex flex-column">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<h3>{productItem?.Title}</h3>
<h3>
{productItem?.Title}
</h3>
</div> </div>
<p> {productItem?.Description}</p> <p>{productItem?.Description}</p>
{
item?.Button?.text && {item?.Button?.text && (
<div className="btn-1 mt-auto mb-4">
<Link <Link
href={item?.Button?.URL || "#"} href={item?.Button?.URL || "#"}
className="default-btn" className="default-btn-three"
> >
{item?.Button?.text || ""} {item?.Button?.text || ""}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
} </div>
)}
</div> </div>
</motion.div> </motion.div>
</Col> </Col>
......
container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt.js
...@@ -4,16 +4,35 @@ import Image from 'next/image' ...@@ -4,16 +4,35 @@ import Image from 'next/image'
import React from 'react' import React from 'react'
import { Container } from 'react-bootstrap' import { Container } from 'react-bootstrap'
const DigitalHowWeDoIt = (heading, data) => { const DigitalHowWeDoIt = ({ heading, desktopImage, mobileImage }) => {
console.log(desktopImage, "desktopImage data");
console.log(mobileImage, "mobileImage data");
return ( return (
<Container> <Container className="text-center">
<div className="section-title"> <div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */} <Heading el="h2" heading={heading} />
<Heading el="h2" heading={heading?.heading} />
</div> </div>
<Image src={cleanImage(data?.DesktopImg?.url)} alt={data?.DesktopImg?.alternativeText || "image"} width={1000} height={1000} className='img-fluid d-none d-md-block' />
<Image src={cleanImage(data?.MobileImg?.url)} alt={data?.MobileImg?.alternativeText || "image"} width={1000} height={1000} className='img-fluid d-block d-md-none' /> {desktopImage?.url && (
<Image
src={cleanImage(desktopImage.url)}
alt={desktopImage?.alternativeText || "image"}
width={1000}
height={1000}
className='img-fluid d-none d-md-block'
/>
)}
{mobileImage?.url && (
<Image
src={cleanImage(mobileImage.url)}
alt={mobileImage?.alternativeText || "image"}
width={1000}
height={1000}
className='img-fluid d-block d-md-none'
/>
)}
</Container> </Container>
) )
} }
......
container/Corpedia/LeftSideImage.js
...@@ -16,7 +16,7 @@ const heading = [ ...@@ -16,7 +16,7 @@ const heading = [
]; ];
const LeftSideImage = ({ title, subtitle, image, content, cta }) => { const LeftSideImage = ({ title, subtitle, image, content, cta }) => {
console.log(cta, 'ctactacta'); // console.log(cta, 'ctactacta');
return ( return (
<> <>
......
layout/Header.js
...@@ -67,7 +67,7 @@ const Header = () => { ...@@ -67,7 +67,7 @@ const Header = () => {
}, },
{ {
title: "Advisory Services", title: "Advisory Services",
href: "/client-servicing/ta", href: "/client-servicing/advisory-services",
items: [ items: [
{ name: "Transaction Advisory", href: "/client-servicing/ta" }, { name: "Transaction Advisory", href: "/client-servicing/ta" },
{ name: "Risk Advisory", href: "/client-servicing/ra" }, { name: "Risk Advisory", href: "/client-servicing/ra" },
......
pages/client-servicing/advisory-services/index.js
...@@ -27,6 +27,7 @@ const ClientServicingPage = ({ AdvisoryPage, conversionData }) => { ...@@ -27,6 +27,7 @@ const ClientServicingPage = ({ AdvisoryPage, conversionData }) => {
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
activePageText: AdvisoryPage?.Banner?.Heading, activePageText: AdvisoryPage?.Banner?.Heading,
Description: AdvisoryPage?.Banner?.Description,
}, },
// Add more banners as needed // Add more banners as needed
]; ];
...@@ -58,9 +59,7 @@ const ClientServicingPage = ({ AdvisoryPage, conversionData }) => { ...@@ -58,9 +59,7 @@ const ClientServicingPage = ({ AdvisoryPage, conversionData }) => {
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<div className="ptb-100">
<Overview overview={overview} />
</div>
<WhatWeDo service={serviceData} serviceheading={serviceheading} /> <WhatWeDo service={serviceData} serviceheading={serviceheading} />
<div className="ptb-100 bg-fafafa"> <div className="ptb-100 bg-fafafa">
<PartnerSlider Clientel={Clientel} /> <PartnerSlider Clientel={Clientel} />
......
pages/client-servicing/bespoke.js
...@@ -29,6 +29,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -29,6 +29,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
activePageText: Empoweringpage?.Banner?.Heading, activePageText: Empoweringpage?.Banner?.Heading,
Description: Empoweringpage?.Banner?.Description,
}, },
]; ];
...@@ -62,8 +63,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -62,8 +63,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
case "dynamic-zone.about": case "dynamic-zone.about":
return ( return (
<> <>
<HowWeDoIt heading={section?.Heading}
data={section?.ElementList} />
<LeftSideImage <LeftSideImage
title={section?.Title} title={section?.Title}
subtitle={section?.Subtitle} subtitle={section?.Subtitle}
...@@ -72,6 +72,13 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -72,6 +72,13 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
/> />
</> </>
); );
case "dynamic-zone.card":
return (
<>
<HowWeDoIt heading={section?.Heading}
data={section} />
</>
);
case "dynamic-zone.background": case "dynamic-zone.background":
return ( return (
<RightSideImage <RightSideImage
...@@ -136,6 +143,7 @@ export async function getServerSideProps() { ...@@ -136,6 +143,7 @@ export async function getServerSideProps() {
"BespokeDetails.Image", "BespokeDetails.Image",
"BespokeDetails.Heading", "BespokeDetails.Heading",
"BespokeDetails.DownloadBtn", "BespokeDetails.DownloadBtn",
"BespokeDetails.carddetails.Image",
"BespokeDetails.CTA", "BespokeDetails.CTA",
"Clientel.logos", "Clientel.logos",
"seo", "seo",
......
pages/client-servicing/digital-transformation.js
...@@ -21,7 +21,7 @@ import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/ ...@@ -21,7 +21,7 @@ import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/
const DigitalTransformation = ({ Digitalpage, conversionData }) => { const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
console.log(Digitalpage, "Digitalpage"); // console.log(Digitalpage, "Digitalpage");
const banners = [ const banners = [
{ {
imageSrc: cleanImage(Digitalpage?.Banner?.Image?.url), imageSrc: cleanImage(Digitalpage?.Banner?.Image?.url),
...@@ -29,6 +29,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -29,6 +29,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
activePageText: Digitalpage?.Banner?.Heading, activePageText: Digitalpage?.Banner?.Heading,
Description: Digitalpage?.Banner?.Description,
}, },
]; ];
...@@ -54,7 +55,6 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -54,7 +55,6 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<DigitalFaq />
<div className="cfo-services-area ptb-100"> <div className="cfo-services-area ptb-100">
<section className="cfo-page"> <section className="cfo-page">
{dynamicdata && {dynamicdata &&
...@@ -95,7 +95,8 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -95,7 +95,8 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<> <>
<DigitalHowWeDoIt <DigitalHowWeDoIt
heading={section?.Heading} heading={section?.Heading}
data={section} desktopImage={section?.DesktopImg}
mobileImage={section?.MobileImg}
/> />
</> </>
); );
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -30,6 +30,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -30,6 +30,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
activePageText: Empoweringpage?.Banner?.Heading, activePageText: Empoweringpage?.Banner?.Heading,
Description: Empoweringpage?.Banner?.Description,
}, },
]; ];
...@@ -90,7 +91,8 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -90,7 +91,8 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<> <>
<DigitalHowWeDoIt <DigitalHowWeDoIt
heading={section?.Heading} heading={section?.Heading}
data={section} desktopImage={section?.DesktopImg}
mobileImage={section?.MobileImg}
/> />
</> </>
); );
...@@ -159,7 +161,7 @@ export async function getServerSideProps() { ...@@ -159,7 +161,7 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.DesktopImg", "EmpoweringFinanceDetails.DesktopImg",
"EmpoweringFinanceDetails.MobileImg", "EmpoweringFinanceDetails.MobileImg",
"Clientel.logos", "Clientel.logos",
"FAQ.FAQList", // "FAQ.FAQList",
"seo", "seo",
"seo.metaImage", "seo.metaImage",
"seo.schema", "seo.schema",
......
pages/client-servicing/gcc.js
...@@ -15,6 +15,7 @@ import { useEffect } from "react"; ...@@ -15,6 +15,7 @@ import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog"; import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice"; import { fetchBlogList } from "@/redux/slices/bloglistslice";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
const clientservicecfo = ({ gccpage, conversionData }) => { const clientservicecfo = ({ gccpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
...@@ -26,6 +27,7 @@ const clientservicecfo = ({ gccpage, conversionData }) => { ...@@ -26,6 +27,7 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
homePageUrl: "/", homePageUrl: "/",
homePageText: "Home", homePageText: "Home",
activePageText: gccpage?.Banner?.Heading, activePageText: gccpage?.Banner?.Heading,
Description:gccpage?.Banner?.Description,
}, },
]; ];
...@@ -101,7 +103,13 @@ const clientservicecfo = ({ gccpage, conversionData }) => { ...@@ -101,7 +103,13 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
cta={section.CTA} cta={section.CTA}
/> />
); );
case "dynamic-zone.card":
return (
<>
<HowWeDoIt heading={section?.Heading}
data={section} />
</>
);
default: default:
return null; return null;
} }
...@@ -129,6 +137,7 @@ export async function getServerSideProps() { ...@@ -129,6 +137,7 @@ export async function getServerSideProps() {
"GccDetails.Image", "GccDetails.Image",
"GccDetails.Heading", "GccDetails.Heading",
"GccDetails.DownloadBtn", "GccDetails.DownloadBtn",
"GccDetails.carddetails.Image",
"GccDetails.CTA", "GccDetails.CTA",
"Clientel.logos", "Clientel.logos",
"seo", "seo",
......
styles/styles.css
...@@ -8482,14 +8482,17 @@ ul.pagination.custom-pagination { ...@@ -8482,14 +8482,17 @@ ul.pagination.custom-pagination {
color: var(--mainColor); color: var(--mainColor);
} }
.section-title-download h2 { /* .section-title-download h2 {
color: #fff; color: #fff;
} }
.section-title-download p { .section-title-download p {
color: #fff; color: #fff;
} } */
.services-box{
}
/* button */ /* button */
...@@ -8877,7 +8880,6 @@ ul.pagination.custom-pagination { ...@@ -8877,7 +8880,6 @@ ul.pagination.custom-pagination {
.HowWeDoIt_card { .HowWeDoIt_card {
position: relative; position: relative;
/* width: 300px; */ /* width: 300px; */
height: 300px;
border-radius: 10px; border-radius: 10px;
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
...@@ -8885,6 +8887,19 @@ ul.pagination.custom-pagination { ...@@ -8885,6 +8887,19 @@ ul.pagination.custom-pagination {
transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;
} }
.HowWeDoIt_card img {
width: 100%;
height: auto;
object-fit: cover;
}
/* .HowWeDoIt_card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} */
.HowWeDoIt_card:hover { .HowWeDoIt_card:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
} }
...@@ -9631,3 +9646,31 @@ ul.pagination.custom-pagination { ...@@ -9631,3 +9646,31 @@ ul.pagination.custom-pagination {
opacity: 0; opacity: 0;
transform: scale(0.9); transform: scale(0.9);
} }
.weoffer-box-budget {
margin-bottom: 30px;
background-color: var(--whiteColor);
transition: var(--transition);
border-radius: 10px;
padding: 30px;
border: 1px solid;
height: 100%;
}
.weoffer-box-budget h3 {
margin-bottom: 0;
font-size: 20px;
line-height: 28px
}
.weoffer-box-budget p {
margin-top: 15px;
}
.weoffer-box-budget .default-btn {
margin-top: 8px;
}
.weoffer-box-budget:hover {
box-shadow: 0 7px 30px -10px rgba(133, 153, 162, 0.3);
background-color: var(--whiteColor);
}
\ No newline at end of file \ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!