Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 38f09cfa by sneha-khedekar
Options

page updates

1 parent 18258ff8
Inline Side-by-side
Showing 14 changed files with 1396 additions and 334 deletions
components/reuseables/Clientele.js
......@@ -6,7 +6,7 @@ import Image from "next/image";
const Clientele = ({
partners = [],
spaceBetween = 30,
autoplayDelay = 5000,
autoplayDelay = 3000,
slidesPerViewBreakpoints = {
0: { slidesPerView: 2 },
576: { slidesPerView: 3 },
......
components/reuseables/services/MethodOne.js
import React from "react";
import { Col, Container, Image, Row } from "react-bootstrap";
import { Container, Image, Row } from "react-bootstrap";
import Heading from "../Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "../variants";
import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules";
const MethodOne = ({
data,
sectionTitle,
heading,
descrption,
viewportAmount = 0.4,
sliderConfig = {},
}) => {
const {
spaceBetween = 30,
slidesPerView = 5,
showPagination = true,
showAutoplay = true,
autoplayDelay = 5000,
} = sliderConfig;
const MethodData = [
{
img: "/images/shape/icon/discovery.png",
title: "Step 1 - Discovery ",
descr:
"Understand the business of the entity & identify the requirements of the entity with respect to the finance function",
},
{
img: "/images/shape/icon/analysis.png",
title: "Step 2 - Analysis of Historical Data",
descr: "Analyze past financial data to uncover trends and obtain insights",
},
{
img: "/images/shape/icon/setup.png",
title: "Step 3 - Set Up",
descr: "Establishing the Modus Operandi of the finance function",
},
{
img: "/images/shape/icon/execution.png",
title: "Step 4 - Execution",
descr: "Implement financial strategies and manage day-to-day operations",
},
{
img: "/images/shape/icon/review.png",
title: "Step 5 - Review & Reporting ",
descr:
"Reporting to the Management, Board of Directors, Investors as the case may be",
},
{
img: "/images/shape/icon/evalution.png",
title: "Step 6 - Continuous Evaluation ",
descr: "Continuous evaluation to make the process & reporting better",
},
];
const MethodOne = () => {
return (
<>
<section className="method-one ptb-100">
<Container fluid>
<div className="section-title">
<span className="sub-title">Methodology 2 - How we do it? </span>
<h2></h2>
<Heading el="h2" heading="Elements in CFO Services - Option 2" />
</div>
<Row className="justify-content-center">
{MethodData.map((card, index) => (
<Col lg={2} md={3} sm={4} xs={6} key={index}>
<section className="method-section ptb-100">
<Container>
<div className="section-title">
<span className="sub-title">{sectionTitle}</span>
<Heading el="h2" heading={heading} />
<p>{descrption}</p>
</div>
<Row className="justify-content-center">
<Swiper
spaceBetween={spaceBetween}
slidesPerView={slidesPerView}
pagination={showPagination ? { clickable: true } : false}
autoplay={
showAutoplay
? {
delay: autoplayDelay,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}
: false
}
modules={[Pagination, Autoplay]}
className="services-slides"
>
{data.map((item, index) => (
<SwiperSlide key={index}>
<motion.div
variants={slideFromLeft(0.5 * index)}
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
viewport={{ once: false, amount: viewportAmount }}
>
<div className="activity-card g-5">
<div
className={`activity-card g-5 ${
index === data.length - 1 ? "last-method-container" : ""
}`}
>
{index % 2 === 0 ? (
// Image above, content below
<>
<div className="method-container">
<div className="image-container mb-2 method-one-above-img d-flex">
<Image
aria-hidden="true"
alt="calendar-icon"
src={card.img}
layout="fill"
className="img-fluid image"
/>
<span
className={`method-line align-self-center ${
index === -1 ? "d-none" : "d-block"
}`}
<div className="method-container">
<div className="image-container mb-2 method-one-above-img d-flex">
<Image
aria-hidden="true"
alt={item.altText}
src={item.img}
width={180}
height={180}
className="img-fluid"
/>
<span
className={`method-line align-self-center ${
index === data.length - 1 ? "d-none" : "d-block"
}`}
>
<svg
width="100%"
height="100%"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill="#F8971F"
>
{
<svg
width="70px"
height="70px"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill="#F8971F"
>
<g id="SVGRepo_bgCarrier" stroke-width="0" />
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
/>
<g id="SVGRepo_iconCarrier">
<path d="M3 13H1v-2h2zm4-2H5v2h2zm12 0h-2v2h2zm4 0h-2v2h2zm-12 0H9v2h2zm4 0h-2v2h2z" />
<path fill="none" d="M0 0h24v24H0z" />
</g>
</svg>
}
</span>
</div>
<div className="method-above-img-content">
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</div>
<path d="M3 13H1v-2h2zm4-2H5v2h2zm12 0h-2v2h2zm4 0h-2v2h2zm-12 0H9v2h2zm4 0h-2v2h2z" />
<path fill="none" d="M0 0h24v24H0z" />
</svg>
</span>
</div>
<div className="method-above-img-content">
<div className="method-title">{item.title}</div>
<div className="method-descr">{item.descr}</div>
</div>
</>
</div>
) : (
// Content above, image below
<>
<div className="method-container">
<div className="method-below-img-content">
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
<div className="method-title">{item.title}</div>
<div className="method-descr">{item.descr}</div>
</div>
<div className="image-container mt-2 d-flex">
<div className="image-container method-below-img mt-2 d-flex">
<Image
aria-hidden="true"
alt="calendar-icon"
src={card.img}
layout="fill"
className="img-fluid image"
alt={item.altText}
src={item.img}
width={180}
height={180}
className="img-fluid"
/>
<span
className={`method-line2 align-self-center ${
index === MethodData.length - 1
? "d-none"
: "d-block"
index === data.length - 1 ? "d-none" : "d-block"
}`}
>
<svg
width="80px"
height="80px"
width="100%"
height="100%"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill="#F8971F"
>
<g id="SVGRepo_bgCarrier" stroke-width="0" />
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
/>
<g id="SVGRepo_iconCarrier">
<path d="M3 13H1v-2h2zm4-2H5v2h2zm12 0h-2v2h2zm4 0h-2v2h2zm-12 0H9v2h2zm4 0h-2v2h2z" />
<path fill="none" d="M0 0h24v24H0z" />
</g>
<path d="M3 13H1v-2h2zm4-2H5v2h2zm12 0h-2v2h2zm4 0h-2v2h2zm-12 0H9v2h2zm4 0h-2v2h2z" />
<path fill="none" d="M0 0h24v24H0z" />
</svg>
</span>
</div>
</>
</div>
)}
</div>
</motion.div>
</Col>
</SwiperSlide>
))}
</Row>
</Container>
</section>
</>
</Swiper>
</Row>
</Container>
</section>
);
};
......
components/reuseables/services/MethodTwo.js
......@@ -7,66 +7,44 @@ import Image from "next/image";
import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules";
const MethodTwoData = [
{
img: "/images/services/cfo/activity/recurring.png",
title: "1. Recurring Activities",
descr:
"Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters",
},
{
img: "/images/services/cfo/activity/monthly.png",
title: "2. Monthly Activities",
descr:
"Monthly book closures, payroll processing, compliance management, tracking of budget vs actuals, cash & fund flow management ",
},
{
img: "/images/services/cfo/activity/quarterly.png",
title: "3. Quarterly Activities",
descr:
"Presentation to the Board, Investment Evaluation, Evaluation of Processes",
},
{
img: "/images/services/cfo/activity/annual.png",
title: "4. Annual Activities",
descr: "Audit Assistance, Budgeting, Reporting to Investors",
},
{
img: "/images/services/cfo/activity/need.png",
title: "5. Need Based",
descr: "As per requirement of the Management",
},
];
export const MethodTwo = () => {
const MethodTwoSection = ({
sectionTitle,
subTitle,
methodData,
slidesPerView = 5,
spaceBetween = 30,
autoplayDelay = 5000,
showPagination = true,
showAutoplay = true,
}) => {
return (
<>
<section className="methodthree ptb-100">
<Container className="justify-content-center align-self-center">
<div className="section-title">
<span className="sub-title">Methodology 2 - How we do it?</span>
<Heading el="h2" heading="Elements in CFO Services - Option 2" />
</div>
<Row className="align-items-center justify-content-center align-self-center">
<Swiper
spaceBetween={30}
slidesPerView={5} // Set a fixed number of slides per view
pagination={{
clickable: true,
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
<section className="method ptb-100">
<Container className="justify-content-center align-self-center">
<div className="section-title">
<span className="sub-title">{subTitle}</span>
<Heading el="h2" heading={sectionTitle} />
</div>
<Row className="align-items-center justify-content-center align-self-center">
<Swiper
spaceBetween={spaceBetween}
slidesPerView={slidesPerView}
pagination={showPagination ? { clickable: true } : false}
autoplay={
showAutoplay
? {
delay: autoplayDelay,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}
: false
}
modules={[Pagination, Autoplay]}
className="services-slides"
>
{MethodTwoData.map((card, index) => (
{methodData.map((card, index) => (
<SwiperSlide key={index}>
<motion.div
variants={slideFromLeft(0.5 )}
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
......@@ -74,12 +52,11 @@ export const MethodTwo = () => {
<div className="activity-card g-5">
<Col>
{index % 2 === 0 ? (
// Image above, content below
<>
<div className="image-container mb-2">
<Image
aria-hidden="true"
alt="calendar-icon"
alt={card.title}
src={card.img}
layout="fill"
className="img-fluid image"
......@@ -89,14 +66,13 @@ export const MethodTwo = () => {
<div className="method-descr">{card.descr}</div>
</>
) : (
// Content above, image below
<>
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
<div className="image-container mt-5">
<Image
aria-hidden="true"
alt="calendar-icon"
alt={card.title}
src={card.img}
layout="fill"
className="img-fluid image"
......@@ -110,9 +86,10 @@ export const MethodTwo = () => {
</SwiperSlide>
))}
</Swiper>
</Row>
</Container>
</section>
</>
</Row>
</Container>
</section>
);
};
export default MethodTwoSection;
container/ClientServicing/Ba/BaPage.js
import PageBanner from '@/components/reuseables/PageBanner'
import ContentSection from '@/components/reuseables/ServicesContent';
import React from 'react'
import { motion } from 'framer-motion';
import { fadeIn, slideFromLeft, slideFromRight } from '@/components/reuseables/variants';
import { Container } from 'react-bootstrap';
import PageBanner from "@/components/reuseables/PageBanner";
import ContentSection from "@/components/reuseables/ServicesContent";
import React from "react";
import { motion } from "framer-motion";
import {
fadeIn,
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
import { Container } from "react-bootstrap";
import MethodOne from "@/components/reuseables/services/MethodOne";
import Clientele from "@/components/reuseables/Clientele";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Client Servicing - BA ",
homePageUrl: "/",
homePageText: "Home",
activePageText: "BA",
},
// Add more banners as needed
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Client Servicing - BA ",
homePageUrl: "/",
homePageText: "Home",
activePageText: "BA",
},
// Add more banners as needed
];
const BAData = [
{
subtitle: "Client Servicing",
title: "Client Servicing - CFO",
paragraphs: [
"At Advith Consulting, we guide businesses through the critical growth stages - Existence, Survival, Success, Take off & Maturity . Our advisory services are tailored to navigate each phase with strategic foresight and financial acumen, ensuring your business thrives at every turn. Partner with us for a journey of financial excellence.",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "Client Servicing Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"An idea is great only as long as it solves a problem. In solving a problem, an organisation and its founder go through multiple stages. Founders are often stuck in a balancing act, handling multiple stakeholders and their expectations. Through our Business Advisory engagements, we play the critical role of guiding organizations through their growth journey, providing strategic insights and actionable plans that align with their goals.We help management teams and founders navigate the complexities of each stage, from existence to maturity, ensuring they make informed decisions. Our expertise enables us to identify the strengths, weaknesses, opportunities and threats of organisations, ultimately supporting our clients in achieving their long-term vision while effectively balancing stakeholder expectations",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"McKinsey & Company has defined a matrix where they have arrived at 4 types of consulting - a neutral facilitator, a facilitative consultant, an observer or an expert. In Business Conuslting engagements, in addition to performing these roles, we also perform the role of a doer and an enabler, helping founders solve problems with their idea.",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
{
subtitle: "Client Servicing",
title: "Client Servicing - BA ",
paragraphs: [
"At Advith Consulting, we guide businesses through the critical growth stages - Existence, Survival, Success, Take off & Maturity . Our advisory services are tailored to navigate each phase with strategic foresight and financial acumen, ensuring your business thrives at every turn. Partner with us for a journey of financial excellence.",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "Client Servicing Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"An idea is great only as long as it solves a problem. In solving a problem, an organisation and its founder go through multiple stages. Founders are often stuck in a balancing act, handling multiple stakeholders and their expectations.Through our Business Advisory engagements, we play the critical role of guiding organizations through their growth journey, providing strategic insights and actionable plans that align with their goals. We help management teams and founders navigate the complexities of each stage, from existence to maturity, ensuring they make informed decisions. Our expertise enables us to identify the strengths, weaknesses, opportunities and threats of organisations, ultimately supporting our clients in achieving their long-term vision while effectively balancing stakeholder expectations",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"McKinsey & Company has defined a matrix where they have arrived at 4 types of consulting - a neutral facilitator, a facilitative consultant, an observer or an expert. In Business Conuslting engagements, in addition to performing these roles, we also perform the role of a doer and an enabler, helping founders solve problems with their idea. ",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
];
const BaPage = () => {
return (
<>
<PageBanner banners={banners} />
<div className="cfo-services-area ptb-100">
<Container>
{BAData.map((item, index) => (
<ContentSection
key={item.id}
subtitle={item.subtitle}
title={item.title}
paragraphs={item.paragraphs}
imageSrc={item.imageSrc}
imageAlt={item.imageAlt}
reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/>
))}
</Container>
</div>
const sliderConfig = {
spaceBetween: 20,
slidesPerView: 5,
showPagination: true,
showAutoplay: true,
autoplayDelay: 4000,
};
const MethodOneData = [
{
img: "/images/shape/icon/discovery.png",
title: "lorem",
descr:
"Understand the business of the entity & identify the requirements of the entity with respect to the finance function",
altText: "discovery-icon",
},
{
img: "/images/shape/icon/analysis.png",
title: "lorem",
descr: " Analyze past financial data to uncover trends and obtain insights",
altText: "analysis-icon",
},
{
img: "/images/shape/icon/setup.png",
title: "lorem",
descr: " Establishing the Modus Operandi of the finance function",
altText: "setup-icon",
},
{
img: "/images/shape/icon/execution.png",
title: "lorem",
descr: " Implement financial strategies and manage day-to-day operations ",
altText: "execution-icon",
},
{
img: "/images/shape/icon/setup.png",
title: "lorem",
descr:
" Reporting to the Management, Board of Directors, Investors as the case may be",
altText: "setup-icon",
},
{
img: "/images/shape/icon/execution.png",
title: "lorem",
descr: "Continuous evaluation to make the process & reporting better",
altText: "execution-icon",
},
];
</>
)
}
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const BaPage = () => {
return (
<>
<PageBanner banners={banners} />
<div className="cfo-services-area ptb-100">
<Container>
{BAData.map((item, index) => (
<ContentSection
key={item.id}
subtitle={item.subtitle}
title={item.title}
paragraphs={item.paragraphs}
imageSrc={item.imageSrc}
imageAlt={item.imageAlt}
reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/>
))}
</Container>
</div>
<MethodOne
data={MethodOneData}
sectionTitle="Elements in CFO Services"
heading="Methodology 2 - Nature of Engagements"
descrption="Here are some key activities we focus on in our CFO services."
sliderConfig={sliderConfig} // Pass the slider configuration here
/>
<div className="ptb-100 bg-fafafa">
<Clientele partners={partners} />
</div>
</>
);
};
export default BaPage
\ No newline at end of file
export default BaPage;
container/ClientServicing/CFO/CfoPage.js
import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
import Cfoservice from "./Cfoservice";
import Methods from "./Methods";
import { Container } from "react-bootstrap";
import ContentSection from "@/components/reuseables/ServicesContent";
import {
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
import MethodOne from "@/components/reuseables/services/MethodOne";
import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
import Clientele from "@/components/reuseables/Clientele";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
......@@ -12,12 +20,194 @@ const banners = [
},
// Add more banners as needed
];
const CFOData = [
{
subtitle: "Client Servicing",
title: "Client Servicing - CFO",
paragraphs: [
"FC & CFO Services at Advith Consulting LLP brings together specialists at different functional layers enabling finance operations in your organisation to function in an efficient manner. Depending upon the requirement of the business, our areas of focus range from streamling routine finance operations to ensuring compliances including taxation and corporate law and even to strategic, business finance & assurance, to provide a holistic approach to financial management. ",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "Client Servicing Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"The significance and role of a finance function in an organisation depends on multiple factors including the vision of the management, nature of business, scale of operations & status of funding among others. At Advith Consulting, we offer FC & CFO Services upon careful evaluation of the requirement of your business. Our role as FC's and CFO's will be to act as enablers in moving from data entry and reporting merely as a compliance to a mechanism wherein we bring together insightful data analysis and financial expertise to offer actionable insights to the leadership team",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
{
subtitle: "About FC & CFO Services",
title: "Methodology 1 - How we do it? ",
paragraphs: [
"A typical finance function in an organization is structured in the manner of a pyramid with the executors at the base and strategic decision making at the pinnacle. Each layer has incremental responsibilities which are all aligned to the organization’s vision. The pyramid of finance operations is a testament to structured efficiency. Each layer signifies a distinct function, essential to the integrity of the whole. ",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
];
const sliderConfig = {
spaceBetween: 20,
slidesPerView: 5,
showPagination: true,
showAutoplay: true,
autoplayDelay: 4000,
};
// method one content
const MethodOneData = [
{
img: "/images/shape/icon/discovery.png",
title: "Step 1 - Discovery ",
descr:
"Understand the business of the entity & identify the requirements of the entity with respect to the finance function",
altText: "discovery-icon",
},
{
img: "/images/shape/icon/analysis.png",
title: "Step 2 - Analysis of Historical Data",
descr: " Analyze past financial data to uncover trends and obtain insights",
altText: "analysis-icon",
},
{
img: "/images/shape/icon/setup.png",
title: "Step 3 - Set Up ",
descr: " Establishing the Modus Operandi of the finance function",
altText: "setup-icon",
},
{
img: "/images/shape/icon/execution.png",
title: "Step 4 - Execution",
descr: " Implement financial strategies and manage day-to-day operations ",
altText: "execution-icon",
},
{
img: "/images/shape/icon/setup.png",
title: "Step 5 - Review & Reporting ",
descr:
" Reporting to the Management, Board of Directors, Investors as the case may be",
altText: "setup-icon",
},
{
img: "/images/shape/icon/execution.png",
title: "Step 6 - Continuous Evaluation",
descr: "Continuous evaluation to make the process & reporting better",
altText: "execution-icon",
},
];
const methodTwoData = [
{
img: "/images/services/cfo/activity/recurring.png",
title: "1. Recurring Activities ",
descr:
"Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters",
},
{
img: "/images/services/cfo/activity/monthly.png",
title: " 2. Monthly Activities",
descr:
"Monthly book closures, payroll processing, compliance management, tracking of budget vs actuals, cash & fund flow management ",
},
{
img: "/images/services/cfo/activity/quarterly.png",
title: "3. Quarterly Activities ",
descr:
"Presentation to the Board, Investment Evaluation, Evaluation of Processes",
},
{
img: "/images/services/cfo/activity/annual.png",
title: "4. Annual Activities",
descr: "Audit Assistance, Budgeting, Reporting to Investors",
},
{
img: "/images/services/cfo/activity/need.png",
title: "5. Need Based ",
descr: "As per requirement of the Management",
},
];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const CfoPage = () => {
return (
<>
<PageBanner banners={banners} />
<Cfoservice />
<Methods />
<div className="cfo-services-area ptb-100">
<Container>
{CFOData.map((item, index) => (
<ContentSection
key={item.id}
subtitle={item.subtitle}
title={item.title}
paragraphs={item.paragraphs}
imageSrc={item.imageSrc}
imageAlt={item.imageAlt}
reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/>
))}
</Container>
</div>
<MethodOne
data={MethodOneData}
sectionTitle="Elements in CFO Services"
heading="Methodology 2 - How we do it?"
descrption="Here are some key activities we focus on in our CFO services."
sliderConfig={sliderConfig} // Pass the slider configuration here
/>
<MethodTwoSection
sectionTitle="Elements in CFO Services - Option 2"
subTitle="Methodology 2 - How we do it?"
methodData={methodTwoData}
slidesPerView={5}
spaceBetween={20}
autoplayDelay={4000}
showPagination={true}
showAutoplay={true}
/>
<div className="ptb-100 bg-fafafa">
<Clientele partners={partners} />
</div>
</>
);
};
......
container/ClientServicing/CFO/Cfoservice.js deleted 100644 → 0
import Heading from "@/components/reuseables/Heading";
import Link from "next/link";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Image from "next/image";
import { motion } from "framer-motion";
import {
fadeIn,
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
import ContentSection from "@/components/reuseables/ServicesContent";
const CFOData = [
{
id: 1,
subtitle: "Client Servicing",
title: "Client Servicing - CFO",
paragraphs: [
"FC & CFO Services at Advith Consulting LLP brings together specialists at different functional layers enabling finance operations in your organisation to function in an efficient manner. Depending upon the requirement of the business, our areas of focus range from streamling routine finance operations to ensuring compliances including taxation and corporate law and even to strategic, business finance & assurance, to provide a holistic approach to financial management.",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "Client Servicing Image",
},
{
id: 2,
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"The significance and role of a finance function in an organisation depends on multiple factors including the vision of the management, nature of business, scale of operations & status of funding among others. At Advith Consulting, we offer FC & CFO Services upon careful evaluation of the requirement of your business. Our role as FC's and CFO's will be to act as enablers in moving from data entry and reporting merely as a compliance to a mechanism wherein we bring together insightful data analysis and financial expertise to offer actionable insights to the leadership team.",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
// Add more objects here if needed
];
const Cfoservice = () => {
return (
<>
<div className="cfo-services-area ptb-100">
<Container>
{CFOData.map((item, index) => (
<ContentSection
key={item.id}
subtitle={item.subtitle}
title={item.title}
paragraphs={item.paragraphs}
imageSrc={item.imageSrc}
imageAlt={item.imageAlt}
reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/>
))}
</Container>
</div>
</>
);
};
export default Cfoservice;
container/ClientServicing/RA/RaPage.js 0 → 100644
import Clientele from "@/components/reuseables/Clientele";
import PageBanner from "@/components/reuseables/PageBanner";
import MethodOne from "@/components/reuseables/services/MethodOne";
import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
import ContentSection from "@/components/reuseables/ServicesContent";
import {
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
import React from "react";
import { Container } from "react-bootstrap";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Client Servicing - RA ",
homePageUrl: "/",
homePageText: "Home",
activePageText: "RA",
},
// Add more banners as needed
];
const RAData = [
{
subtitle: "Client Servicing",
title: "Client Servicing - CFO",
paragraphs: [
"As businesses grow and expand their footprint, an area that is often neglected is the requirement to bring in discipline in areas of finance, human resource management operations. At Advith Consulting, we follow a 4-step ‘EASE’ Approach. ",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "Client Servicing Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"Often, it is not until something goes wrong that an organisation realises that it is has ineffective internal controls. Further, there is also a misconception among organisations that internal controls are needed only to satisy the statutory auditor. Strong internal controls play a crucial role in the success of any organisation. They enhance efficiency, ensure compliance, streamline operations & facilitate growth. Irrespective of the size of your organisation, defining processes, identifying risks & establishing controls are essential. At Advith, we understand the business of the entity and build strong yet agile processes to ensure that they stand the test of time. ",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
];
const sliderConfig = {
spaceBetween: 20,
slidesPerView: 4,
showPagination: true,
showAutoplay: true,
autoplayDelay: 4000,
};
const MethodOneData = [
{
img: "/images/shape/icon/discovery.png",
title: "E – Understand existing processes",
descr:
"Understand the business of the entity & identify the requirements of the entity with respect to the finance function",
altText: "discovery-icon",
},
{
img: "/images/shape/icon/analysis.png",
title: "A – Analyze the gaps ",
descr: " Analyze past financial data to uncover trends and obtain insights",
altText: "analysis-icon",
},
{
img: "/images/shape/icon/setup.png",
title: "S – Set up SOP’s ",
descr: " Establishing the Modus Operandi of the finance function",
altText: "setup-icon",
},
{
img: "/images/shape/icon/execution.png",
title: "E – Effective Implementation",
descr: " Implement financial strategies and manage day-to-day operations ",
altText: "execution-icon",
},
];
const methodTwoData = [
{
img: "/images/services/cfo/activity/recurring.png",
title: "Understanding Common Terms",
descr:
"By establishing a common vocabulary, it promotes consistency, minimizes ambiguity, and enhances communication, thereby facilitating accurate interpretation and execution of the procedures outlined in the SOP.",
},
{
img: "/images/services/cfo/activity/monthly.png",
title: "Organisation Structure",
descr:
"This matrix outlines reporting relationships, hierarchical structures, and communication channels among different departments or personnel involved in the SOP processes.",
},
{
img: "/images/services/cfo/activity/quarterly.png",
title: "Process Flow Chart & Detailed Process Notes:",
descr:
"A flow provides a visual representation of the sequential steps in the process. The detailed process notes that accompany the flow chart provide a more in-depth explanation of each step in the process",
},
{
img: "/images/services/cfo/activity/annual.png",
title: "Risk Control Matrix:",
descr:
"Risks associated with each step in the process are Controls may be categorized as System (automated), Manual (human intervention), or Hybrid (combination of both). ",
},
{
img: "/images/services/cfo/activity/need.png",
title: "Version Control",
descr:
"With identifiable version numbers, dates, and authorship details, it enhances accountability and transparency during audits. Effective version control streamlines collaboration, allowing multiple contributors to work simultaneously.",
},
];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const RaPage = () => {
return (
<>
<PageBanner banners={banners} />
<div className="cfo-services-area ptb-100">
<Container>
{RAData.map((item, index) => (
<ContentSection
key={item.id}
subtitle={item.subtitle}
title={item.title}
paragraphs={item.paragraphs}
imageSrc={item.imageSrc}
imageAlt={item.imageAlt}
reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/>
))}
</Container>
</div>
<MethodOne
data={MethodOneData}
sectionTitle="Elements in CFO Services"
heading="Methodology 1 - How we do it? "
descrption="Here are some key activities we focus on in our CFO services."
sliderConfig={sliderConfig} // Pass the slider configuration here
/>
<MethodTwoSection
sectionTitle="Elements in CFO Services - Option 2"
subTitle="Methodology 2 - How we do it?"
methodData={methodTwoData}
slidesPerView={5}
spaceBetween={20}
autoplayDelay={4000}
showPagination={true}
showAutoplay={true}
/>
<div className="ptb-100 bg-fafafa">
<Clientele partners={partners} />
</div>
</>
);
};
export default RaPage;
container/ClientServicing/TA/TaPage.js
......@@ -8,7 +8,8 @@ import {
slideFromRight,
} from "@/components/reuseables/variants";
import MethodOne from "@/components/reuseables/services/MethodOne";
import { MethodTwo } from "@/components/reuseables/services/MethodTwo";
import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
import Clientele from "@/components/reuseables/Clientele";
const banners = [
{
......@@ -41,6 +42,148 @@ const CFOData = [
},
// Add more objects here if needed
];
const sliderConfig = {
spaceBetween: 20,
slidesPerView: 4,
showPagination: true,
showAutoplay: true,
autoplayDelay: 4000,
};
// method one content
const MethodOneData = [
{
img: "/images/shape/icon/discovery.png",
title: "Strategy Evaluation & Planning ",
descr: " Strategy, Structuring, Gantt & RACI, Preparedness",
altText: "discovery-icon",
},
{
img: "/images/shape/icon/analysis.png",
title: "Execution",
descr:
"Negotiation, Due Diligence, Conflict Management, Roadshows, Valuations",
altText: "analysis-icon",
},
{
img: "/images/shape/icon/setup.png",
title: "Completion",
descr: "Sign Off's, Impact Assessment, Reporting ",
altText: "setup-icon",
},
{
img: "/images/shape/icon/execution.png",
title: "Post Completion Support ",
descr:
" Implementation, Change Management, Synergy Evaluation, Stabilisation ",
altText: "execution-icon",
},
// {
// img: "/images/shape/icon/execution.png",
// title: "Post Completion Support ",
// descr:
// " Implementation, Change Management, Synergy Evaluation, Stabilisation ",
// altText: "execution-icon",
// },
];
const methodTwoData = [
{
img: "/images/services/cfo/activity/recurring.png",
title: " Deal Structuring & Negotiation",
descr:
"Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters",
},
{
img: "/images/services/cfo/activity/monthly.png",
title: " Business Modelling",
descr:
"Monthly book closures, payroll processing, compliance management, tracking of budget vs actuals, cash & fund flow management ",
},
{
img: "/images/services/cfo/activity/quarterly.png",
title: "Due Diligence",
descr:
"Presentation to the Board, Investment Evaluation, Evaluation of Processes",
},
{
img: "/images/services/cfo/activity/annual.png",
title: "Valuations",
descr: "Audit Assistance, Budgeting, Reporting to Investors",
},
{
img: "/images/services/cfo/activity/need.png",
title: "Mergers & Acquisitions",
descr: "As per requirement of the Management",
},
{
img: "/images/services/cfo/activity/quarterly.png",
title: " Fund Raise Management",
descr:
"Presentation to the Board, Investment Evaluation, Evaluation of Processes",
},
{
img: "/images/services/cfo/activity/annual.png",
title: "Post Merger Integrations",
descr: "Audit Assistance, Budgeting, Reporting to Investors",
},
{
img: "/images/services/cfo/activity/need.png",
title: "Cross Border Transactions",
descr: "As per requirement of the Management",
},
{
img: "/images/services/cfo/activity/annual.png",
title: "Transfer Pricing Advisory",
descr: "Audit Assistance, Budgeting, Reporting to Investors",
},
{
img: "/images/services/cfo/activity/need.png",
title: "Business Restructuring",
descr: "As per requirement of the Management",
},
// Add more data as needed
];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const TaPage = () => {
return (
<>
......@@ -63,8 +206,26 @@ const TaPage = () => {
))}
</Container>
</div>
<MethodOne />
<MethodTwo />
<MethodOne
data={MethodOneData}
sectionTitle="Elements in CFO Services"
heading="Methodology 2 - How we do it?"
descrption="Here are some key activities we focus on in our CFO services."
sliderConfig={sliderConfig} // Pass the slider configuration here
/>
<MethodTwoSection
sectionTitle="Elements in CFO Services - Option 2"
subTitle="Methodology 2 - How we do it?"
methodData={methodTwoData}
slidesPerView={5}
spaceBetween={20}
autoplayDelay={4000}
showPagination={true}
showAutoplay={true}
/>
<div className="ptb-100 bg-fafafa">
<Clientele partners={partners} />
</div>
</>
);
};
......
container/IndustryFocus/IndustryPage.js
......@@ -2,6 +2,7 @@ import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
import Education from "./Education";
import LifeSciences from "./LifeSciences";
import Technology from "./Technology";
const banners = [
{
......@@ -18,6 +19,7 @@ const IndustryPage = () => {
<PageBanner banners={banners} />
<Education />
<LifeSciences />
<Technology />
</>
);
};
......
container/IndustryFocus/RealEstate.js 0 → 100644
import React, { useState } from "react";
import { Tab, Tabs, TabPanel } from "react-tabs";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Technology",
subtitle: "Our Approach",
paragraphs: [
"Real estate finance is complex and dynamic. Through our expertise in the field of Real Estate, we will help you navigate the landscape and make informed decisions",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "OurApproch",
},
// Add more objects here if you have more content sections
];
const Sidebar = [
{ name: "Transaction Advisory" },
{ name: "Business Advisory" },
{ name: "Risk Advisory" },
];
const TransactionAdvisory = [
{
title: "Due Diligence ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Fund Raise Assistance",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Restructuring",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Corporate Law Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
const BusinessAdvisory = [
{
title: "ESOP Structuring ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Business Modelling & Valuation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Transfer Pricing ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Strategic Finance Office",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Cross Border Transactions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Structuring around Taxation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const RiskAdvisory = [
{
title: "Establishing Process & Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Review of Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const RealEstate = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return (
<>
<div className="our-approch ptb-100">
<Container>
{OurApproachData.map((item) => (
<Row className="align-items-center" key={item.id}>
<Col lg={6} md={12}>
<div className="what-we-do-text">
<span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
))}
</div>
</Col>
<Col lg={6} md={12}>
<div className="what-we-do-img">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={item.imageSrc}
alt={item.imageAlt}
layout="fill"
className="img-fluid image"
/>
</motion.div>
</div>
</Col>
</Row>
))}
</Container>
</div>
<section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</>
);
};
export default RealEstate;
container/IndustryFocus/Technology.js 0 → 100644
import React, { useState } from "react";
import { Tab, Tabs, TabPanel } from "react-tabs";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Technology",
subtitle: "Our Approach",
paragraphs: [
"Whether you are a product or a service company, we deliver financial solutions that keep you ahead of the curve. We assist Tech companies in optimizing their financial operations, managing stakeholder relationships, and navigating the business finance environment. Our goal is to empower technology-driven businesses to scale and succeed.",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "OurApproch",
},
// Add more objects here if you have more content sections
];
const Sidebar = [
{ name: "Transaction Advisory" },
{ name: "Business Advisory" },
{ name: "Risk Advisory" },
];
const TransactionAdvisory = [
{
title: "Due Diligence ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Fund Raise Assistance",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Restructuring",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Corporate Law Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
const BusinessAdvisory = [
{
title: "ESOP Structuring ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Business Modelling & Valuation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Transfer Pricing ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Strategic Finance Office",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Cross Border Transactions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Structuring around Taxation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const RiskAdvisory = [
{
title: "Establishing Process & Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Review of Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const Technology = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return (
<>
<div className="our-approch ptb-100">
<Container>
{OurApproachData.map((item) => (
<Row className="align-items-center" key={item.id}>
<Col lg={6} md={12}>
<div className="what-we-do-text">
<span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
))}
</div>
</Col>
<Col lg={6} md={12}>
<div className="what-we-do-img">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={item.imageSrc}
alt={item.imageAlt}
layout="fill"
className="img-fluid image"
/>
</motion.div>
</div>
</Col>
</Row>
))}
</Container>
</div>
<section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</>
);
};
export default Technology;
pages/client-servicing/ra.js 0 → 100644
import RaPage from "@/container/ClientServicing/RA/RaPage";
import React from "react";
const ra = () => {
return (
<>
<RaPage />
</>
);
};
export default ra;
public/images/shape/icon/evalution.png
public/images/shape/icon/evalution.png

7.63 KB | W: | H:

public/images/shape/icon/evalution.png

7.64 KB | W: | H:

public/images/shape/icon/evalution.png
public/images/shape/icon/evalution.png
public/images/shape/icon/evalution.png
public/images/shape/icon/evalution.png
  • 2-up
  • Swipe
  • Onion skin
styles/styles.css
......@@ -7120,8 +7120,29 @@ Widget Area CSS
border-bottom: 1px dashed #eeeeee;
font-size: 20px;
}
.widget-area .widget_service_categories ul li:active {
.widget-area .widget_service_categories ul li {
background: #e9e9e9;
width: -webkit-fill-available;
color: #000000;
padding: 1vw;
}
.widget-area .widget_service_categories ul li .tab-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.widget-area .widget_service_categories ul li:active i {
color: var(--mainColor);
}
.widget-area .widget_service_categories ul li:hover {
color: var(--mainColor);
}
.widget-area .widget_service_categories ul li a {
......@@ -7896,10 +7917,22 @@ Modal CSS
text-align: center;
font-weight: 600;
font-size: calc(28px + (14 - 28) * (100vw - 320px) / (1920 - 320));
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 45px;
}
.method-descr {
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 75px;
}
.card-number {
......@@ -7920,21 +7953,41 @@ Modal CSS
/* methods */
.method-above-img-content {
margin-top: 5vh;
margin-left: 1vw;
}
.method-below-img-content {
margin-bottom: 10vh;
margin-left: 1vw;
}
.method-one-above-img {
margin-top: 18vh;
margin-top: 7vw;
margin-left: 6.5vh;
}
.method-below-img {
margin-left: 5vh;
}
.method-line {
margin-left: -.5vh;
margin-left: 0vh;
margin-right: -8vh;
}
.method-line2 {
margin-left: -1.2vh;
margin-left: 0vh;
margin-right: -8vh;
}
.method-container {
/* background: red; */
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.last-method-container .method-container {
margin-left: -3vw;
}
\ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!