Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 4d6b8c14 by sujata
Options

Merge branch 'master' of git.logicloop.io:sujata/advithconsulting.io-frontend

2 parents e8268996 68c7c024
Inline Side-by-side
Showing 4 changed files with 64 additions and 56 deletions
components/reuseables/PageBanner.js
...@@ -12,7 +12,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -12,7 +12,7 @@ const PageBanner = ({ banners = [] }) => {
// Function to generate breadcrumbs for client servicing pages // Function to generate breadcrumbs for client servicing pages
const generateClientServicingBreadcrumbs = () => { const generateClientServicingBreadcrumbs = () => {
const pathname = router.asPath; const pathname = router.asPath;
// Only apply custom breadcrumbing for client-servicing pages // Only apply custom breadcrumbing for client-servicing pages
if (!pathname.includes('/client-servicing')) { if (!pathname.includes('/client-servicing')) {
return null; return null;
...@@ -44,10 +44,10 @@ const PageBanner = ({ banners = [] }) => { ...@@ -44,10 +44,10 @@ const PageBanner = ({ banners = [] }) => {
// Bespoke Services // Bespoke Services
'bespoke-services': 'Bespoke Services', 'bespoke-services': 'Bespoke Services',
// Legacy mappings for existing pages // Legacy mappings for existing pages
'cfo': 'CFO', 'cfo': 'Virtual CFO Services',
'ba': 'BA', 'ba': 'Business Advisory',
'ta': 'TA', 'ta': 'Transaction Advisory',
'ra': 'RA' 'ra': 'Risk Advisory'
}; };
// Build breadcrumbs from path segments // Build breadcrumbs from path segments
...@@ -55,7 +55,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -55,7 +55,7 @@ const PageBanner = ({ banners = [] }) => {
pathSegments.forEach((segment, index) => { pathSegments.forEach((segment, index) => {
currentPath += `/${segment}`; currentPath += `/${segment}`;
const displayName = segmentNameMap[segment] || segment.replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase()); const displayName = segmentNameMap[segment] || segment.replace(/-/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
breadcrumbs.push({ breadcrumbs.push({
name: displayName, name: displayName,
url: currentPath, url: currentPath,
...@@ -93,7 +93,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -93,7 +93,7 @@ const PageBanner = ({ banners = [] }) => {
className="page-banner-swiper" className="page-banner-swiper"
> >
{banners.map((banner, index) => ( {banners.map((banner, index) => (
<SwiperSlide key={index}> <SwiperSlide key={index}>
<div className="page-title-area"> <div className="page-title-area">
<div className="image-wrapper"> <div className="image-wrapper">
......
components/reuseables/WhatWeDo.js
...@@ -11,7 +11,7 @@ import SwiperNav from "@/components/reuseables/SwiperNav"; ...@@ -11,7 +11,7 @@ import SwiperNav from "@/components/reuseables/SwiperNav";
import { cleanImage } from "@/layout/imageHandling"; import { cleanImage } from "@/layout/imageHandling";
const WhatWeDo = ({ service ,serviceheading }) => { const WhatWeDo = ({ service, serviceheading }) => {
console.log(serviceheading, "serviceData"); console.log(serviceheading, "serviceData");
return ( return (
<> <>
...@@ -19,20 +19,24 @@ const WhatWeDo = ({ service ,serviceheading }) => { ...@@ -19,20 +19,24 @@ const WhatWeDo = ({ service ,serviceheading }) => {
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">{serviceheading?.Subtitle}</span> <span className="sub-title">{serviceheading?.Subtitle}</span>
<Heading el="h2" heading={serviceheading?.Title}/> <Heading el="h2" heading={serviceheading?.Title} />
</div> </div>
<p className="text-center"> <p className="text-center">
{serviceheading?.Description || "At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction."} {serviceheading?.Description || "At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction."}
</p> </p>
<div className="position-relative px-md-4 mt-md-5 mt-2"> <div className="position-relative px-md-4 mt-md-5 mt-2">
<Swiper <Swiper
spaceBetween={30} spaceBetween={30}
centeredSlides={true} centeredSlides={false}
navigation={{ navigation={
nextEl: ".custom-swiper-button-next", service?.length > 3
prevEl: ".custom-swiper-button-prev", ? {
}} nextEl: ".custom-swiper-button-next",
prevEl: ".custom-swiper-button-prev",
}
: false
}
pagination={{ pagination={{
clickable: true, clickable: true,
}} }}
...@@ -59,42 +63,44 @@ const WhatWeDo = ({ service ,serviceheading }) => { ...@@ -59,42 +63,44 @@ const WhatWeDo = ({ service ,serviceheading }) => {
{service && {service &&
service.map((service, index) => ( service.map((service, index) => (
<SwiperSlide className="single-services-box" key={index}> <SwiperSlide className="single-services-box" key={index}>
<motion.div {/* <motion.div
variants={slideFromLeft(0.5)} 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="image"> <div className="image">
<Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}> <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>
<Image <Image
src={cleanImage(service?.Image?.url)} src={cleanImage(service?.Image?.url)}
fill fill
alt={service?.Image?.alternativeText ? service?.Image?.alternativeText : "image"} alt={service?.Image?.alternativeText ? service?.Image?.alternativeText : "image"}
className="img-fluid image" className="img-fluid image"
/> />
</Link> </Link>
</div> </div>
<div className="content"> <div className="content">
<h3> <h3>
<Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>{service?.Title}</Link> <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"}>{service?.Title}</Link>
</h3> </h3>
<p>{service?.Description}</p> <p>{service?.Description}</p>
<Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"} className="default-btn"> <Link href={service?.CTA?.URL ? service?.CTA?.URL : "#"} className="default-btn">
{service?.CTA?.text } {service?.CTA?.text}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
</motion.div> {/* </motion.div> */}
</SwiperSlide> </SwiperSlide>
))} ))}
<Swiper pagination={{ clickable: true }} /> <Swiper pagination={{ clickable: true }} />
</Swiper> </Swiper>
<div className="cust_nav swiper-nav text-center mt-md-4 mt-2"> {service?.length > 3 && (
<SwiperNav /> <div className="cust_nav swiper-nav text-center mt-md-4 mt-2">
</div> <SwiperNav />
</div>
)}
</div> </div>
</Container> </Container>
</div> </div>
......
container/Corpedia/RightSideImage.js
...@@ -47,8 +47,8 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => { ...@@ -47,8 +47,8 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => {
} }
</div> </div>
</Col> </Col>
<Col lg={6} md={12}> <Col lg={6} md={12} className=" ps-5">
<div className="call-back-request-img"> <div className="call-back-request-img pe-0">
{/* <motion.div {/* <motion.div
variants={slideFromRight(0.5)} variants={slideFromRight(0.5)}
initial={"hidden"} initial={"hidden"}
...@@ -58,7 +58,7 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => { ...@@ -58,7 +58,7 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => {
<Image <Image
src={cleanImage(image?.url)} src={cleanImage(image?.url)}
layout="fill" layout="fill"
className="img-fluid image rounded-5" className="img-fluid image rounded-5 "
alt="image" alt="image"
/> />
{/* </motion.div> */} {/* </motion.div> */}
......
styles/styles.css
...@@ -9699,16 +9699,18 @@ ul.pagination.custom-pagination { ...@@ -9699,16 +9699,18 @@ ul.pagination.custom-pagination {
.weoffer-box-budget:hover h3 { .weoffer-box-budget:hover h3 {
color: white; color: white;
} }
.contact-btn{
background-color: #f8971f; .contact-btn {
padding: 10px 25px !important; background-color: #f8971f;
align-items: center; padding: 10px 25px !important;
justify-items: center; align-items: center;
margin-top: 1rem; justify-items: center;
color: #fff!important; margin-top: 1rem;
border-radius: 7px; color: #fff !important;
} border-radius: 7px;
.office-heading{ }
color: #393641!important;
font-size: 20px!important; .office-heading {
color: #393641 !important;
font-size: 20px !important;
} }
\ 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!