Commit 47f43614 by gaurav

btn issues fixed

1 parent e5e0d40a
...@@ -3,51 +3,49 @@ import Link from "next/link"; ...@@ -3,51 +3,49 @@ import Link from "next/link";
import React from "react"; import React from "react";
import { Col, Container, Row } from "react-bootstrap"; 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 cta = heading?.data; const ctaBtn = heading?.cta;
// console.log(ctaBtn, "WhatWeDoWhatDontDo");
console.log(cta, "WhatWeDoWhatDontDo"); console.log(heading, "dat")
console.log(data,"dat") const backgroundImageUrl = cleanImage(heading?.image?.url);
const backgroundImageUrl = cleanImage(heading?.image?.url); console.log(backgroundImageUrl, "backgroundImageUrl");
console.log(backgroundImageUrl, "backgroundImageUrl"); return (
return ( <div
<div className=""
className="" style={{
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 md={12}>
<Col md={12}> <h2>{heading?.heading?.Title}</h2>
<h2>{heading?.heading?.Title}</h2> </Col>
</Col>
<Col md={9}> <Col md={9}>
{data.map((item) => ( {data && data.map((item) => (
<div className="download-content"> <div className="download-content">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
</div>
</div> ))}
))} </Col>
</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={cta?.URL || '#'} className="default-btn-three"> {ctaBtn?.text}
{cta?.text} <i className="ri-arrow-right-line"></i>
<i className="ri-arrow-right-line"></i> </Link>
</Link> </div>
</div> </Col>
</Col> </Row>
</Row> </Container>
</Container> </div>
</div> );
);
}; };
export default WhatWeDoWhatDontDo; export default WhatWeDoWhatDontDo;
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!