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 136 additions and 91 deletions
components/reuseables/Faq.js
......@@ -10,22 +10,23 @@ import {
} from "react-accessible-accordion";
import Heading from "./Heading";
const FaqContent = ({ data }) => {
const FaqContent = ({ data,title }) => {
// console.log(data,"data")
return (
<>
<div className="faq-area">
<div className="container">
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={data?.Title} />
<Heading el="h2" heading={title} />
</div>
<div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={'0'}>
{data?.FAQList?.map((item, index) => (
{data?.map((item, index) => (
<AccordionItem uuid={index.toString()} key={index}>
<AccordionItemHeading>
<AccordionItemButton>
{item.Question}
{item.Title}
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
......@@ -33,38 +34,6 @@ const FaqContent = ({ data }) => {
</AccordionItemPanel>
</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>
</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
......@@ -4,48 +4,57 @@ import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const WhatWeDoWhatDontDo = (heading, image, cta) => {
const data = heading?.data;
const ctaBtn = heading?.cta;
// console.log(ctaBtn, "WhatWeDoWhatDontDo");git
console.log(data, "dat")
const backgroundImageUrl = cleanImage(heading?.image?.url);
console.log(backgroundImageUrl, "backgroundImageUrl");
return (
<div
className=""
style={{
backgroundImage: `url(${backgroundImageUrl})`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
padding: "60px 0",
}}
>
<Container>
<Row className="align-items-center">
<Col md={12}>
<h2>{heading?.heading?.Title}</h2>
</Col>
const data = heading?.data;
const ctaBtn = heading?.cta;
const backgroundImageUrl = cleanImage(heading?.image?.url);
return (
<section className="ptb-50">
<div
className=""
style={{
backgroundImage: `url(${backgroundImageUrl})`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
padding: "60px 0",
}}
>
<Container>
<Row className="align-items-center">
<Col md={12}>
<h2>{heading?.heading?.Title}</h2>
</Col>
{/* <Col md={9}>
{data && data.map((item) => (
<div className="download-content">
<h2>{item?.Title}</h2>
</div>
))}
</Col> */}
<Col md={3} className="align-content-center text-center">
<div className="btn-1">
<Link href={ctaBtn?.URL || '#'} className="default-btn-three">
{ctaBtn?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</Col>
</Row>
</Container>
</div>
);
<Col md={9}>
<Row>
{data &&
data.map((item, index) => (
<Col md={6} key={index}>
<div className="download-content">
<h2>{item?.Title}</h2>
<div
className="Description"
dangerouslySetInnerHTML={{ __html: item.Description }}
/>
</div>
</Col>
))}
</Row>
</Col>
<Col md={3} className="align-content-center text-center">
<div className="btn-1">
<Link href={ctaBtn?.URL || "#"} className="default-btn-three">
{ctaBtn?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</Col>
</Row>
</Container>
</div>
</section>
);
};
export default WhatWeDoWhatDontDo;
container/Home/HomeBanner.js
......@@ -112,7 +112,7 @@ const HomeBanner = ({ banner }) => {
</Col>
<Col lg={5} md={12}>
<div className="main-banner-image">
{/* <div className="main-banner-image">
<Image
fill
src={cleanImage(item?.Desktopbanner?.url)}
......@@ -125,7 +125,7 @@ const HomeBanner = ({ banner }) => {
alt={item?.Mobilebanner?.alternativeText ? item?.Mobilebanner?.alternativeText : "image"}
className="image-fluid image d-block d-md-none"
/>
</div>
</div> */}
</Col>
</Row>
</Container>
......
pages/client-servicing/bespoke.js
......@@ -17,11 +17,12 @@ 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";
import WeOffer from "@/container/ClientServicing/Bespoke/WeOffer";
const Bespoke = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage");
// console.log(Empoweringpage, "Empoweringpage");
const banners = [
{
imageSrc: cleanImage(Empoweringpage?.Banner?.Image?.url),
......@@ -54,7 +55,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
<Seo seo={seo} />
<ConversionCode code={code} />
<PageBanner banners={banners} />
<div className="cfo-services-area ptb-100">
<div className="cfo-services-area ptb-50">
<section className="cfo-page">
{dynamicdata &&
dynamicdata?.map((section, index) => {
......@@ -75,7 +76,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
case "dynamic-zone.card":
return (
<>
<HowWeDoIt heading={section?.Heading}
<WeOffer heading={section?.Heading}
data={section} />
</>
);
......
pages/client-servicing/empowering-finance-consultants.js
......@@ -22,7 +22,7 @@ import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceCon
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage");
// console.log(Empoweringpage, "Empoweringpage");
const banners = [
{
imageSrc: cleanImage(Empoweringpage?.Banner?.Image?.url),
......@@ -35,7 +35,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
];
const dynamicdata = Empoweringpage?.EmpoweringFinanceDetails;
console.log("dynamicdata", dynamicdata);
// console.log("dynamicdata", dynamicdata);
const clientlogo = Empoweringpage?.Clientel;
......@@ -59,7 +59,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<section className="cfo-page">
{dynamicdata &&
dynamicdata?.map((section, index) => {
console.log("sectionemp", section);
// console.log("sectionemp", section);
switch (section.__component) {
case "dynamic-zone.about":
return (
......@@ -130,6 +130,13 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
cta={section.CTA}
/>
);
case "dynamic-zone.faq":
return (
<FaqContent
title={section?.Title}
data={section?.FAQList}
/>
);
default:
return null;
......@@ -137,7 +144,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
})}
</section>
</div>
<FaqContent data={Empoweringpage?.FAQ} />
<div className="ptb-50">
<Clientele partners={clientlogo} />
</div>
......@@ -164,9 +171,10 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.carddetails",
"EmpoweringFinanceDetails.DesktopImg",
"EmpoweringFinanceDetails.MobileImg",
// "EmpoweringFinanceDetails.WhatWedoBanner.CTA",
"EmpoweringFinanceDetails.list",
"EmpoweringFinanceDetails.BackgroundBanner",
"Clientel.logos",
"EmpoweringFinanceDetails.FAQList",
// "FAQ.FAQList",
"seo",
"seo.metaImage",
......@@ -189,7 +197,7 @@ export async function getServerSideProps() {
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}`;
console.log(`Final url: ${endpoint1}`);
// console.log(`Final url: ${endpoint1}`);
const [response1, response2] = await Promise.all([
axios.get(endpoint1),
......@@ -203,6 +211,6 @@ export async function getServerSideProps() {
props: { Empoweringpage, conversionData },
};
} catch (error) {
console.log("Error", error);
// console.log("Error", error);
}
}
styles/styles.css
......@@ -6206,8 +6206,8 @@ FAQ Area CSS
}
.faq-accordion .accordion .accordion__item .accordion__button:not(.collapsed) {
color: var(--blackColor);
background-color: transparent;
color: #fff;
background-color: var(--mainColor);
}
.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!