Skip to content

sujata / advithconsulting.io-frontend

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

industry

1 parent c76bf40a
Inline Side-by-side
Showing 5 changed files with 331 additions and 3 deletions
components/reuseables/Clientele.js 0 → 100644
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules";
import Image from "next/image";
const Clientele = ({
partners = [],
spaceBetween = 30,
autoplayDelay = 5000,
slidesPerViewBreakpoints = {
0: { slidesPerView: 2 },
576: { slidesPerView: 3 },
768: { slidesPerView: 4 },
992: { slidesPerView: 5 },
},
sliderClassName = "partner-slides",
itemClassName = "single-partner-item",
}) => {
return (
<div className="partner-area">
<div className="container">
<Swiper
spaceBetween={spaceBetween}
breakpoints={slidesPerViewBreakpoints}
autoplay={{
delay: autoplayDelay,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[Autoplay]}
className={sliderClassName}
>
{partners &&
partners.map((logo) => (
<SwiperSlide className={itemClassName} key={logo.id}>
<div className="justify-content-center align-items-center gap-3">
<a href={logo.link} className="d-inline-block">
<Image
src={logo.image}
alt={logo.altText}
className="img-fluid image"
layout="fill"
/>
</a>
</div>
</SwiperSlide>
))}
</Swiper>
</div>
</div>
);
};
export default Clientele;
container/IndustryFocus/Education.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 Clientele from "@/components/reuseables/Clientele";
const OurApproachData = [
{
title: "Education ",
subtitle: "Our Approach",
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: "Approch",
},
// Add more objects here if you have more content sections
];
const TransactionAdvisory = [
{
title: "Deal Advisory",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Merger & Acquisition",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Due Diligence",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Fund Raise Assistance",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Project Management ",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
];
const BusinessAdvisory = [
{
title: "Strategic Office ",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Taxation ",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Business Modelling ",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Family Business Structuring",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
];
const RiskAdvisory = [
{
title: "Establishing Process & Internal Controls",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
{
title: "Review of Internal Controls ",
descr:
"Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
},
];
const partners = [
{
id: 1,
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
id: 2,
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
id: 3,
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
id: 4,
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
id: 5,
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const Education = () => {
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="cfo-services pb-100 pt-50">
<Container>
<div className="section-title">
<span className="sub-title">What we do? - CFO Services</span>
<Heading el="h2" heading="Transaction Advisory" />
</div>
<Row className="justify-content-center">
{TransactionAdvisory.map((card, index) => (
<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>
</motion.div>
</Col>
))}
</Row>
</Container>
</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>
))}
</Row>
</Container>
</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">
{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>
</motion.div>
</Col>
))}
</Row>
</Container>
</section>
</>
);
};
export default Education;
container/IndustryFocus/IndustryPage.js 0 → 100644
import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
import Education from "./Education";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Industry",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Industry",
},
];
const IndustryPage = () => {
return (
<>
<PageBanner banners={banners} />
<Education />
</>
);
};
export default IndustryPage;
pages/industry.js 0 → 100644
import IndustryPage from "@/container/IndustryFocus/IndustryPage";
import React from "react";
const industry = () => {
return (
<>
<IndustryPage />
</>
);
};
export default industry;
styles/styles.css
...@@ -228,7 +228,7 @@ p:last-child { ...@@ -228,7 +228,7 @@ p:last-child {
padding-bottom: 25px; padding-bottom: 25px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 60px; margin-bottom: 40px;
} }
.section-title .sub-title { .section-title .sub-title {
...@@ -7853,7 +7853,6 @@ Modal CSS ...@@ -7853,7 +7853,6 @@ Modal CSS
--number-overlap: 0.6rem; --number-overlap: 0.6rem;
--number-font-weight: 500; --number-font-weight: 500;
margin: var(--outset-size); margin: var(--outset-size);
margin-top: calc(var(--number-font-size) - var(--number-overlap));
border-radius: var(--card-border-radius); border-radius: var(--card-border-radius);
padding-block: var(--card-padding-block); padding-block: var(--card-padding-block);
padding-inline: var(--card-padding-inline); padding-inline: var(--card-padding-inline);
...@@ -7863,7 +7862,7 @@ Modal CSS ...@@ -7863,7 +7862,7 @@ Modal CSS
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;
margin-bottom: 4vh; margin-bottom: 5.5vh;
} }
.method-card::before { .method-card::before {
...@@ -7911,3 +7910,6 @@ Modal CSS ...@@ -7911,3 +7910,6 @@ Modal CSS
line-height: 1; line-height: 1;
z-index: -1; z-index: -1;
} }
/* our approch */
\ 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!