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 245 additions and 187 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 = [ return (
// { <section className="HowWeDoIt-section ptb-100">
// subTitle: "Step 1", <Container>
// title: "Step 1 Discovery", <div className="section-title">
// desc: "Assess the business model, industry context, and internal processes", <span className="sub-title">{heading?.Subtitle}</span>
// image: "/images/client-service/cfo.webp", <Heading el="h2" heading={heading?.Title} />
// }, </div>
// { <p
// subTitle: "Step 2", className=" text-center text-black mb-4 mb-lg-5"
// title: "Step 1 Discovery", dangerouslySetInnerHTML={{ __html: heading?.Description }}
// desc: "Assess the business model, industry context, and internal processes", ></p>
// image: "/images/client-service/Client_Servicing-CFO.webp", <Row className="row-gap-4 justify-content-center">
// }, {data?.carddetails &&
// { data?.carddetails.map((item, index) => (
// subTitle: "Step 1", <Col md={4} key={index}>
// title: "Step 1 Discovery", <div className="HowWeDoIt_card ">
// desc: "Assess the business model, industry context, and internal processes", <h2>{item?.Title}</h2>
// image: "/images/client-service/cfo.webp", {/* <Image
// }, src={cleanImage(item?.Image?.url)}
// { alt=""
// subTitle: "Step 1", className="img-fluid position-relative object-cover"
// title: "Step 1 Discovery", fill
// desc: "Assess the business model, industry context, and internal processes", /> */}
// image: "/images/client-service/cfo.webp", <img
// }, src={cleanImage(item?.Image?.url)}
// { alt={item?.Title || "Image"}
// subTitle: "Step 1", style={{
// title: "Step 1 Discovery", width: "100%",
// desc: "Assess the business model, industry context, and internal processes", height: "100%",
// image: "/images/client-service/cfo.webp", objectFit: "cover",
// }, display: "block",
// { }}
// subTitle: "Step 1", />
// title: "Step 1 Discovery", <div className="HowWeDoIt_card_content">
// 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", <h4>{item?.Title}</h4>
// image: "/images/client-service/cfo.webp", <div
// }, dangerouslySetInnerHTML={{ __html: item?.Description }}
// ] ></div>
</div>
return (
<section className="HowWeDoIt-section ptb-100">
<Container>
<div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span>
<Heading el="h2" heading={heading?.Title} />
</div> </div>
<p className=" text-center text-black mb-4 mb-lg-5" dangerouslySetInnerHTML={{ __html: heading?.Description }}></p> </Col>
<Row className='row-gap-4 h-auto justify-content-center'> ))}
{ </Row>
data?.carddetails && data?.carddetails.map((item, index) => ( </Container>
<Col className='' lg={4} md={6} key={index}> </section>
<div className='HowWeDoIt_card h-100'> );
<h2>{item?.Title}</h2> };
<Image
aria-hidden="true"
alt={"image"}
src={cleanImage(item?.Image?.url)}
width={1000}
height={1000}
className="img-fluid"
/>
<div className='HowWeDoIt_card_content'>
<h4>{item?.Title}</h4>
<div dangerouslySetInnerHTML={{ __html: item?.Description }}></div>
</div>
</div>
</Col>
))
}
</Row>
</Container>
</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";
import { import {
Accordion, Accordion,
AccordionItem, AccordionItem,
AccordionItemHeading, AccordionItemHeading,
AccordionItemButton, AccordionItemButton,
AccordionItemPanel, AccordionItemPanel,
} from "react-accessible-accordion"; } from "react-accessible-accordion";
import { motion } from "framer-motion"; 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 }) => {
return ( console.log(data, "data");
<> return (
<div className="faq-area digital_transformation_faq ptb-50"> <>
<div className="container"> <div className="faq-area digital_transformation_faq ptb-50">
<div className="section-title"> <div className="container">
{/* <span className="sub-title">{heading.Subtitle}</span> */} <div className="section-title">
<Heading el="h2" heading={heading} /> {/* <span className="sub-title">{heading.Subtitle}</span> */}
</div> <Heading el="h2" heading={heading} />
<div className="faq-accordion"> </div>
<Accordion allowZeroExpanded preExpanded={'0'}> <div className="faq-accordion">
{data?.WeOfferList && data?.WeOfferList.map((item, index) => ( <Accordion allowZeroExpanded preExpanded={"0"}>
<AccordionItem uuid={item?.id} key={index}> {data?.WeOfferList &&
<AccordionItemHeading> data?.WeOfferList.map((item, index) => (
<AccordionItemButton> <AccordionItem uuid={item?.id} key={index}>
{item?.Title} <AccordionItemHeading>
</AccordionItemButton> <AccordionItemButton>{item?.Title}</AccordionItemButton>
</AccordionItemHeading> </AccordionItemHeading>
<AccordionItemPanel> <AccordionItemPanel>
<p> <p>{item?.Description}</p>
{item?.Description} {item?.Button?.text && (
</p> <div className="btn-1 mb-4">
{item?.Button?.text && <Link
<div className="btn-1 mb-4"> href={item?.Button?.URL || "#"}
<Link href={item?.Button?.URL || "#"} className="default-btn-three"> className="default-btn-three"
{item?.Button?.text || ""} >
<i className="ri-arrow-right-line"></i> {item?.Button?.text || ""}
</Link> <i className="ri-arrow-right-line"></i>
</div> </Link>
} </div>
<Row className="align-items-center"> )}
{item?.ProductList && item?.ProductList.map((productItem, idx) => ( <Row className="align-items-stretch">
<Col lg={6} md={6} sm={12} > {item?.ProductList &&
<motion.div item?.ProductList.map((productItem, idx) => (
variants={slideFromLeft(0.5)} <Col
initial={"hidden"} lg={6}
whileInView={"show"} md={6}
viewport={{ once: false, amount: 0.4 }} sm={12}
> key={idx}
<div className="services-box-budget"> className="d-flex"
<div className="d-flex align-items-center"> >
<motion.div
variants={slideFromLeft(0.5)}
initial="hidden"
whileInView="show"
viewport={{ once: false, amount: 0.4 }}
className="flex-fill"
>
<div className="weoffer-box-budget h-100 d-flex flex-column">
<div className="d-flex align-items-center">
<h3>{productItem?.Title}</h3>
</div>
<h3> <p>{productItem?.Description}</p>
{productItem?.Title}
</h3>
</div>
<p> {productItem?.Description}</p> {item?.Button?.text && (
{ <div className="btn-1 mt-auto mb-4">
item?.Button?.text && <Link
<Link href={item?.Button?.URL || "#"}
href={item?.Button?.URL || "#"} className="default-btn-three"
className="default-btn" >
> {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>
))} ))}
</Row> </Row>
</AccordionItemPanel> </AccordionItemPanel>
</AccordionItem> </AccordionItem>
))} ))}
</Accordion> </Accordion>
</div> </div>
</div> </div>
</div> </div>
</> </>
); );
}; };
export default DigitalFaq;
\ No newline at end of file \ No newline at end of file
export default DigitalFaq;
container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt.js
...@@ -4,18 +4,37 @@ import Image from 'next/image' ...@@ -4,18 +4,37 @@ 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>
) )
} }
export default DigitalHowWeDoIt
\ No newline at end of file \ No newline at end of file
export default DigitalHowWeDoIt
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 &&
...@@ -93,10 +93,11 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -93,10 +93,11 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
case "dynamic-zone.image": case "dynamic-zone.image":
return ( return (
<> <>
<DigitalHowWeDoIt <DigitalHowWeDoIt
heading={section?.Heading} heading={section?.Heading}
data={section} desktopImage={section?.DesktopImg}
/> mobileImage={section?.MobileImg}
/>
</> </>
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
......
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,
}, },
]; ];
...@@ -88,10 +89,11 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -88,10 +89,11 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
case "dynamic-zone.image": case "dynamic-zone.image":
return ( return (
<> <>
<DigitalHowWeDoIt <DigitalHowWeDoIt
heading={section?.Heading} heading={section?.Heading}
data={section} desktopImage={section?.DesktopImg}
/> mobileImage={section?.MobileImg}
/>
</> </>
); );
case "dynamic-zone.background": case "dynamic-zone.background":
...@@ -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);
} }
...@@ -9630,4 +9645,32 @@ ul.pagination.custom-pagination { ...@@ -9630,4 +9645,32 @@ ul.pagination.custom-pagination {
.custom-card:hover .card-badge { .custom-card:hover .card-badge {
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!