Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 01fa0314 by gaurav
Options

changes

1 parent 6e6bcf4c
Inline Side-by-side
Showing 8 changed files with 321 additions and 14 deletions
container/ClientServicing/DigitalTransformation/DigitalFaq.js 0 → 100644
import Heading from "@/components/reuseables/Heading";
import Link from "next/link";
import React from "react";
import {
Accordion,
AccordionItem,
AccordionItemHeading,
AccordionItemButton,
AccordionItemPanel,
} from "react-accessible-accordion";
import { motion } from "framer-motion";
import { Col, Row } from "react-bootstrap";
import { slideFromLeft } from "@/components/reuseables/variants";
const DigitalFaq = ({ }) => {
return (
<>
<div className="faq-area digital_transformation_faq">
<div className="container">
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={"We Offer"} />
</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"
>
Read More
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
</Row>
</AccordionItemPanel>
</AccordionItem>
</Accordion>
</div>
</div>
</div>
</>
);
};
export default DigitalFaq;
\ No newline at end of file \ No newline at end of file
container/ClientServicing/EmpoweringFinanceConsultants/WeOffer.js 0 → 100644
import React from 'react'
import { Col, Container, Row } from 'react-bootstrap'
import { slideFromLeft } from "@/components/reuseables/variants";
import { motion } from "framer-motion";
import Link from 'next/link';
import Heading from '@/components/reuseables/Heading';
const WeOffer = () => {
return (
<Container className='we_offer_section'>
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading={"We Offer"} />
</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>
</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>
</Row>
</Container>
)
}
export default WeOffer
\ No newline at end of file \ No newline at end of file
container/Home/PartnerSlider.js
...@@ -37,7 +37,7 @@ const PartnerSlider = ({ Clientel = [] }) => { ...@@ -37,7 +37,7 @@ const PartnerSlider = ({ Clientel = [] }) => {
.marquee-track { .marquee-track {
width: max-content; width: max-content;
animation: scroll-left 30s linear infinite; animation: scroll-left 40s linear infinite;
} }
@keyframes scroll-left { @keyframes scroll-left {
......
layout/Footer.js
...@@ -7,7 +7,7 @@ const Footer = () => { ...@@ -7,7 +7,7 @@ const Footer = () => {
return ( return (
<> <>
<footer className="footer-area"> <footer className="footer-area">
<div className="container"> <div className="container-fluid ps-5">
<div className="row justify-content-between"> <div className="row justify-content-between">
<div className="col-lg-3 col-sm-6 col-md-6"> <div className="col-lg-3 col-sm-6 col-md-6">
<div className="single-footer-widget"> <div className="single-footer-widget">
......
pages/client-servicing/bespoke.js
...@@ -16,6 +16,7 @@ import { useEffect } from "react"; ...@@ -16,6 +16,7 @@ import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog"; import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice"; import { fetchBlogList } from "@/redux/slices/bloglistslice";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
const Bespoke = ({ Empoweringpage, conversionData }) => { const Bespoke = ({ Empoweringpage, conversionData }) => {
...@@ -60,12 +61,16 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -60,12 +61,16 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
switch (section.__component) { switch (section.__component) {
case "dynamic-zone.about": case "dynamic-zone.about":
return ( return (
<LeftSideImage <>
title={section?.Title} <HowWeDoIt heading={section?.Heading}
subtitle={section?.Subtitle} data={section?.ElementList} />
image={section?.Image} <LeftSideImage
content={section?.Content} title={section?.Title}
/> subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
/>
</>
); );
case "dynamic-zone.background": case "dynamic-zone.background":
return ( return (
...@@ -78,10 +83,12 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -78,10 +83,12 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
return ( return (
<MethodOne <>
heading={section?.Heading} <MethodOne
data={section?.ElementList} heading={section?.Heading}
/> data={section?.ElementList}
/>
</>
); );
case "dynamic-zone.element-two": case "dynamic-zone.element-two":
return ( return (
...@@ -104,6 +111,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => { ...@@ -104,6 +111,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
return null; return null;
} }
})} })}
</section> </section>
</div> </div>
......
pages/client-servicing/digital-transformation.js
...@@ -16,6 +16,7 @@ import { useEffect } from "react"; ...@@ -16,6 +16,7 @@ import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog"; import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice"; import { fetchBlogList } from "@/redux/slices/bloglistslice";
import DigitalFaq from "@/container/ClientServicing/DigitalTransformation/DigitalFaq";
const DigitalTransformation = ({ Digitalpage, conversionData }) => { const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
...@@ -52,6 +53,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -52,6 +53,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<DigitalFaq />
<div className="cfo-services-area ptb-100"> <div className="cfo-services-area ptb-100">
<section className="cfo-page"> <section className="cfo-page">
{dynamicdata && {dynamicdata &&
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -16,6 +16,7 @@ import { useEffect } from "react"; ...@@ -16,6 +16,7 @@ import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog"; import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice"; import { fetchBlogList } from "@/redux/slices/bloglistslice";
import WeOffer from "@/container/ClientServicing/EmpoweringFinanceConsultants/WeOffer";
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
...@@ -51,6 +52,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -51,6 +52,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<WeOffer />
<div className="cfo-services-area ptb-100"> <div className="cfo-services-area ptb-100">
<section className="cfo-page"> <section className="cfo-page">
{dynamicdata && {dynamicdata &&
......
styles/styles.css
...@@ -3009,6 +3009,9 @@ What We Do Area CSS ...@@ -3009,6 +3009,9 @@ What We Do Area CSS
border: none; border: none;
margin-top: 25px; margin-top: 25px;
margin-bottom: 15px; margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
gap: 12px;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab { .what-we-do-content .react-tabs__tab-list .react-tabs__tab {
...@@ -6180,7 +6183,7 @@ Contact Area CSS ...@@ -6180,7 +6183,7 @@ Contact Area CSS
FAQ Area CSS FAQ Area CSS
=================================================*/ =================================================*/
.faq-accordion .accordion { .faq-accordion .accordion {
max-width: 800px; max-width: 95%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
border: none; border: none;
...@@ -6261,6 +6264,51 @@ FAQ Area CSS ...@@ -6261,6 +6264,51 @@ FAQ Area CSS
margin-bottom: 0; margin-bottom: 0;
} }
.digital_transformation_faq .faq-accordion .accordion {
max-width: 100%;
}
.digital_transformation_faq .services-box-budget {
border: 1px solid var(--mainColor2);
}
.digital_transformation_faq .services-box-budget:hover {
background-color: var(--mainColor2);
}
.digital_transformation_faq .services-box-budget:hover h3 {
color: #fff;
}
.digital_transformation_faq .services-box-budget:hover p {
color: #fff;
}
.digital_transformation_faq .services-box-budget:hover a {
color: #fff;
}
.we_offer_section .services-box-budget {
border: 1px solid var(--mainColor2);
}
.we_offer_section .services-box-budget:hover {
background-color: var(--mainColor2);
}
.we_offer_section .services-box-budget:hover h3 {
color: #fff;
}
.we_offer_section .services-box-budget:hover p {
color: #fff;
}
.we_offer_section .services-box-budget:hover a {
color: #fff;
}
/*================================================ /*================================================
Privacy Policy Area CSS Privacy Policy Area CSS
=================================================*/ =================================================*/
...@@ -8199,10 +8247,14 @@ h3.sub-title { ...@@ -8199,10 +8247,14 @@ h3.sub-title {
.area-tab .react-tabs__tab-list .react-tabs__tab { .area-tab .react-tabs__tab-list .react-tabs__tab {
background-color: #a99c8d78; background-color: #a99c8d78;
padding: 3px 12px; padding: 8px 12px;
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 5px; border-radius: 5px;
font-weight: 100; font-weight: 100;
margin: 0;
flex: 1 1 calc(25% - 10px);
min-width: 150px;
font-size: 15px;
} }
.area-tab .react-tabs__tab--selected { .area-tab .react-tabs__tab--selected {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!