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