Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 1733cff2 by sujata
Options

add compoent in dynamic zone

1 parent d44aa63c
Inline Side-by-side
Showing 4 changed files with 29 additions and 17 deletions
container/ClientServicing/EmpoweringFinanceConsultants/WeOffer.js
...@@ -22,7 +22,7 @@ const WeOffer = (data) => { ...@@ -22,7 +22,7 @@ const WeOffer = (data) => {
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
> >
<div className="services-box-budget"> <div className="weoffer-box-budget">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<h3> <h3>
{item?.Title} {item?.Title}
......
container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js
import { cleanImage } from '@/layout/imageHandling' import { cleanImage } from '@/layout/imageHandling'
import Image from 'next/image'
import React from 'react' import React from 'react'
import { Col, Container, Row } from 'react-bootstrap' import { Col, Container, Row } from 'react-bootstrap'
const WhatWeDoWhatDontDo = () => { const WhatWeDoWhatDontDo = (heading,data,image) => {
console.log(image,"WhatWeDoWhatDontDo")
const backgroundImageUrl = cleanImage(data?.Image?.url);
const backgroundImageUrl = cleanImage(image?.url);
console.log(backgroundImageUrl,"backgroundImageUrl")
return ( return (
<div className='' style={{ <div className='' style={{
backgroundImage: `url(${backgroundImageUrl})`, backgroundImage: `url(${backgroundImageUrl})`,
...@@ -17,15 +17,18 @@ const WhatWeDoWhatDontDo = () => { ...@@ -17,15 +17,18 @@ const WhatWeDoWhatDontDo = () => {
}}> }}>
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={12}>
<h2>{data?.Title}</h2>
</Col>
{/* <Col lg={6} md={12}> */} {/* <Col lg={6} md={12}> */}
<div className="call-back-request-text"> <div className="call-back-request-text">
<span className="sub-title">{subtitle}</span> <span className="sub-title">{data?.subtitle}</span>
{/* <Heading el="h2" heading={title} className="h2" /> */} {/* <Heading el="h2" heading={title} className="h2" /> */}
<h2>{title}</h2> <h2>{data?.title}</h2>
{/* <p>{description}</p> */} {/* <p>{description}</p> */}
<div <div
className="content" className="content"
dangerouslySetInnerHTML={{ __html: content }} dangerouslySetInnerHTML={{ __html:data?.content }}
/> />
</div> </div>
{/* </Col> */} {/* </Col> */}
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -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 (
...@@ -96,11 +96,12 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -96,11 +96,12 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
/> />
</> </>
); );
case "dynamic-zone.background": case "dynamic-zone.what-wedo-banner":
return ( return (
<WhatWeDoWhatDontDo <WhatWeDoWhatDontDo
heading={section?.Title} heading={section?.Heading}
data={section?.Content} data={section?.list}
image={section?.BackgroundBanner}
/> />
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
...@@ -160,6 +161,8 @@ export async function getServerSideProps() { ...@@ -160,6 +161,8 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.carddetails", "EmpoweringFinanceDetails.carddetails",
"EmpoweringFinanceDetails.DesktopImg", "EmpoweringFinanceDetails.DesktopImg",
"EmpoweringFinanceDetails.MobileImg", "EmpoweringFinanceDetails.MobileImg",
"EmpoweringFinanceDetails.list",
"EmpoweringFinanceDetails.BackgroundBanner",
"Clientel.logos", "Clientel.logos",
// "FAQ.FAQList", // "FAQ.FAQList",
"seo", "seo",
......
styles/styles.css
...@@ -9575,10 +9575,8 @@ ul.pagination.custom-pagination { ...@@ -9575,10 +9575,8 @@ ul.pagination.custom-pagination {
object-fit: cover; object-fit: cover;
transition: opacity 0.4s ease, transform 0.4s ease; transition: opacity 0.4s ease, transform 0.4s ease;
opacity: 1; opacity: 1;
/* ✅ Fully visible by default */
}
/* 🔦 Image dims only on hover */ }
.custom-card:hover .card-image img { .custom-card:hover .card-image img {
opacity: 0.4; opacity: 0.4;
transform: scale(1.05); transform: scale(1.05);
...@@ -9659,7 +9657,8 @@ ul.pagination.custom-pagination { ...@@ -9659,7 +9657,8 @@ ul.pagination.custom-pagination {
.weoffer-box-budget h3 { .weoffer-box-budget h3 {
margin-bottom: 0; margin-bottom: 0;
font-size: 20px; font-size: 20px;
line-height: 28px line-height: 28px;
color: #000;
} }
.weoffer-box-budget p { .weoffer-box-budget p {
...@@ -9672,5 +9671,12 @@ ul.pagination.custom-pagination { ...@@ -9672,5 +9671,12 @@ ul.pagination.custom-pagination {
.weoffer-box-budget:hover { .weoffer-box-budget:hover {
box-shadow: 0 7px 30px -10px rgba(133, 153, 162, 0.3); box-shadow: 0 7px 30px -10px rgba(133, 153, 162, 0.3);
background-color: var(--whiteColor); background-color: var(--mainColor2);
}
.weoffer-box-budget:hover p {
color: white;
}
.weoffer-box-budget:hover h3 {
color: white;
} }
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!