Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 802601f8 by gaurav
Options

changes

1 parent 50079041
Inline Side-by-side
Showing 14 changed files with 106 additions and 37 deletions
components/reuseables/CTABanner.js
...@@ -3,16 +3,16 @@ import Link from "next/link"; ...@@ -3,16 +3,16 @@ import Link from "next/link";
import React from "react"; import React from "react";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
const CTABanner = ({cta}) => { const CTABanner = ({ cta }) => {
console.log(cta,"details") console.log(cta, "details")
return ( return (
<> <>
<div className="free-quote-area ptb-50"> <div className="free-quote-area ptb-50">
<div className="free-quote-inner"> <div className="free-quote-inner">
<section className="section-title-download d-flex"> <section className="section-title-download">
<Container> {/* <Container> */}
<Row> <Row className="justify-content-between">
<Col md={8}> <Col lg={9} md={8}>
<div className="download-content"> <div className="download-content">
<span className="sub-title">{cta?.Subtitle}</span> <span className="sub-title">{cta?.Subtitle}</span>
<h2>{cta?.Title}</h2> <h2>{cta?.Title}</h2>
...@@ -21,7 +21,7 @@ const CTABanner = ({cta}) => { ...@@ -21,7 +21,7 @@ const CTABanner = ({cta}) => {
</p> </p>
</div> </div>
</Col> </Col>
<Col md={4} className="align-content-center text-center"> <Col lg={3} md={4} className="align-content-center text-md-end">
<div className="btn-1"> <div className="btn-1">
<Link href={cta?.CTA?.URL} className="default-btn-three"> <Link href={cta?.CTA?.URL} className="default-btn-three">
{cta?.CTA?.text} {cta?.CTA?.text}
...@@ -30,7 +30,7 @@ const CTABanner = ({cta}) => { ...@@ -30,7 +30,7 @@ const CTABanner = ({cta}) => {
</div> </div>
</Col> </Col>
</Row> </Row>
</Container> {/* </Container> */}
</section> </section>
<div className="shape6"> <div className="shape6">
......
components/reuseables/CallBackRequest.js
...@@ -208,7 +208,7 @@ const CallBackRequest = () => { ...@@ -208,7 +208,7 @@ const CallBackRequest = () => {
maxLength: { maxLength: {
value: /^[6-9]\d{9}$/, value: /^[6-9]\d{9}$/,
message: "Invalid Mobile number", message: "Invalid Mobile number",
              }, },
})} })}
/> />
{errors.Mobile && ( {errors.Mobile && (
......
components/reuseables/Clientele.js
...@@ -3,6 +3,7 @@ import Image from "next/image"; ...@@ -3,6 +3,7 @@ import Image from "next/image";
import { cleanImage } from "@/layout/imageHandling"; import { cleanImage } from "@/layout/imageHandling";
const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => { const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => {
return ( return (
<div className="partner-area py-4 overflow-hidden"> <div className="partner-area py-4 overflow-hidden">
<div className="container"> <div className="container">
...@@ -37,7 +38,7 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => ...@@ -37,7 +38,7 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) =>
.marquee-track { .marquee-track {
display: flex; display: flex;
width: max-content; width: max-content;
animation: scroll-left 60s linear infinite; animation: scroll-left 100s linear infinite;
} }
@keyframes scroll-left { @keyframes scroll-left {
......
components/reuseables/DownloadBtn.js
...@@ -3,16 +3,16 @@ import Link from "next/link"; ...@@ -3,16 +3,16 @@ import Link from "next/link";
import React from "react"; import React from "react";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
const DownloadBtn = ({subtitle,title,description,cta}) => { const DownloadBtn = ({ subtitle, title, description, cta }) => {
console.log(cta,"details") console.log(cta, "details")
return ( return (
<> <>
<div className="free-quote-area ptb-70"> <div className="free-quote-area ptb-70">
<div className="free-quote-inner"> <div className="free-quote-inner">
<section className="section-title-download d-flex"> <section className="section-title-download ">
<Container> {/* <Container> */}
<Row> <Row className="justify-content-between">
<Col md={8}> <Col lg={9} md={8}>
<div className="download-content"> <div className="download-content">
<span className="sub-title">{subtitle}</span> <span className="sub-title">{subtitle}</span>
<h2>{title}</h2> <h2>{title}</h2>
...@@ -21,7 +21,7 @@ const DownloadBtn = ({subtitle,title,description,cta}) => { ...@@ -21,7 +21,7 @@ const DownloadBtn = ({subtitle,title,description,cta}) => {
</p> </p>
</div> </div>
</Col> </Col>
<Col md={4} className="align-content-center text-center"> <Col lg={3} md={4} className="align-content-center text-md-end">
<div className="btn-1"> <div className="btn-1">
<Link href={cta.URL} className="default-btn-three"> <Link href={cta.URL} className="default-btn-three">
{cta.text} {cta.text}
...@@ -30,7 +30,7 @@ const DownloadBtn = ({subtitle,title,description,cta}) => { ...@@ -30,7 +30,7 @@ const DownloadBtn = ({subtitle,title,description,cta}) => {
</div> </div>
</Col> </Col>
</Row> </Row>
</Container> {/* </Container> */}
</section> </section>
<div className="shape6"> <div className="shape6">
......
components/reuseables/Industries.js
...@@ -72,6 +72,8 @@ const Industries = ({ industry }) => { ...@@ -72,6 +72,8 @@ const Industries = ({ industry }) => {
return ( return (
<> <>
<div className="free-quote-area bg-color position-relative"> <div className="free-quote-area bg-color position-relative">
<Container>
<Swiper <Swiper
spaceBetween={30} spaceBetween={30}
pagination={{ clickable: true }} pagination={{ clickable: true }}
...@@ -159,6 +161,7 @@ const Industries = ({ industry }) => { ...@@ -159,6 +161,7 @@ const Industries = ({ industry }) => {
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
</Container>
<div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2"> <div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
<SwiperNav /> <SwiperNav />
</div> </div>
......
components/reuseables/PageBanner.js
...@@ -17,7 +17,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -17,7 +17,7 @@ const PageBanner = ({ banners = [] }) => {
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-servicings')) {
return null; return null;
} }
...@@ -26,7 +26,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -26,7 +26,7 @@ const PageBanner = ({ banners = [] }) => {
// Create breadcrumb mapping for better display names // Create breadcrumb mapping for better display names
const segmentNameMap = { const segmentNameMap = {
'client-servicing': 'Home > Client Servicing', 'client-servicing': 'Client Servicing',
// Virtual Finance Office section // Virtual Finance Office section
'virtual-finance-office': 'Virtual Finance Office', 'virtual-finance-office': 'Virtual Finance Office',
'virtual-cfo': 'Virtual CFO Services', 'virtual-cfo': 'Virtual CFO Services',
...@@ -72,6 +72,10 @@ const PageBanner = ({ banners = [] }) => { ...@@ -72,6 +72,10 @@ const PageBanner = ({ banners = [] }) => {
const clientServicingBreadcrumbs = generateClientServicingBreadcrumbs(); const clientServicingBreadcrumbs = generateClientServicingBreadcrumbs();
console.log(clientServicingBreadcrumbs, 'clientServicingBreadcrumbs');
return ( return (
<Swiper <Swiper
spaceBetween={30} spaceBetween={30}
......
components/reuseables/services/MethodTwo.js
...@@ -38,12 +38,13 @@ const MethodTwoSection = ({ ...@@ -38,12 +38,13 @@ const MethodTwoSection = ({
<Heading el="h2" heading={heading.Title} /> <Heading el="h2" heading={heading.Title} />
</div> </div>
<Row className="align-items-center justify-content-center align-self-center"> <Row className="align-items-center justify-content-center align-self-center">
<Swiper <Swiper className="services-slides"
spaceBetween={spaceBetween} spaceBetween={spaceBetween}
slidesPerView={slidesPerView} slidesPerView={slidesPerView}
breakpoints={breakpoints} breakpoints={breakpoints}
pagination={showPagination ? { clickable: true } : false} pagination={showPagination ? { clickable: true } : undefined}
autoplay={showAutoplay ? { delay: autoplayDelay } : false} autoplay={showAutoplay ? { delay: autoplayDelay } : undefined}
modules={[Pagination, Autoplay]}
> >
{data.map((card, index) => ( {data.map((card, index) => (
<SwiperSlide key={index}> <SwiperSlide key={index}>
...@@ -60,7 +61,7 @@ const MethodTwoSection = ({ ...@@ -60,7 +61,7 @@ const MethodTwoSection = ({
<div className="image-container mb-2"> <div className="image-container mb-2">
<Image <Image
aria-hidden="true" aria-hidden="true"
alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"} alt={card?.StepImg?.alternativeText || "image"}
src={cleanImage(card?.StepImg?.url)} src={cleanImage(card?.StepImg?.url)}
layout="fill" layout="fill"
className="img-fluid image" className="img-fluid image"
...@@ -76,7 +77,7 @@ const MethodTwoSection = ({ ...@@ -76,7 +77,7 @@ const MethodTwoSection = ({
<div className="image-container mt-lg-5 mt-xl-0 mt-3 "> <div className="image-container mt-lg-5 mt-xl-0 mt-3 ">
<Image <Image
aria-hidden="true" aria-hidden="true"
alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"} alt={card?.StepImg?.alternativeText || "image"}
src={cleanImage(card?.StepImg?.url)} src={cleanImage(card?.StepImg?.url)}
layout="fill" layout="fill"
className="img-fluid image" className="img-fluid image"
...@@ -90,6 +91,7 @@ const MethodTwoSection = ({ ...@@ -90,6 +91,7 @@ const MethodTwoSection = ({
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
</Row> </Row>
</Container> </Container>
</section> </section>
......
container/ClientServicing/CFO/HowWeDoIt.js
...@@ -20,7 +20,7 @@ const HowWeDoIt = ({ data, heading, classname }) => { ...@@ -20,7 +20,7 @@ const HowWeDoIt = ({ data, heading, classname }) => {
<Row className="row-gap-4 justify-content-center"> <Row className="row-gap-4 justify-content-center">
{data?.carddetails && {data?.carddetails &&
data?.carddetails.map((item, index) => ( data?.carddetails.map((item, index) => (
<Col xxl={4} lg={6} md={6} key={index}> <Col xxl={4} lg={4} md={6} key={index}>
<div className="HowWeDoIt_card "> <div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
{/* <Image {/* <Image
......
container/ClientServicing/RiskAdvisory/HowWeDoItRiskAdvisory.js 0 → 100644
import Heading from "@/components/reuseables/Heading";
import { cleanImage } from "@/layout/imageHandling";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const HowWeDoItRiskAdvisory = ({ data, heading, classname }) => {
// console.log(data, "datadata");
return (
<section className={`HowWeDoIt-section ptb-100 ${classname || ""}`}>
<Container>
<div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span>
<Heading el="h2" heading={heading?.Title} />
</div>
<div
className=" text-center text-black mb-4 mb-lg-5"
dangerouslySetInnerHTML={{ __html: heading?.Description }}
></div>
<Row className="row-gap-4 justify-content-center">
{data?.carddetails &&
data?.carddetails.map((item, index) => (
<Col xxl={4} lg={4} md={6} key={index}>
<div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2>
<img
src={cleanImage(item?.Image?.url)}
alt={item?.Title || "Image"}
style={{
width: "100%",
height: "100%",
objectFit: "cover",
display: "block",
}}
/>
<div className="HowWeDoIt_card_content">
<h4>{item?.Title}</h4>
<div
dangerouslySetInnerHTML={{ __html: item?.Description }}
></div>
</div>
</div>
</Col>
))}
</Row>
</Container>
</section>
);
};
export default HowWeDoItRiskAdvisory;
container/Home/PartnerSlider.js
...@@ -37,7 +37,7 @@ const PartnerSlider = ({ Clientel = [] }) => { ...@@ -37,7 +37,7 @@ const PartnerSlider = ({ Clientel = [] }) => {
.marquee-track { .marquee-track {
width: max-content; width: max-content;
animation: scroll-left 60s linear infinite; animation: scroll-left 100s linear infinite;
} }
@keyframes scroll-left { @keyframes scroll-left {
......
container/People/AdvisoryBoard.js
...@@ -65,16 +65,16 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -65,16 +65,16 @@ const AdvisoryBoard = ({ advisoryboard }) => {
className="advisory-title" className="advisory-title"
/> />
<div className="testimonial-content"> <div className="testimonial-content">
<div className="d-flex gap-2"> {/* <div className="d-flex gap-2"> */}
<p className="sub-title">{member.Designation}</p> <p className="sub-title mb-0">{member.Designation}</p>
<a style={{ cursor: 'pointer' }} {/* </div> */}
<a className="" style={{ cursor: 'pointer' }}
href={member?.Linkdin} href={member?.Linkdin}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<i className="ri-linkedin-fill"></i> <i className="ri-linkedin-fill"></i>
</a> </a>
</div>
<div dangerouslySetInnerHTML={{ __html: member.Description }} /> <div dangerouslySetInnerHTML={{ __html: member.Description }} />
</div> </div>
</Col> </Col>
...@@ -88,8 +88,9 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -88,8 +88,9 @@ const AdvisoryBoard = ({ advisoryboard }) => {
className="advisory-title" className="advisory-title"
/> />
<div className="testimonial-content"> <div className="testimonial-content">
<div className="d-flex gap-2"> {/* <div className="d-flex gap-2"> */}
<p className="sub-title">{member.Designation}</p> <p className="sub-title mb-0">{member.Designation}</p>
{/* </div> */}
<a style={{ cursor: 'pointer' }} <a style={{ cursor: 'pointer' }}
href={member?.Linkdin} href={member?.Linkdin}
target="_blank" target="_blank"
...@@ -97,7 +98,6 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -97,7 +98,6 @@ const AdvisoryBoard = ({ advisoryboard }) => {
> >
<i className="ri-linkedin-fill"></i> <i className="ri-linkedin-fill"></i>
</a> </a>
</div>
<div dangerouslySetInnerHTML={{ __html: member.Description }} /> <div dangerouslySetInnerHTML={{ __html: member.Description }} />
</div> </div>
......
pages/client-servicing/ra.js
...@@ -12,6 +12,7 @@ import RightSideImage from "@/container/Corpedia/RightSideImage"; ...@@ -12,6 +12,7 @@ import RightSideImage from "@/container/Corpedia/RightSideImage";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode"; import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt"; import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
import CallBackRequest from "@/components/reuseables/CallBackRequest"; import CallBackRequest from "@/components/reuseables/CallBackRequest";
import HowWeDoItRiskAdvisory from "@/container/ClientServicing/RiskAdvisory/HowWeDoItRiskAdvisory";
const banners = [ const banners = [
{ {
...@@ -82,8 +83,12 @@ const RaPage = ({ rapage, conversionData }) => { ...@@ -82,8 +83,12 @@ const RaPage = ({ rapage, conversionData }) => {
); );
case "dynamic-zone.card": case "dynamic-zone.card":
return ( return (
<HowWeDoIt heading={section?.Heading} <>
<HowWeDoItRiskAdvisory heading={section?.Heading}
data={section} classname="risk_advisory_howitwork" /> data={section} classname="risk_advisory_howitwork" />
{/* <HowWeDoIt heading={section?.Heading}
data={section} classname="risk_advisory_howitwork" /> */}
</>
); );
default: default:
return null; return null;
......
pages/client-servicing/virtual-finance-office/virtual-fc.js
...@@ -74,10 +74,12 @@ const clientservicefc = ({ fcpage, conversionData }) => { ...@@ -74,10 +74,12 @@ const clientservicefc = ({ fcpage, conversionData }) => {
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
return ( return (
<>
<MethodOne <MethodOne
heading={section?.Heading} heading={section?.Heading}
data={section?.ElementList} data={section?.ElementList}
/> />
</>
); );
case "dynamic-zone.element-two": case "dynamic-zone.element-two":
return ( return (
......
styles/styles.css
...@@ -8881,7 +8881,7 @@ ul.pagination.custom-pagination { ...@@ -8881,7 +8881,7 @@ ul.pagination.custom-pagination {
} }
.download-content h2 { .download-content h2 {
font-size: 3vh; font-size: 2vw;
color: #fff; color: #fff;
} }
...@@ -9140,7 +9140,7 @@ ul.pagination.custom-pagination { ...@@ -9140,7 +9140,7 @@ ul.pagination.custom-pagination {
} }
.business_advisory_howitwork .HowWeDoIt_card { .business_advisory_howitwork .HowWeDoIt_card {
height: 400px; height: 240px;
} }
.weoffer_section .HowWeDoIt_card { .weoffer_section .HowWeDoIt_card {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!