Skip to content

sujata / advithconsulting.io-frontend

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

whatwewhatbanner

1 parent 03645bf4
Inline Side-by-side
Showing 2 changed files with 44 additions and 33 deletions
container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js
import { cleanImage } from '@/layout/imageHandling' import { cleanImage } from "@/layout/imageHandling";
import React from 'react' import Link from "next/link";
import { Col, Container, Row } from 'react-bootstrap' import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const WhatWeDoWhatDontDo = (heading, data, image) => { const WhatWeDoWhatDontDo = (heading, image,cta) => {
console.log(heading, "WhatWeDoWhatDontDo") const data = heading?.data;
const image2 = heading?.image; const cta = heading?.data;
const data2 = heading?.data?.list;
// console.log(image2, "WhatWeDoWhatDontDo") console.log(cta, "WhatWeDoWhatDontDo");
const backgroundImageUrl = cleanImage(image?.url); console.log(data,"dat")
console.log(backgroundImageUrl, "backgroundImageUrl") const backgroundImageUrl = cleanImage(heading?.image?.url);
console.log(backgroundImageUrl, "backgroundImageUrl");
return ( return (
<div className='' style={{ <div
className=""
style={{
backgroundImage: `url(${backgroundImageUrl})`, backgroundImage: `url(${backgroundImageUrl})`,
backgroundSize: 'cover', backgroundSize: "cover",
backgroundPosition: 'center', backgroundPosition: "center",
backgroundRepeat: 'no-repeat', backgroundRepeat: "no-repeat",
padding: '60px 0' padding: "60px 0",
}}> }}
>
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={12}> <Col md={12}>
<h2>{data?.Title}</h2> <h2>{heading?.heading?.Title}</h2>
</Col> </Col>
{/* <Col lg={6} md={12}> */}
<div className="call-back-request-text"> <Col md={9}>
<span className="sub-title">{data?.subtitle}</span> {data.map((item) => (
{/* <Heading el="h2" heading={title} className="h2" /> */} <div className="download-content">
<h2>{data?.title}</h2> <h2>{item?.Title}</h2>
{/* <p>{description}</p> */}
<div </div>
className="content" ))}
dangerouslySetInnerHTML={{ __html: data?.content }} </Col>
/> <Col md={3} className="align-content-center text-center">
<div className="btn-1">
<Link href={cta?.URL || '#'} className="default-btn-three">
{cta?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div> </div>
{/* </Col> */} </Col>
</Row> </Row>
</Container> </Container>
</div> </div>
) );
} };
export default WhatWeDoWhatDontDo
\ No newline at end of file \ No newline at end of file
export default WhatWeDoWhatDontDo;
pages/client-servicing/empowering-finance-consultants.js
...@@ -103,6 +103,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -103,6 +103,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
heading={section?.Heading} heading={section?.Heading}
data={section?.list} data={section?.list}
image={section?.BackgroundBanner} image={section?.BackgroundBanner}
cta={section.CTA}
/> />
</> </>
); );
...@@ -163,7 +164,7 @@ export async function getServerSideProps() { ...@@ -163,7 +164,7 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.carddetails", "EmpoweringFinanceDetails.carddetails",
"EmpoweringFinanceDetails.DesktopImg", "EmpoweringFinanceDetails.DesktopImg",
"EmpoweringFinanceDetails.MobileImg", "EmpoweringFinanceDetails.MobileImg",
"EmpoweringFinanceDetails.list", // "EmpoweringFinanceDetails.WhatWedoBanner.CTA",
"EmpoweringFinanceDetails.BackgroundBanner", "EmpoweringFinanceDetails.BackgroundBanner",
"Clientel.logos", "Clientel.logos",
// "FAQ.FAQList", // "FAQ.FAQList",
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!