Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 18258ff8 by sujata
Options

pages update

1 parent d9b77082
Inline Side-by-side
Showing 8 changed files with 325 additions and 176 deletions
components/reuseables/services/MethodTwo.js
...@@ -4,10 +4,12 @@ import Heading from "../Heading"; ...@@ -4,10 +4,12 @@ import Heading from "../Heading";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { slideFromLeft } from "../variants"; import { slideFromLeft } from "../variants";
import Image from "next/image"; import Image from "next/image";
import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules";
const MethodTwoData = [ const MethodTwoData = [
{ {
img: "/images/services/cfo/activity/recurring.png", img: "/images/services/cfo/activity/recurring.png",
title: "1. Recurring Activities", title: "1. Recurring Activities",
descr: descr:
"Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters", "Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters",
...@@ -34,62 +36,81 @@ const MethodTwoData = [ ...@@ -34,62 +36,81 @@ const MethodTwoData = [
title: "5. Need Based", title: "5. Need Based",
descr: "As per requirement of the Management", descr: "As per requirement of the Management",
}, },
]; ];
export const MethodTwo = () => { export const MethodTwo = () => {
return ( return (
<> <>
<section className="methodthree ptb-100"> <section className="methodthree ptb-100">
<Container fluid> <Container className="justify-content-center align-self-center">
<div className="section-title "> <div className="section-title">
<span className="sub-title">Methodology 2 - How we do it? </span> <span className="sub-title">Methodology 2 - How we do it?</span>
<Heading el="h2" heading="Elements in CFO Services - Option 2" /> <Heading el="h2" heading="Elements in CFO Services - Option 2" />
</div> </div>
<Row className="justify-content-center"> <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,
}}
modules={[Pagination, Autoplay]}
className="services-slides"
>
{MethodTwoData.map((card, index) => ( {MethodTwoData.map((card, index) => (
<Col lg={2} md={3} sm={4} xs={6} key={index}> <SwiperSlide key={index}>
<motion.div <motion.div
variants={slideFromLeft(0.5 * index)} variants={slideFromLeft(0.5 )}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
> >
<div className="activity-card g-5"> <div className="activity-card g-5">
{index % 2 === 0 ? ( <Col>
// Image above, content below {index % 2 === 0 ? (
<> // Image above, content below
<div className="image-container mb-2"> <>
<Image <div className="image-container mb-2">
aria-hidden="true" <Image
alt="calendar-icon" aria-hidden="true"
src={card.img} alt="calendar-icon"
layout="fill" src={card.img}
className="img-fluid image" layout="fill"
/> className="img-fluid image"
</div> />
<div className="method-title">{card.title}</div> </div>
<div className="method-descr">{card.descr}</div> <div className="method-title">{card.title}</div>
</> <div className="method-descr">{card.descr}</div>
) : ( </>
// Content above, image below ) : (
<> // Content above, image below
<div className="method-title">{card.title}</div> <>
<div className="method-descr">{card.descr}</div> <div className="method-title">{card.title}</div>
<div className="image-container mt-5"> <div className="method-descr">{card.descr}</div>
<Image <div className="image-container mt-5">
aria-hidden="true" <Image
alt="calendar-icon" aria-hidden="true"
src={card.img} alt="calendar-icon"
layout="fill" src={card.img}
className="img-fluid image" layout="fill"
/> className="img-fluid image"
</div> />
</> </div>
)} </>
)}
</Col>
</div> </div>
</motion.div> </motion.div>
</Col> </SwiperSlide>
))} ))}
</Row> </Swiper>
</Row>
</Container> </Container>
</section> </section>
</> </>
......
container/ClientServicing/Ba/BaPage.js 0 → 100644
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';
const banners = [
{
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",
},
];
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>
</>
)
}
export default BaPage
\ No newline at end of file \ No newline at end of file
container/ClientServicing/CFO/Cfoservice.js
...@@ -37,7 +37,7 @@ const CFOData = [ ...@@ -37,7 +37,7 @@ const CFOData = [
const Cfoservice = () => { const Cfoservice = () => {
return ( return (
<> <>
<div className="what-we-do-area ptb-100"> <div className="cfo-services-area ptb-100">
<Container> <Container>
{CFOData.map((item, index) => ( {CFOData.map((item, index) => (
<ContentSection <ContentSection
......
container/IndustryFocus/Education.js
import Heading from "@/components/reuseables/Heading"; import React, { useState } from "react";
import React from "react"; import { Tab, Tabs, TabPanel } from "react-tabs";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import { motion } from "framer-motion"; import Heading from "@/components/reuseables/Heading";
import { fadeIn, slideFromLeft } from "@/components/reuseables/variants";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Education ", title: "Education ",
subtitle: "Our Approach", subtitle: "Our Approach",
paragraphs: [ 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. ", "At Advith Consulting, we provide specialized financial consulting services tailored to the education sector. We help educational institutions manage their finances & strategic operations effectively, ensuring long-term sustainability and growth.",
], ],
imageSrc: "/images/about/people.jpg", imageSrc: "/images/about/people.jpg",
imageAlt: "Approch", imageAlt: "OurApproch",
}, },
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
const Sidebar = [ const Sidebar = [
{ name: "Transaction Advisory", link: "/services/details" }, { name: "Transaction Advisory" },
{ name: "Business Advisory", link: "/services/details" }, { name: "Business Advisory" },
{ name: "Risk Advisory", link: "/services/details" }, { name: "Risk Advisory" },
]; ];
const TransactionAdvisory = [ const TransactionAdvisory = [
...@@ -56,82 +55,74 @@ const TransactionAdvisory = [ ...@@ -56,82 +55,74 @@ const TransactionAdvisory = [
const BusinessAdvisory = [ const BusinessAdvisory = [
{ {
title: "Strategic Office ", title: "Strategic Office",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: descr: "Lorem Ipsum is simply dummy text",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
{ {
title: "Taxation ", title: "Taxation",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: descr: "Lorem Ipsum is simply dummy text",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
{ {
title: "Business Modelling ", title: "Business Modelling ",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: descr: "Lorem Ipsum is simply dummy text",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
{ {
title: "Family Business Structuring", title: "Family Business Structuring ",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: descr: "Lorem Ipsum is simply dummy text",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
// Add other services here...
]; ];
const RiskAdvisory = [ const RiskAdvisory = [
{ {
title: "Establishing Process & Internal Controls", title: "Establishing Process & Internal Controls",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
{ {
title: "Review of Internal Controls ", title: "Review of Internal Controls",
serviceIcon: "ri-group-2-line", serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
// Add other services here...
]; ];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory];
const partners = [ const partners = [
{ {
id: 1,
image: "/images/partner/partner1.png", image: "/images/partner/partner1.png",
altText: "partner", altText: "partner",
link: "#", link: "#",
}, },
{ {
id: 2,
image: "/images/partner/partner2.png", image: "/images/partner/partner2.png",
altText: "partner", altText: "partner",
link: "#", link: "#",
}, },
{ {
id: 3,
image: "/images/partner/partner1.png", image: "/images/partner/partner1.png",
altText: "partner", altText: "partner",
link: "#", link: "#",
}, },
{ {
id: 4,
image: "/images/partner/partner2.png", image: "/images/partner/partner2.png",
altText: "partner", altText: "partner",
link: "#", link: "#",
}, },
{ {
id: 5,
image: "/images/partner/partner1.png", image: "/images/partner/partner1.png",
altText: "partner", altText: "partner",
link: "#", link: "#",
}, },
]; ];
const Education = () => { const Education = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return ( return (
<> <>
<div className="our-approch ptb-100"> <div className="our-approch ptb-100">
...@@ -169,49 +160,54 @@ const Education = () => { ...@@ -169,49 +160,54 @@ const Education = () => {
))} ))}
</Container> </Container>
</div> </div>
<section className="bg-light pb-100 pt-100"> <section className="bg-light pb-100 pt-100">
<Container> <Container>
<Row> <Row>
<Col md={3} sm={12}> <Col md={3} sm={12}>
<IndustrySidebar title="CFO Services" services={Sidebar} /> <IndustrySidebar
</Col> title="CFO Services"
<Col md={9} sm={12}> services={Sidebar}
<section className="cfo-services pb-50 pt-50"> selectedIndex={selectedIndex}
<Container> 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"> <Row className="justify-content-center align-items-center">
{TransactionAdvisory && {services.map((service, i) => (
TransactionAdvisory.map((service) => ( <Col lg={4} md={6} sm={6} key={i}>
<Col lg={4} md={6} sm={6} key={service.id}> <div className="single-services-item border">
<div className="single-services-item border"> <div className="d-flex align-items-center icon">
<div className="d-flex align-items-center icon"> <i className={service.serviceIcon}></i>
<i className={service.serviceIcon}></i>
</div>
<h5> {service.title}</h5>
<p>{service.descr}</p>
</div> </div>
</Col> <h5>{service.title}</h5>
))} <p>{service.descr}</p>
</div>
</Col>
))}
</Row> </Row>
</Container> </TabPanel>
</section> ))}
</Col> </Tabs>
</Row> </Col>
</Container> </Row>
<Container className="pt-100"> </Container>
<Row> <Container className="pt-100">
<Col md={3} sm={12}> <Row>
<div className="what-we-do-text text-left"> <Col md={3} sm={12}>
<span className="sub-title">lorem</span> <div className="what-we-do-text text-left">
<Heading el="h2" heading="Clientele" /> <span className="sub-title">Lorem</span>
</div> <Heading el="h2" heading="Clientele" />
</Col> </div>
<Col md={8} sm={12} className="align-self-center"> </Col>
<Clientele partners={partners} /> <Col md={8} sm={12} className="align-self-center">
</Col> <Clientele partners={partners} />
</Row> </Col>
</Container> </Row>
</section> </Container>
</section>
</> </>
); );
}; };
......
container/IndustryFocus/IndustrySidebar.js
import React from "react"; import React from "react";
import Link from "next/link"; import { Tab, TabList } from "react-tabs";
const IndustrySidebar = ({ title, services }) => { const IndustrySidebar = ({ title, services, selectedIndex, setSelectedIndex }) => {
return ( return (
<div className="widget-area"> <div className="widget-area">
<div className="widget widget_service_categories"> <div className="widget widget_service_categories">
<h3 className="widget-title">{title}</h3> <h3 className="widget-title">{title}</h3>
<ul> <TabList>
{services.map((service, index) => ( {services.map((service, index) => (
<li key={index}> <Tab key={index} onClick={() => setSelectedIndex(index)}>
<Link href={service?.link}> {service.name}
{service.name} <i className="ri-arrow-right-s-line"></i>
<i className="ri-arrow-right-s-line"></i> </Tab>
</Link>
</li>
))} ))}
</ul> </TabList>
</div> </div>
</div> </div>
); );
......
container/IndustryFocus/LifeSciences.js
import Heading from "@/components/reuseables/Heading"; import React, { useState } from "react";
import React from "react"; import { Tab, Tabs, TabPanel } from "react-tabs";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import { motion } from "framer-motion"; import Heading from "@/components/reuseables/Heading";
import { fadeIn, slideFromLeft } from "@/components/reuseables/variants";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Life Sciences ", title: "Life Sciences ",
subtitle: "Our Approach", subtitle: "Our Approach",
paragraphs: [ paragraphs: [
"Our firm supports the life sciences industry by offering tailored financial solutions that drive research and development, statutory compliance, and market expansion. With many global pharma companies establishing their research hubs in India, we provide strategic financial guidance to enhance their operational and financial efficiency. Our expertise ensures that life sciences companies can focus on advancing healthcare while we manage their financial health. ", "Our firm supports the life sciences industry by offering tailored financial solutions that drive research and development, statutory compliance, and market expansion. With many global pharma companies establishing their research hubs in India, we provide strategic financial guidance to enhance their operational and financial efficiency. Our expertise ensures that life sciences companies can focus on advancing healthcare while we manage their financial health. ",
], ],
imageSrc: "/images/about/people.jpg", imageSrc: "/images/about/people.jpg",
imageAlt: "OurApproch", imageAlt: "OurApproch",
}, },
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
const Sidebar = [ const Sidebar = [
{ name: "Transaction Advisory", link: "/services/details" }, { name: "Transaction Advisory" },
{ name: "Business Advisory", link: "/services/details" }, { name: "Business Advisory" },
{ name: "Risk Advisory", link: "/services/details" }, { name: "Risk Advisory" },
]; ];
const TransactionAdvisory = [ const TransactionAdvisory = [
...@@ -54,6 +53,46 @@ const TransactionAdvisory = [ ...@@ -54,6 +53,46 @@ const TransactionAdvisory = [
}, },
]; ];
const BusinessAdvisory = [
{
title: "Strategic Office",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Taxation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Business Modelling ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Family Business Structuring ",
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 = [ const partners = [
{ {
image: "/images/partner/partner1.png", image: "/images/partner/partner1.png",
...@@ -81,8 +120,9 @@ const partners = [ ...@@ -81,8 +120,9 @@ const partners = [
link: "#", link: "#",
}, },
]; ];
const LifeSciences = () => { const LifeSciences = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return ( return (
<> <>
<div className="our-approch ptb-100"> <div className="our-approch ptb-100">
...@@ -120,49 +160,54 @@ const LifeSciences = () => { ...@@ -120,49 +160,54 @@ const LifeSciences = () => {
))} ))}
</Container> </Container>
</div> </div>
<section className="bg-light pb-100 pt-100"> <section className="bg-light pb-100 pt-100">
<Container> <Container>
<Row> <Row>
<Col md={3} sm={12}> <Col md={3} sm={12}>
<IndustrySidebar title="CFO Services" services={Sidebar} /> <IndustrySidebar
</Col> title="CFO Services"
<Col md={9} sm={12}> services={Sidebar}
<section className="cfo-services pb-50 pt-50"> selectedIndex={selectedIndex}
<Container> 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"> <Row className="justify-content-center align-items-center">
{TransactionAdvisory && {services.map((service, i) => (
TransactionAdvisory.map((service) => ( <Col lg={4} md={6} sm={6} key={i}>
<Col lg={4} md={6} sm={6} key={service.id}> <div className="single-services-item border">
<div className="single-services-item border"> <div className="d-flex align-items-center icon">
<div className="d-flex align-items-center icon"> <i className={service.serviceIcon}></i>
<i className={service.serviceIcon}></i>
</div>
<h5> {service.title}</h5>
<p>{service.descr}</p>
</div> </div>
</Col> <h5>{service.title}</h5>
))} <p>{service.descr}</p>
</div>
</Col>
))}
</Row> </Row>
</Container> </TabPanel>
</section> ))}
</Col> </Tabs>
</Row> </Col>
</Container> </Row>
<Container className="pt-100"> </Container>
<Row> <Container className="pt-100">
<Col md={3} sm={12}> <Row>
<div className="what-we-do-text text-left"> <Col md={3} sm={12}>
<span className="sub-title">lorem</span> <div className="what-we-do-text text-left">
<Heading el="h2" heading="Clientele" /> <span className="sub-title">Lorem</span>
</div> <Heading el="h2" heading="Clientele" />
</Col> </div>
<Col md={8} sm={12} className="align-self-center"> </Col>
<Clientele partners={partners} /> <Col md={8} sm={12} className="align-self-center">
</Col> <Clientele partners={partners} />
</Row> </Col>
</Container> </Row>
</section> </Container>
</section>
</> </>
); );
}; };
......
pages/client-servicing/ba.js 0 → 100644
import BaPage from '@/container/ClientServicing/Ba/BaPage'
import React from 'react'
const ba = () => {
return (
<>
<BaPage />
</>
)
}
export default ba
\ No newline at end of file \ No newline at end of file
styles/styles.css
...@@ -7120,6 +7120,9 @@ Widget Area CSS ...@@ -7120,6 +7120,9 @@ Widget Area CSS
border-bottom: 1px dashed #eeeeee; border-bottom: 1px dashed #eeeeee;
font-size: 20px; font-size: 20px;
} }
.widget-area .widget_service_categories ul li:active {
color: var(--mainColor);
}
.widget-area .widget_service_categories ul li a { .widget-area .widget_service_categories ul li a {
display: block; display: block;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!