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
Inline Side-by-side
Showing 8 changed files with 249 additions and 243 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/DigitalFaq.js
......@@ -15,118 +15,73 @@ import { Col, Row } from "react-bootstrap";
import { slideFromLeft } from "@/components/reuseables/variants";
const DigitalFaq = ({ }) => {
const DigitalFaq = ({ data, heading }) => {
return (
<>
<div className="faq-area digital_transformation_faq">
<div className="faq-area digital_transformation_faq ptb-50">
<div className="container">
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={"We Offer"} />
<Heading el="h2" heading={heading} />
</div>
<div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={'0'}>
<AccordionItem uuid="b">
<AccordionItemHeading>
<AccordionItemButton>
ITeC App
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Our proprietary ITeCApp bridges technology and expert finance support, transforming how individuals and businesses manage tax and compliance. Built for both B2B and B2C segments, the app simplifies complex financial tasks — keeping users ahead of the curve.
</p>
<div className="btn-1">
<Link href={"#"} className="default-btn-three">
Click here
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem uuid="c">
<AccordionItemHeading>
<AccordionItemButton>
Digital Process Automation
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Digital Process Automation (DPA) at Advith focuses on transforming finance and operational workflows into structured, streamlined, and system-driven processes. By reducing manual interventions, standardizing tasks, and enhancing visibility, DPA becomes the backbone of scalable and compliant finance functions.
</p>
<Row className="align-items-center">
<Col lg={6} 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>
Zoho Product Implementation
</h3>
</div>
<p>{"As a certified Zoho Finance Advanced Partner, we provide end-to-end implementation of Zoho products tailored to streamline finance, HR, compliance, and operational workflows. Solutions are mapped to business processes, ensuring seamless automation, integration, and scalability across functions."}</p>
<Link
href={"#"}
// rel={
// service?.slug?.endsWith(".pdf")
// ? "noopener noreferrer"
// : undefined
// }
className="default-btn"
>
Read More
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
<Col lg={6} 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>
Zoho Product Implementation
</h3>
</div>
<p>{"As a certified Zoho Finance Advanced Partner, we provide end-to-end implementation of Zoho products tailored to streamline finance, HR, compliance, and operational workflows. Solutions are mapped to business processes, ensuring seamless automation, integration, and scalability across functions."}</p>
<Link
href={"#"}
// rel={
// service?.slug?.endsWith(".pdf")
// ? "noopener noreferrer"
// : undefined
// }
className="default-btn"
{data?.WeOfferList && data?.WeOfferList.map((item, index) => (
<AccordionItem uuid={item?.id} key={index}>
<AccordionItemHeading>
<AccordionItemButton>
{item?.Title}
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
{item?.Description}
</p>
{item?.Button?.text &&
<div className="btn-1 mb-4">
<Link href={item?.Button?.URL || "#"} className="default-btn-three">
{item?.Button?.text || ""}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
}
<Row className="align-items-center">
{item?.ProductList && item?.ProductList.map((productItem, idx) => (
<Col lg={6} md={6} sm={12} >
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
Read More
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
</Row>
</AccordionItemPanel>
</AccordionItem>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<h3>
{productItem?.Title}
</h3>
</div>
<p> {productItem?.Description}</p>
{
item?.Button?.text &&
<Link
href={item?.Button?.URL || "#"}
className="default-btn"
>
{item?.Button?.text || ""}
<i className="ri-arrow-right-line"></i>
</Link>
}
</div>
</motion.div>
</Col>
))}
</Row>
</AccordionItemPanel>
</AccordionItem>
))}
</Accordion>
</div>
</div>
......
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!