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 53 additions and 42 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);
return ( console.log(backgroundImageUrl, "backgroundImageUrl");
<div className='' style={{ return (
backgroundImage: `url(${backgroundImageUrl})`, <div
backgroundSize: 'cover', className=""
backgroundPosition: 'center', style={{
backgroundRepeat: 'no-repeat', backgroundImage: `url(${backgroundImageUrl})`,
padding: '60px 0' backgroundSize: "cover",
}}> backgroundPosition: "center",
<Container> backgroundRepeat: "no-repeat",
<Row className="align-items-center"> padding: "60px 0",
<Col lg={12}> }}
<h2>{data?.Title}</h2> >
</Col> <Container>
{/* <Col lg={6} md={12}> */} <Row className="align-items-center">
<div className="call-back-request-text"> <Col md={12}>
<span className="sub-title">{data?.subtitle}</span> <h2>{heading?.heading?.Title}</h2>
{/* <Heading el="h2" heading={title} className="h2" /> */} </Col>
<h2>{data?.title}</h2>
{/* <p>{description}</p> */}
<div
className="content"
dangerouslySetInnerHTML={{ __html: data?.content }}
/>
</div>
{/* </Col> */}
</Row>
</Container>
</div>
)
}
export default WhatWeDoWhatDontDo
\ No newline at end of file \ No newline at end of file
<Col md={9}>
{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={cta?.URL || '#'} className="default-btn-three">
{cta?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</Col>
</Row>
</Container>
</div>
);
};
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!