Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit cd22005a by gaurav
Options

changes

1 parent 01fa0314
Expand all
Inline Side-by-side
Showing 8 changed files with 191 additions and 140 deletions
container/ClientServicing/CFO/HowWeDoIt.js
import Heading from '@/components/reuseables/Heading'
import { cleanImage } from '@/layout/imageHandling'
import Image from 'next/image'
import React from 'react'
import { Col, Container, Row } from 'react-bootstrap'
const HowWeDoIt = () => {
const HowWeDoIt = ({ data, heading }) => {
const data = [
{
subTitle: "Step 1",
title: "Step 1 Discovery",
desc: "Assess the business model, industry context, and internal processes",
image: "/images/client-service/cfo.webp",
},
{
subTitle: "Step 2",
title: "Step 1 Discovery",
desc: "Assess the business model, industry context, and internal processes",
image: "/images/client-service/Client_Servicing-CFO.webp",
},
{
subTitle: "Step 1",
title: "Step 1 Discovery",
desc: "Assess the business model, industry context, and internal processes",
image: "/images/client-service/cfo.webp",
},
{
subTitle: "Step 1",
title: "Step 1 Discovery",
desc: "Assess the business model, industry context, and internal processes",
image: "/images/client-service/cfo.webp",
},
{
subTitle: "Step 1",
title: "Step 1 Discovery",
desc: "Assess the business model, industry context, and internal processes",
image: "/images/client-service/cfo.webp",
},
{
subTitle: "Step 1",
title: "Step 1 Discovery",
desc: "Assess the business model, industry context, and internal processes Assess the business model, industry context, and internal processes Assess the business model, industry context, and internal processes",
image: "/images/client-service/cfo.webp",
},
]
console.log(data, 'datadata');
// const data = [
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 2",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/Client_Servicing-CFO.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// {
// subTitle: "Step 1",
// title: "Step 1 Discovery",
// desc: "Assess the business model, industry context, and internal processes Assess the business model, industry context, and internal processes Assess the business model, industry context, and internal processes",
// image: "/images/client-service/cfo.webp",
// },
// ]
return (
<section className="HowWeDoIt-section ptb-100">
<Container>
<div className="section-title">
<span className="sub-title">{""}</span>
<Heading el="h2" heading={"How we do it?"} />
<Heading el="h2" heading={heading?.Title} />
</div>
<p className=" text-center text-black mb-4 mb-lg-5">{"Here are some key activities we focus on in our CFO services."}</p>
<p className=" text-center text-black mb-4 mb-lg-5">{heading?.Description}</p>
<Row className='row-gap-4 h-auto justify-content-center'>
{
data && data.map((item, index) => (
data?.carddetails && data?.carddetails.map((item, index) => (
<Col className='' lg={4} md={6} key={index}>
<div className='HowWeDoIt_card h-100'>
<h2>{item?.subTitle}</h2>
<h2>{item?.Title}</h2>
<Image
aria-hidden="true"
alt={"image"}
src={item?.image}
src={cleanImage(item?.Image?.url)}
width={1000}
height={1000}
className="img-fluid"
/>
<div className='HowWeDoIt_card_content'>
<h4>{item?.title}</h4>
<p>{item?.desc}</p>
<h4>{item?.Title}</h4>
<div dangerouslySetInnerHTML={{ __html: item?.Description }}></div>
</div>
</div>
</Col>
......
container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt.js 0 → 100644
import Heading from '@/components/reuseables/Heading'
import { cleanImage } from '@/layout/imageHandling'
import Image from 'next/image'
import React from 'react'
import { Container } from 'react-bootstrap'
const DigitalHowWeDoIt = (heading, data) => {
return (
<Container>
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={heading?.heading} />
</div>
<Image src={cleanImage(data?.DesktopImg?.url)} alt={data?.DesktopImg?.alternativeText || "image"} width={1000} height={1000} className='img-fluid d-none d-md-block' />
<Image src={cleanImage(data?.MobileImg?.url)} alt={data?.MobileImg?.alternativeText || "image"} width={1000} height={1000} className='img-fluid d-block d-md-none' />
</Container>
)
}
export default DigitalHowWeDoIt
\ No newline at end of file
container/ClientServicing/EmpoweringFinanceConsultants/WeOffer.js
......@@ -5,98 +5,34 @@ import { motion } from "framer-motion";
import Link from 'next/link';
import Heading from '@/components/reuseables/Heading';
const WeOffer = () => {
const WeOffer = (data) => {
return (
<Container className='we_offer_section'>
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={"We Offer"} />
<Heading el="h2" heading={data?.heading?.Title} />
</div>
<Row className="align-items-center">
<Col lg={4} md={6} sm={12} >
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<h3>
Domain Specialists
</h3>
</div>
<p>To execute end-to-end finance activities like bookkeeping, payroll management, compliances, reconciliation etc.</p>
{/*
<Link
href={"#"}
className="default-btn"
>
Read More
<i className="ri-arrow-right-line"></i>
</Link> */}
</div>
</motion.div>
</Col>
<Col lg={4} md={6} sm={12} >
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<h3>
Remote Process Executives
</h3>
{data?.data && data?.data.map((item, index) => (
<Col lg={4} md={6} sm={12} key={index}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<h3>
{item?.Title}
</h3>
</div>
<div dangerouslySetInnerHTML={{ __html: item?.Description }}></div>
</div>
<p>To manage simple to complex processes of administrative, secretarial, back-office, data entry, calls, mailbox etc.</p>
{/* <Link
href={"#"}
className="default-btn"
>
Read More
<i className="ri-arrow-right-line"></i>
</Link> */}
</div>
</motion.div>
</Col>
<Col lg={4} md={6} sm={12} >
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<h3>
Automated Tools
</h3>
</div>
<p>To ensure conducting efficient and digitalized delivery of finance, compliance, and operational processes.</p>
{/* <Link
href={"#"}
className="default-btn"
>
Read More
<i className="ri-arrow-right-line"></i>
</Link> */}
</div>
</motion.div>
</Col>
</motion.div>
</Col>
))}
</Row>
</Container>
)
......
container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js 0 → 100644
import { cleanImage } from '@/layout/imageHandling'
import Image from 'next/image'
import React from 'react'
import { Col, Container, Row } from 'react-bootstrap'
const WhatWeDoWhatDontDo = () => {
const backgroundImageUrl = cleanImage(data?.Image?.url);
return (
<div className='' style={{
backgroundImage: `url(${backgroundImageUrl})`,
backgroundSize: 'cover',
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
padding: '60px 0'
}}>
<Container>
<Row className="align-items-center">
{/* <Col lg={6} md={12}> */}
<div className="call-back-request-text">
<span className="sub-title">{subtitle}</span>
{/* <Heading el="h2" heading={title} className="h2" /> */}
<h2>{title}</h2>
{/* <p>{description}</p> */}
<div
className="content"
dangerouslySetInnerHTML={{ __html: content }}
/>
</div>
{/* </Col> */}
</Row>
</Container>
</div>
)
}
export default WhatWeDoWhatDontDo
\ No newline at end of file
pages/client-servicing/digital-transformation.js
......@@ -17,6 +17,7 @@ import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
import DigitalFaq from "@/container/ClientServicing/DigitalTransformation/DigitalFaq";
import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt";
const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch();
......@@ -58,7 +59,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<section className="cfo-page">
{dynamicdata &&
dynamicdata?.map((section, index) => {
// console.log("section", section);
console.log("HeadingHeading", section);
switch (section.__component) {
case "dynamic-zone.about":
return (
......@@ -80,6 +81,24 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
cta={section.CTA}
/>
);
case "dynamic-zone.we-offer-sec":
return (
<>
<DigitalFaq
heading={section?.Heading}
data={section}
/>
</>
);
case "dynamic-zone.image":
return (
<>
<DigitalHowWeDoIt
heading={section?.Heading}
data={section}
/>
</>
);
case "dynamic-zone.element-one":
return (
<MethodOne
......@@ -145,6 +164,10 @@ export async function getServerSideProps() {
"DigitalTransformationDetails.RuleList.details",
"DigitalTransformationDetails.DownloadBtn",
"DigitalTransformationDetails.CTA",
"DigitalTransformationDetails.WeOfferList.Button",
"DigitalTransformationDetails.WeOfferList.ProductList.Button",
"DigitalTransformationDetails.DesktopImg",
"DigitalTransformationDetails.MobileImg",
"Clientel.logos",
"seo",
"seo.metaImage",
......
pages/client-servicing/empowering-finance-consultants.js
......@@ -17,6 +17,8 @@ import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
import WeOffer from "@/container/ClientServicing/EmpoweringFinanceConsultants/WeOffer";
import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt";
import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo";
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
......@@ -32,7 +34,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
];
const dynamicdata = Empoweringpage?.EmpoweringFinanceDetails;
// console.log("dynamicdata", dynamicdata);
console.log("dynamicdata", dynamicdata);
const clientlogo = Empoweringpage?.Clientel;
......@@ -52,12 +54,11 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<Seo seo={seo} />
<ConversionCode code={code} />
<PageBanner banners={banners} />
<WeOffer />
<div className="cfo-services-area ptb-100">
<section className="cfo-page">
{dynamicdata &&
dynamicdata?.map((section, index) => {
// console.log("section", section);
// console.log("sectionemp", section);
switch (section.__component) {
case "dynamic-zone.about":
return (
......@@ -77,6 +78,29 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
content={section?.Content}
/>
);
case "dynamic-zone.card":
return (
<WeOffer
heading={section?.Heading}
data={section?.carddetails}
/>
);
case "dynamic-zone.image":
return (
<>
<DigitalHowWeDoIt
heading={section?.Heading}
data={section}
/>
</>
);
case "dynamic-zone.background":
return (
<WhatWeDoWhatDontDo
heading={section?.Title}
data={section?.Content}
/>
);
case "dynamic-zone.element-one":
return (
<MethodOne
......@@ -131,6 +155,9 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.DownloadBtn",
"EmpoweringFinanceDetails.CTA",
"EmpoweringFinanceDetails.ElementList.StepImg",
"EmpoweringFinanceDetails.carddetails",
"EmpoweringFinanceDetails.DesktopImg",
"EmpoweringFinanceDetails.MobileImg",
"Clientel.logos",
"FAQ.FAQList",
"seo",
......
pages/client-servicing/virtual-finance-office/virtual-cfo.js
......@@ -47,7 +47,7 @@ const clientservicecfo = ({ cfopage, conversionData }) => {
<section className="cfo-page">
{dynamicdata &&
dynamicdata?.map((section, index) => {
console.log("section", section);
console.log("sectionwwww", section);
switch (section.__component) {
case "dynamic-zone.about":
return (
......@@ -74,8 +74,13 @@ const clientservicecfo = ({ cfopage, conversionData }) => {
heading={section?.Heading}
data={section?.ElementList}
/>
</>
);
case "dynamic-zone.card":
return (
<>
<HowWeDoIt heading={section?.Heading}
data={section?.ElementList} />
data={section} />
</>
);
case "dynamic-zone.element-two":
......@@ -130,10 +135,8 @@ export async function getServerSideProps() {
"CfoDeatils",
"CfoDeatils.Image",
"CfoDeatils.Heading",
"CfoDeatils.ElementList.StepImg",
"CfoDeatils.carddetails",
"CfoDeatils.card",
"CfoDeatils.carddetails.Image",
"Clientel.logos",
"seo",
"seo.metaImage",
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!