Skip to content

sujata / advithconsulting.io-frontend

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

services page

1 parent d3871700
Inline Side-by-side
Showing 33 changed files with 755 additions and 175 deletions
components/reuseables/Clientele.js
...@@ -33,7 +33,7 @@ const Clientele = ({ ...@@ -33,7 +33,7 @@ const Clientele = ({
{partners && {partners &&
partners.map((logo) => ( partners.map((logo) => (
<SwiperSlide className={itemClassName} key={logo.id}> <SwiperSlide className={itemClassName} key={logo.id}>
<div className="justify-content-center align-items-center gap-3"> <div className="justify-content-center align-items-center gap-5">
<a href={logo.link} className="d-inline-block"> <a href={logo.link} className="d-inline-block">
<Image <Image
src={logo.image} src={logo.image}
......
components/reuseables/ServicesContent.js 0 → 100644
import React from "react";
import { Col, Row } from "react-bootstrap";
import Image from "next/image";
import { motion } from "framer-motion";
import Heading from "@/components/reuseables/Heading";
const ContentSection = ({
subtitle,
title,
paragraphs,
imageSrc,
imageAlt,
reverse,
animation,
}) => {
return (
<Row
className="align-items-center mb-5 mb-lg-5 mb-xl-5 gx-5"
style={{
flexDirection: reverse ? "row-reverse" : "row",
}}
>
<Col lg={6} md={12}>
<motion.div
variants={animation}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<Image
src={imageSrc}
alt={imageAlt}
layout="fill"
className="img-fluid image"
/>
</motion.div>
</Col>
<Col lg={6} md={12}>
<div className="call-back-request-text">
<span className="sub-title">{subtitle}</span>
<Heading el="h2" heading={title} />
{paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
))}
</div>
</Col>
</Row>
);
};
export default ContentSection;
components/reuseables/services/MethodOne.js 0 → 100644
import React from "react";
import { Col, Container, Image, Row } from "react-bootstrap";
import Heading from "../Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "../variants";
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}>
<motion.div
variants={slideFromLeft(0.5 * index)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="activity-card g-5">
{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"
}`}
>
{
<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>
</div>
</>
) : (
// Content above, image below
<>
<div className="method-below-img-content">
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</div>
<div className="image-container mt-2 d-flex">
<Image
aria-hidden="true"
alt="calendar-icon"
src={card.img}
layout="fill"
className="img-fluid image"
/>
<span
className={`method-line2 align-self-center ${
index === MethodData.length - 1
? "d-none"
: "d-block"
}`}
>
<svg
width="80px"
height="80px"
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>
</motion.div>
</Col>
))}
</Row>
</Container>
</section>
</>
);
};
export default MethodOne;
components/reuseables/services/MethodTwo.js 0 → 100644
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "../Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "../variants";
import Image from "next/image";
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 = () => {
return (
<>
<section className="methodthree ptb-100">
<Container fluid>
<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="justify-content-center">
{MethodTwoData.map((card, index) => (
<Col lg={2} md={3} sm={4} xs={6} key={index}>
<motion.div
variants={slideFromLeft(0.5 * index)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="activity-card g-5">
{index % 2 === 0 ? (
// Image above, content below
<>
<div className="image-container mb-2">
<Image
aria-hidden="true"
alt="calendar-icon"
src={card.img}
layout="fill"
className="img-fluid image"
/>
</div>
<div className="method-title">{card.title}</div>
<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"
src={card.img}
layout="fill"
className="img-fluid image"
/>
</div>
</>
)}
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</section>
</>
);
};
container/Blog/[slug]/index.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import BlogSidebar from "@/components/Blog/BlogSidebar"; import BlogSidebar from "@/components/Blog/BlogSidebar";
import Image from "next/image";
const BlogDetailsContent = () => { const BlogDetailsContent = () => {
return ( return (
...@@ -11,7 +12,12 @@ const BlogDetailsContent = () => { ...@@ -11,7 +12,12 @@ const BlogDetailsContent = () => {
<div className="col-lg-8 col-md-12"> <div className="col-lg-8 col-md-12">
<div className="blog-details-desc"> <div className="blog-details-desc">
<div className="article-image"> <div className="article-image">
<img src="/images/blog/blog1.jpg" alt="image" /> <Image
src="/images/blog/blog1.jpg"
layout="fill"
alt="image"
className="image-fluid image"
/>
</div> </div>
<div className="article-content"> <div className="article-content">
...@@ -69,17 +75,32 @@ const BlogDetailsContent = () => { ...@@ -69,17 +75,32 @@ const BlogDetailsContent = () => {
<ul className="wp-block-gallery columns-3"> <ul className="wp-block-gallery columns-3">
<li className="blocks-gallery-item"> <li className="blocks-gallery-item">
<figure> <figure>
<img src="/images/blog/blog2.jpg" alt="image" /> <Image
className="img-fuild image"
src="/images/blog/blog2.jpg"
alt="image"
layout="fill"
/>
</figure> </figure>
</li> </li>
<li className="blocks-gallery-item"> <li className="blocks-gallery-item">
<figure> <figure>
<img src="/images/blog/blog3.jpg" alt="image" /> <Image
className="img-fuild image"
src="/images/blog/blog3.jpg"
alt="image"
layout="fill"
/>
</figure> </figure>
</li> </li>
<li className="blocks-gallery-item"> <li className="blocks-gallery-item">
<figure> <figure>
<img src="/images/blog/blog4.jpg" alt="image" /> <Image
className="img-fuild image"
src="/images/blog/blog4.jpg"
alt="image"
layout="fill"
/>
</figure> </figure>
</li> </li>
</ul> </ul>
......
container/ClientServicing/CFO/Cfoservice.js
...@@ -4,101 +4,57 @@ import React from "react"; ...@@ -4,101 +4,57 @@ import React from "react";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Image from "next/image"; import Image from "next/image";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, slideFromLeft } from "@/components/reuseables/variants"; import {
fadeIn,
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
import ContentSection from "@/components/reuseables/ServicesContent";
const CFOData = [ const CFOData = [
{ {
id: 1, id: 1,
subtitle: "Client Servicing", subtitle: "Client Servicing",
title: "Client Servicing - CFO ", title: "Client Servicing - CFO",
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. ", "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", imageSrc: "/images/about/people.jpg",
imageAlt: "image", imageAlt: "Client Servicing Image",
}, },
// Add more objects here if you have more content sections
];
const aboutcfo = [
{ {
id: 2,
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services", title: "About FC & CFO Services",
subtitle: "lorem", paragraphs: [
description: "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.",
"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 = () => { const Cfoservice = () => {
return ( return (
<> <>
<div className="what-we-do-area ptb-100"> <div className="what-we-do-area ptb-100">
<Container> <Container>
{CFOData.map((item) => ( {CFOData.map((item, index) => (
<Row className="align-items-center" key={item.id}> <ContentSection
<Col lg={6} md={12}> key={item.id}
<div className="what-we-do-text"> subtitle={item.subtitle}
<span className="sub-title">{item.subtitle}</span> title={item.title}
<Heading el="h2" heading={item.title} className="h2" /> paragraphs={item.paragraphs}
{item.paragraphs.map((paragraph, index) => ( imageSrc={item.imageSrc}
<p key={index}>{paragraph}</p> imageAlt={item.imageAlt}
))} reverse={index % 2 !== 0}
</div> animation={
</Col> index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
<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> </Container>
</div> </div>
<div className="about-cfo pb-100">
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="call-back-request-img">
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<Image
src="/images/home/knowledge.png"
layout="fill"
className="img-fluid image"
alt="image"
/>
</motion.div>
</div>
</Col>
<Col lg={6} md={12}>
<div className="call-back-request-text">
<span className="sub-title">{aboutcfo[0].subtitle}</span>
<Heading el="h2" heading={aboutcfo[0].title} />
<p>{aboutcfo[0].description}</p>
</div>
</Col>
</Row>
</Container>
</div>
</> </>
); );
}; };
......
container/ClientServicing/CFO/Methods.js
...@@ -92,17 +92,17 @@ const MethodThree = [ ...@@ -92,17 +92,17 @@ const MethodThree = [
const Methods = () => { const Methods = () => {
return ( return (
<> <>
<section className="methodone ptb-100"> <section className="methodone pb-100">
<Container> <Container fluid>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={6} md={12}> <Col lg={5} md={12}>
<div className="call-back-request-text"> <div className="call-back-request-text">
<span className="sub-title">{MethodOne[0].subtitle}</span> <span className="sub-title">{MethodOne[0].subtitle}</span>
<Heading el="h2" heading={MethodOne[0].title} /> <Heading el="h2" heading={MethodOne[0].title} />
<p>{MethodOne[0].description}</p> <p>{MethodOne[0].description}</p>
</div> </div>
</Col> </Col>
<Col lg={6} md={12}> <Col lg={7} md={12}>
<div className="call-back-request-img"> <div className="call-back-request-img">
<motion.div <motion.div
variants={slideFromLeft(0.5)} variants={slideFromLeft(0.5)}
......
container/ClientServicing/TA/TaPage.js 0 → 100644
import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
import ContentSection from "@/components/reuseables/ServicesContent";
import { Container } from "react-bootstrap";
import { motion } from "framer-motion";
import {
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
import MethodOne from "@/components/reuseables/services/MethodOne";
import { MethodTwo } from "@/components/reuseables/services/MethodTwo";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Client Servicing - TA ",
homePageUrl: "/",
homePageText: "Home",
activePageText: "TA",
},
// Add more banners as needed
];
const CFOData = [
{
subtitle: "Client Servicing",
title: "Client Servicing - TA",
paragraphs: [
"At Advith Consulting, we don’t see deals as isolated events but rather as multiple related events forming part of a dynamic lifecycle. Our approach encompasses strategy, project management & execution and post transaction support. Our services include Deal Structuring, Mergers & Acquisitions, Due Diligence, Valuations, Cross Border Transactions, Transfer Pricing Advisory, Fund Raise Management, etc",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "Client Servicing Image",
},
{
subtitle: "About FC & CFO Services",
title: "About FC & CFO Services",
paragraphs: [
"Make or break events for an organisation, a transaction is an event that is likey to impact the operations, growth and scale of organisations in a siginficant manner.We bring together experts at different functional layers in order to ensure that you receive a 360 degree perspective on your transaction.",
],
imageSrc: "/images/home/knowledge.png",
imageAlt: "FC & CFO Services Image",
},
// Add more objects here if needed
];
const TaPage = () => {
return (
<>
<PageBanner banners={banners} />
<div className="what-we-do-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 />
<MethodTwo />
</>
);
};
export default TaPage;
container/Contact/ContactForm.js
...@@ -71,7 +71,7 @@ const ContactForm = () => { ...@@ -71,7 +71,7 @@ const ContactForm = () => {
/> />
</div> </div>
</Col> </Col>
<div className="col-lg-12 col-md-12 col-sm-12"> <Col lg={12} md={12} sm={6}>
<div className="form-group"> <div className="form-group">
<textarea <textarea
name="text" name="text"
...@@ -82,8 +82,8 @@ const ContactForm = () => { ...@@ -82,8 +82,8 @@ const ContactForm = () => {
required required
/> />
</div> </div>
</div> </Col>
<div className="col-lg-12 col-md-12 col-sm-12"> <Col lg={12} md={12} sm={12}>
<div className="form-check"> <div className="form-check">
<input <input
type="checkbox" type="checkbox"
...@@ -98,12 +98,12 @@ const ContactForm = () => { ...@@ -98,12 +98,12 @@ const ContactForm = () => {
and <Link href="/privacy-policy">Privacy Policy</Link> and <Link href="/privacy-policy">Privacy Policy</Link>
</label> </label>
</div> </div>
</div> </Col>
<div className="col-lg-12 col-md-12 col-sm-12"> <Col lg={12} md={12} sm={12}>
<button type="submit" className="default-btn"> <button type="submit" className="default-btn">
Send Message <i className="ri-arrow-right-line"></i> Send Message <i className="ri-arrow-right-line"></i>
</button> </button>
</div> </Col>
</Row> </Row>
</form> </form>
</div> </div>
......
container/Home/AboutContent.js
...@@ -42,9 +42,9 @@ const AboutContent = () => { ...@@ -42,9 +42,9 @@ const AboutContent = () => {
viewport={{ once: false, amount: 0.2 }} viewport={{ once: false, amount: 0.2 }}
> >
<Image <Image
width={800}
height={800}
src="/images/about/about1.png" src="/images/about/about1.png"
layout="fill"
className="img-fluid image"
alt="image" alt="image"
/> />
</motion.div> </motion.div>
......
container/Home/HomeBanner.js
...@@ -4,6 +4,7 @@ import { Swiper, SwiperSlide } from "swiper/react"; ...@@ -4,6 +4,7 @@ import { Swiper, SwiperSlide } from "swiper/react";
import { EffectCreative, Navigation, Autoplay } from "swiper/modules"; import { EffectCreative, Navigation, Autoplay } from "swiper/modules";
import Heading from "@/components/reuseables/Heading"; import Heading from "@/components/reuseables/Heading";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Image from "next/image";
const bannerData = [ const bannerData = [
{ {
...@@ -68,10 +69,8 @@ const HomeBanner = () => { ...@@ -68,10 +69,8 @@ const HomeBanner = () => {
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="main-banner-content"> <div className="main-banner-content">
<span className="sub-title">{banner.subtitle}</span> <span className="sub-title">{banner.subtitle}</span>
<h1>{banner.title}</h1> <h1>{banner.title}</h1>
<p>{banner.description}</p> <p>{banner.description}</p>
<div className="btn-box"> <div className="btn-box">
<Link href={banner.buttonLink1} className="default-btn"> <Link href={banner.buttonLink1} className="default-btn">
{banner.buttonText1} {banner.buttonText1}
...@@ -87,7 +86,12 @@ const HomeBanner = () => { ...@@ -87,7 +86,12 @@ const HomeBanner = () => {
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">
<div className="main-banner-image"> <div className="main-banner-image">
<img src={banner.image} alt="image" /> <Image
layout="fill"
src={banner.image}
alt="image"
className="image-fluid image"
/>
</div> </div>
</div> </div>
</Row> </Row>
......
container/Home/PartnerSlider.js
...@@ -72,9 +72,8 @@ const PartnerSlider = () => { ...@@ -72,9 +72,8 @@ const PartnerSlider = () => {
<Image <Image
src={logo.image} src={logo.image}
alt={logo.altText} alt={logo.altText}
className="img-fluid" className="img-fluid image"
width={200} layout="fill"
height={100}
/> />
</a> </a>
</SwiperSlide> </SwiperSlide>
......
container/IndustryFocus/Education.js
...@@ -4,6 +4,8 @@ import { Col, Container, Row } from "react-bootstrap"; ...@@ -4,6 +4,8 @@ import { Col, Container, Row } from "react-bootstrap";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, slideFromLeft } from "@/components/reuseables/variants"; 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 Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
const OurApproachData = [ const OurApproachData = [
{ {
...@@ -17,52 +19,63 @@ const OurApproachData = [ ...@@ -17,52 +19,63 @@ const OurApproachData = [
}, },
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
const Sidebar = [
{ name: "Transaction Advisory", link: "/services/details" },
{ name: "Business Advisory", link: "/services/details" },
{ name: "Risk Advisory", link: "/services/details" },
];
const TransactionAdvisory = [ const TransactionAdvisory = [
{ {
title: "Deal Advisory", title: "Deal Advisory",
descr: serviceIcon: "ri-group-2-line",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", descr: "Lorem Ipsum is simply dummy text",
}, },
{ {
title: "Merger & Acquisition", title: "Merger & Acquisition",
descr: serviceIcon: "ri-group-2-line",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", descr: "Lorem Ipsum is simply dummy text",
}, },
{ {
title: "Due Diligence", title: "Due Diligence",
descr: serviceIcon: "ri-group-2-line",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", descr: "Lorem Ipsum is simply dummy text",
}, },
{ {
title: "Fund Raise Assistance", title: "Fund Raise Assistance",
descr: serviceIcon: "ri-group-2-line",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", descr: "Lorem Ipsum is simply dummy text",
}, },
{ {
title: "Project Management ", title: "Project Management ",
descr: serviceIcon: "ri-group-2-line",
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", descr: "Lorem Ipsum is simply dummy text",
}, },
]; ];
const BusinessAdvisory = [ const BusinessAdvisory = [
{ {
title: "Strategic Office ", title: "Strategic Office ",
serviceIcon: "ri-group-2-line",
descr: descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
{ {
title: "Taxation ", title: "Taxation ",
serviceIcon: "ri-group-2-line",
descr: descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
{ {
title: "Business Modelling ", title: "Business Modelling ",
serviceIcon: "ri-group-2-line",
descr: descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", "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",
descr: descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
...@@ -71,11 +84,15 @@ const BusinessAdvisory = [ ...@@ -71,11 +84,15 @@ const BusinessAdvisory = [
const RiskAdvisory = [ const RiskAdvisory = [
{ {
title: "Establishing Process & Internal Controls", title: "Establishing Process & Internal Controls",
serviceIcon: "ri-group-2-line",
descr: descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", "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",
descr: descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.", "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
}, },
...@@ -153,80 +170,45 @@ const Education = () => { ...@@ -153,80 +170,45 @@ const Education = () => {
</Container> </Container>
</div> </div>
<section className="cfo-services pb-100 pt-50"> <section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar title="CFO Services" services={Sidebar} />
</Col>
<Col md={9} sm={12}>
<section className="cfo-services pb-50 pt-50">
<Container> <Container>
<div className="section-title"> <Row className="justify-content-center align-items-center">
<span className="sub-title">What we do? - CFO Services</span> {TransactionAdvisory &&
<Heading el="h2" heading="Transaction Advisory" /> TransactionAdvisory.map((service) => (
<Col lg={4} md={6} sm={6} key={service.id}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div> </div>
<Row className="justify-content-center"> <h5> {service.title}</h5>
{TransactionAdvisory.map((card, index) => ( <p>{service.descr}</p>
<Col md={6} lg={3} xl={4} key={index}>
<motion.div
variants={slideFromLeft(0.5 * index)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="method-card">
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</div> </div>
</motion.div>
</Col> </Col>
))} ))}
</Row> </Row>
</Container> </Container>
</section> </section>
<section className="business-advisory pb-100 pt-50">
<Container>
<div className="section-title">
<span className="sub-title">What we do? - CFO Services</span>
<Heading el="h2" heading="Business Advisory" />
</div>
<Row className="justify-content-center">
{BusinessAdvisory.map((card, index) => (
<Col md={6} lg={4} xl={4} key={index}>
<motion.div
variants={slideFromLeft(0.5 * index)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="method-card">
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</div>
</motion.div>
</Col> </Col>
))}
</Row> </Row>
</Container> </Container>
</section> <Container className="pt-100">
<Row>
<section className="business-advisory pb-100 pt-50"> <Col md={3} sm={12}>
<Container> <div className="what-we-do-text text-left">
<div className="section-title"> <span className="sub-title">lorem</span>
<span className="sub-title">What we do? - CFO Services</span> <Heading el="h2" heading="Clientele" />
<Heading el="h2" heading="Business Advisory" />
</div>
<Row className="justify-content-center">
{RiskAdvisory.map((card, index) => (
<Col md={6} lg={6} xl={6} key={index}>
<motion.div
variants={slideFromLeft(0.5 * index)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="method-card">
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</div> </div>
</motion.div>
</Col> </Col>
))} <Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row> </Row>
</Container> </Container>
</section> </section>
......
container/IndustryFocus/IndustryPage.js
import React from "react"; import React from "react";
import PageBanner from "@/components/reuseables/PageBanner"; import PageBanner from "@/components/reuseables/PageBanner";
import Education from "./Education"; import Education from "./Education";
import LifeSciences from "./LifeSciences";
const banners = [ const banners = [
{ {
...@@ -16,6 +17,7 @@ const IndustryPage = () => { ...@@ -16,6 +17,7 @@ const IndustryPage = () => {
<> <>
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<Education /> <Education />
<LifeSciences />
</> </>
); );
}; };
......
container/IndustryFocus/IndustrySidebar.js 0 → 100644
import React from "react";
import Link from "next/link";
const IndustrySidebar = ({ title, services }) => {
return (
<div className="widget-area">
<div className="widget widget_service_categories">
<h3 className="widget-title">{title}</h3>
<ul>
{services.map((service, index) => (
<li key={index}>
<Link href={service?.link}>
{service.name}
<i className="ri-arrow-right-s-line"></i>
</Link>
</li>
))}
</ul>
</div>
</div>
);
};
export default IndustrySidebar;
container/IndustryFocus/LifeSciences.js 0 → 100644
import Heading from "@/components/reuseables/Heading";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import { motion } from "framer-motion";
import { fadeIn, slideFromLeft } from "@/components/reuseables/variants";
import Image from "next/image";
import Link from "next/link";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
const OurApproachData = [
{
title: "Life Sciences ",
subtitle: "Our Approach",
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. ",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "OurApproch",
},
// Add more objects here if you have more content sections
];
const Sidebar = [
{ name: "Transaction Advisory", link: "/services/details" },
{ name: "Business Advisory", link: "/services/details" },
{ name: "Risk Advisory", link: "/services/details" },
];
const TransactionAdvisory = [
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Merger & Acquisition",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Due Diligence",
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: "Project Management ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
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 LifeSciences = () => {
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} />
</Col>
<Col md={9} sm={12}>
<section className="cfo-services pb-50 pt-50">
<Container>
<Row className="justify-content-center align-items-center">
{TransactionAdvisory &&
TransactionAdvisory.map((service) => (
<Col lg={4} md={6} sm={6} key={service.id}>
<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>
</Container>
</section>
</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 LifeSciences;
container/Knowledge/Corpedia.js
...@@ -94,7 +94,7 @@ const Corpedia = () => { ...@@ -94,7 +94,7 @@ const Corpedia = () => {
href={service.serviceDetailsUrl} href={service.serviceDetailsUrl}
className="default-btn" className="default-btn"
> >
{service.readMoreText}{" "} {service.readMoreText}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
......
pages/client-servicing.js → pages/client-servicing/index.js
import ClientServicingPage from "@/container/ClientServicing/ClientServicingPage"; import ClientServicingPage from "@/container/ClientServicing/ClientServicing";
import React from "react"; import React from "react";
const ClientServicing = () => { const ClientServicing = () => {
......
pages/client-servicing/ta.js 0 → 100644
import TaPage from "@/container/ClientServicing/TA/TaPage";
import React from "react";
const ta = () => {
return (
<>
<TaPage />
</>
);
};
export default ta;
styles/styles.css
...@@ -6800,7 +6800,8 @@ Widget Area CSS ...@@ -6800,7 +6800,8 @@ Widget Area CSS
padding-bottom: 12px; padding-bottom: 12px;
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
font-size: 20px; font-size: 25px;
color: var(--mainColor);
} }
.widget-area .widget .widget-title::before { .widget-area .widget .widget-title::before {
...@@ -7117,12 +7118,13 @@ Widget Area CSS ...@@ -7117,12 +7118,13 @@ Widget Area CSS
padding-bottom: 13px; padding-bottom: 13px;
color: var(--blackColor); color: var(--blackColor);
border-bottom: 1px dashed #eeeeee; border-bottom: 1px dashed #eeeeee;
font-size: 20px;
} }
.widget-area .widget_service_categories ul li a { .widget-area .widget_service_categories ul li a {
display: block; display: block;
position: relative; position: relative;
color: var(--blackColor); color: var(--mainColor2);
} }
.widget-area .widget_service_categories ul li a i { .widget-area .widget_service_categories ul li a i {
...@@ -7857,8 +7859,7 @@ Modal CSS ...@@ -7857,8 +7859,7 @@ Modal CSS
padding-block: var(--card-padding-block); padding-block: var(--card-padding-block);
padding-inline: var(--card-padding-inline); padding-inline: var(--card-padding-inline);
background-color: var(--card-background-color); background-color: var(--card-background-color);
box-shadow: box-shadow: inset 1px 1px 0px rgb(255 255 255 / .5),
inset 1px 1px 0px rgb(255 255 255 / .5),
inset -1px -1px 0px rgb(0 0 0 / .25), inset -1px -1px 0px rgb(0 0 0 / .25),
calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(0 0 0 / .25); calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(0 0 0 / .25);
position: relative; position: relative;
...@@ -7876,8 +7877,7 @@ Modal CSS ...@@ -7876,8 +7877,7 @@ Modal CSS
border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size)); border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size));
border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size)); border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size));
background-color: var(--outset-background-color); background-color: var(--outset-background-color);
background-image: background-image: linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),
linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),
linear-gradient(135deg, var(--mainColor) 80%, var(--outset-background-color) 0); linear-gradient(135deg, var(--mainColor) 80%, var(--outset-background-color) 0);
} }
...@@ -7892,6 +7892,7 @@ Modal CSS ...@@ -7892,6 +7892,7 @@ Modal CSS
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
font-weight: 600; font-weight: 600;
font-size: calc(28px + (14 - 28) * (100vw - 320px) / (1920 - 320));
} }
.method-descr { .method-descr {
...@@ -7913,3 +7914,24 @@ Modal CSS ...@@ -7913,3 +7914,24 @@ Modal CSS
/* our approch */ /* our approch */
/* methods */
.method-above-img-content {
margin-top: 5vh;
}
.method-below-img-content {
margin-bottom: 10vh;
}
.method-one-above-img {
margin-top: 18vh;
}
.method-line {
margin-left: -.5vh;
}
.method-line2 {
margin-left: -1.2vh;
}
\ No newline at end of file \ 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!