Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 3be072a7 by sujata
Options

chnages

1 parent 5b51ae90
Inline Side-by-side
Showing 7 changed files with 102 additions and 57 deletions
components/reuseables/Faq.js
...@@ -10,22 +10,23 @@ import { ...@@ -10,22 +10,23 @@ import {
} from "react-accessible-accordion"; } from "react-accessible-accordion";
import Heading from "./Heading"; import Heading from "./Heading";
const FaqContent = ({ data }) => { const FaqContent = ({ data,title }) => {
// console.log(data,"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={data?.Title} /> <Heading el="h2" heading={title} />
</div> </div>
<div className="faq-accordion"> <div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={'0'}> <Accordion allowZeroExpanded preExpanded={'0'}>
{data?.FAQList?.map((item, index) => ( {data?.map((item, index) => (
<AccordionItem uuid={index.toString()} key={index}> <AccordionItem uuid={index.toString()} key={index}>
<AccordionItemHeading> <AccordionItemHeading>
<AccordionItemButton> <AccordionItemButton>
{item.Question} {item.Title}
</AccordionItemButton> </AccordionItemButton>
</AccordionItemHeading> </AccordionItemHeading>
<AccordionItemPanel> <AccordionItemPanel>
...@@ -33,38 +34,6 @@ const FaqContent = ({ data }) => { ...@@ -33,38 +34,6 @@ const FaqContent = ({ data }) => {
</AccordionItemPanel> </AccordionItemPanel>
</AccordionItem> </AccordionItem>
))} ))}
{/* <AccordionItem uuid="b">
<AccordionItemHeading>
<AccordionItemButton>
Are we asking you to outsource your client work to us?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<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.
</p>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem uuid="c">
<AccordionItemHeading>
<AccordionItemButton>
Is this a plug-n-play?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<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.
</p>
</AccordionItemPanel>
</AccordionItem> */}
</Accordion> </Accordion>
</div> </div>
</div> </div>
......
container/ClientServicing/Bespoke/WeOffer.js 0 → 100644
import Heading from "@/components/reuseables/Heading";
import { cleanImage } from "@/layout/imageHandling";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const WeOffer = ({ data, heading }) => {
// console.log(data, "datadata");
return (
<section className="HowWeDoIt-section">
<Container fluid className="ps-5 pe-5">
<div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span>
<Heading el="h2" heading={heading?.Title} />
</div>
<div
className=" text-center text-black mb-4 mb-lg-5"
dangerouslySetInnerHTML={{ __html: heading?.Description }}
></div>
<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
src={cleanImage(item?.Image?.url)}
alt=""
className="img-fluid position-relative object-cover"
fill
/> */}
<img
src={cleanImage(item?.Image?.url)}
alt={item?.Title || "Image"}
style={{
width: "100%",
height: "100%",
objectFit: "cover",
display: "block",
}}
/>
<div className="HowWeDoIt_card_content">
<h4>{item?.Title}</h4>
<div
dangerouslySetInnerHTML={{ __html: item?.Description }}
></div>
</div>
</div>
</Col>
))}
</Row>
</Container>
</section>
);
};
export default WeOffer;
container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js
...@@ -6,11 +6,10 @@ import { Col, Container, Row } from "react-bootstrap"; ...@@ -6,11 +6,10 @@ import { Col, Container, Row } from "react-bootstrap";
const WhatWeDoWhatDontDo = (heading, image, cta) => { const WhatWeDoWhatDontDo = (heading, image, cta) => {
const data = heading?.data; const data = heading?.data;
const ctaBtn = heading?.cta; const ctaBtn = heading?.cta;
// console.log(ctaBtn, "WhatWeDoWhatDontDo");git
console.log(data, "dat")
const backgroundImageUrl = cleanImage(heading?.image?.url); const backgroundImageUrl = cleanImage(heading?.image?.url);
console.log(backgroundImageUrl, "backgroundImageUrl");
return ( return (
<section className="ptb-50">
<div <div
className="" className=""
style={{ style={{
...@@ -27,16 +26,25 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => { ...@@ -27,16 +26,25 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => {
<h2>{heading?.heading?.Title}</h2> <h2>{heading?.heading?.Title}</h2>
</Col> </Col>
{/* <Col md={9}> <Col md={9}>
{data && data.map((item) => ( <Row>
{data &&
data.map((item, index) => (
<Col md={6} key={index}>
<div className="download-content"> <div className="download-content">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
<div
className="Description"
dangerouslySetInnerHTML={{ __html: item.Description }}
/>
</div> </div>
</Col>
))} ))}
</Col> */} </Row>
</Col>
<Col md={3} className="align-content-center text-center"> <Col md={3} className="align-content-center text-center">
<div className="btn-1"> <div className="btn-1">
<Link href={ctaBtn?.URL || '#'} className="default-btn-three"> <Link href={ctaBtn?.URL || "#"} className="default-btn-three">
{ctaBtn?.text} {ctaBtn?.text}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
...@@ -45,6 +53,7 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => { ...@@ -45,6 +53,7 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => {
</Row> </Row>
</Container> </Container>
</div> </div>
</section>
); );
}; };
......
container/Home/HomeBanner.js
...@@ -112,7 +112,7 @@ const HomeBanner = ({ banner }) => { ...@@ -112,7 +112,7 @@ const HomeBanner = ({ banner }) => {
</Col> </Col>
<Col lg={5} md={12}> <Col lg={5} md={12}>
<div className="main-banner-image"> {/* <div className="main-banner-image">
<Image <Image
fill fill
src={cleanImage(item?.Desktopbanner?.url)} src={cleanImage(item?.Desktopbanner?.url)}
...@@ -125,7 +125,7 @@ const HomeBanner = ({ banner }) => { ...@@ -125,7 +125,7 @@ const HomeBanner = ({ banner }) => {
alt={item?.Mobilebanner?.alternativeText ? item?.Mobilebanner?.alternativeText : "image"} alt={item?.Mobilebanner?.alternativeText ? item?.Mobilebanner?.alternativeText : "image"}
className="image-fluid image d-block d-md-none" className="image-fluid image d-block d-md-none"
/> />
</div> </div> */}
</Col> </Col>
</Row> </Row>
</Container> </Container>
......
pages/client-servicing/bespoke.js
...@@ -17,11 +17,12 @@ import { useDispatch, useSelector } from "react-redux"; ...@@ -17,11 +17,12 @@ 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"; import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
import WeOffer from "@/container/ClientServicing/Bespoke/WeOffer";
const Bespoke = ({ Empoweringpage, conversionData }) => { const Bespoke = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage"); // console.log(Empoweringpage, "Empoweringpage");
const banners = [ const banners = [
{ {
imageSrc: cleanImage(Empoweringpage?.Banner?.Image?.url), imageSrc: cleanImage(Empoweringpage?.Banner?.Image?.url),
...@@ -54,7 +55,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -54,7 +55,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<div className="cfo-services-area ptb-100"> <div className="cfo-services-area ptb-50">
<section className="cfo-page"> <section className="cfo-page">
{dynamicdata && {dynamicdata &&
dynamicdata?.map((section, index) => { dynamicdata?.map((section, index) => {
...@@ -75,7 +76,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -75,7 +76,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
case "dynamic-zone.card": case "dynamic-zone.card":
return ( return (
<> <>
<HowWeDoIt heading={section?.Heading} <WeOffer heading={section?.Heading}
data={section} /> data={section} />
</> </>
); );
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -22,7 +22,7 @@ import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceCon ...@@ -22,7 +22,7 @@ import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceCon
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage"); // console.log(Empoweringpage, "Empoweringpage");
const banners = [ const banners = [
{ {
imageSrc: cleanImage(Empoweringpage?.Banner?.Image?.url), imageSrc: cleanImage(Empoweringpage?.Banner?.Image?.url),
...@@ -35,7 +35,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -35,7 +35,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;
...@@ -59,7 +59,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -59,7 +59,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<section className="cfo-page"> <section className="cfo-page">
{dynamicdata && {dynamicdata &&
dynamicdata?.map((section, index) => { dynamicdata?.map((section, index) => {
console.log("sectionemp", section); // console.log("sectionemp", section);
switch (section.__component) { switch (section.__component) {
case "dynamic-zone.about": case "dynamic-zone.about":
return ( return (
...@@ -130,6 +130,13 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -130,6 +130,13 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
cta={section.CTA} cta={section.CTA}
/> />
); );
case "dynamic-zone.faq":
return (
<FaqContent
title={section?.Title}
data={section?.FAQList}
/>
);
default: default:
return null; return null;
...@@ -137,7 +144,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -137,7 +144,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
})} })}
</section> </section>
</div> </div>
<FaqContent data={Empoweringpage?.FAQ} />
<div className="ptb-50"> <div className="ptb-50">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
</div> </div>
...@@ -164,9 +171,10 @@ export async function getServerSideProps() { ...@@ -164,9 +171,10 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.carddetails", "EmpoweringFinanceDetails.carddetails",
"EmpoweringFinanceDetails.DesktopImg", "EmpoweringFinanceDetails.DesktopImg",
"EmpoweringFinanceDetails.MobileImg", "EmpoweringFinanceDetails.MobileImg",
// "EmpoweringFinanceDetails.WhatWedoBanner.CTA", "EmpoweringFinanceDetails.list",
"EmpoweringFinanceDetails.BackgroundBanner", "EmpoweringFinanceDetails.BackgroundBanner",
"Clientel.logos", "Clientel.logos",
"EmpoweringFinanceDetails.FAQList",
// "FAQ.FAQList", // "FAQ.FAQList",
"seo", "seo",
"seo.metaImage", "seo.metaImage",
...@@ -189,7 +197,7 @@ export async function getServerSideProps() { ...@@ -189,7 +197,7 @@ export async function getServerSideProps() {
const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/empowering-finance-page?${query1String}`; const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/empowering-finance-page?${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([
axios.get(endpoint1), axios.get(endpoint1),
...@@ -203,6 +211,6 @@ export async function getServerSideProps() { ...@@ -203,6 +211,6 @@ export async function getServerSideProps() {
props: { Empoweringpage, conversionData }, props: { Empoweringpage, conversionData },
}; };
} catch (error) { } catch (error) {
console.log("Error", error); // console.log("Error", error);
} }
} }
styles/styles.css
...@@ -6206,8 +6206,8 @@ FAQ Area CSS ...@@ -6206,8 +6206,8 @@ FAQ Area CSS
} }
.faq-accordion .accordion .accordion__item .accordion__button:not(.collapsed) { .faq-accordion .accordion .accordion__item .accordion__button:not(.collapsed) {
color: var(--blackColor); color: #fff;
background-color: transparent; background-color: var(--mainColor);
} }
.faq-accordion .accordion .accordion__item .accordion__button:not(.collapsed)::after { .faq-accordion .accordion .accordion__item .accordion__button:not(.collapsed)::after {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!