Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit ab94e62d by gaurav
Options

changes

1 parent 8eb49dc9
Inline Side-by-side
Showing 12 changed files with 197 additions and 125 deletions
components/reuseables/Faq.js
import React from "react";
import {
Accordion,
......@@ -10,63 +10,61 @@ import {
} from "react-accessible-accordion";
import Heading from "./Heading";
const FaqContent = () => {
const FaqContent = ({ data }) => {
return (
<>
<div className="faq-area">
<div className="container">
<div className="section-title">
<div className="section-title">
{/* <span className="sub-title">{heading.Subtitle}</span> */}
<Heading el="h2" heading="FAQs" />
<Heading el="h2" heading={data?.Title} />
</div>
<div className="faq-accordion">
<Accordion allowZeroExpanded preExpanded={["a"]}>
<AccordionItem uuid="a">
<AccordionItemHeading>
<AccordionItemButton>
Are we another workflow automation tool?
</AccordionItemButton>
</AccordionItemHeading>
<Accordion allowZeroExpanded preExpanded={'0'}>
{data?.FAQList?.map((item, index) => (
<AccordionItem uuid={index.toString()} key={index}>
<AccordionItemHeading>
<AccordionItemButton>
{item.Question}
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<div dangerouslySetInnerHTML={{ __html: item.Description }} />
</AccordionItemPanel>
</AccordionItem>
))}
<AccordionItemPanel>
<p>
No, we are work automation phygital (physical + digital) solution for CA & finance consulting firms.
</p>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem uuid="b">
{/* <AccordionItem uuid="b">
<AccordionItemHeading>
<AccordionItemButton>
Are we asking you to outsource your client work to us?
Are we asking you to outsource your client work to us?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
No, we are here to empower you to deliver services to your clients in a digital environment with the support of a highly trained remote physical work force.
No, we are here to empower you to deliver services to your clients in a digital environment with the support of a highly trained remote physical work force.
</p>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem uuid="c">
<AccordionItemHeading>
<AccordionItemButton>
Is this a plug-n-play?
Is this a plug-n-play?
</AccordionItemButton>
</AccordionItemHeading>
<AccordionItemPanel>
<p>
Yes, you just pay for the time or effort consumed. There are no prior fixed commitments on how many hours or days service you want to avail.
Yes, you just pay for the time or effort consumed. There are no prior fixed commitments on how many hours or days service you want to avail.
</p>
</AccordionItemPanel>
</AccordionItem>
</AccordionItem> */}
</Accordion>
</div>
</div>
......
container/Corpedia/LeftSideImage.js
......@@ -15,7 +15,9 @@ const heading = [
},
];
const LeftSideImage = ({ title, subtitle, image, content ,cta }) => {
const LeftSideImage = ({ title, subtitle, image, content, cta }) => {
console.log(cta, 'ctactacta');
return (
<>
<section className="leftsideimg ptb-50">
......@@ -50,14 +52,16 @@ const LeftSideImage = ({ title, subtitle, image, content ,cta }) => {
className="content"
dangerouslySetInnerHTML={{ __html: content }}
/>
<div>
{/* <div className="btn-1">
<Link href={cta?.URL} className="default-btn-three">
{cta?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div> */}
</div>
{cta &&
<div>
<div className="btn-1">
<Link href={cta?.URL || "#"} className="default-btn-three">
{cta?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</div>
}
</div>
</Col>
</Row>
......
container/Corpedia/RightSideImage.js
......@@ -8,6 +8,7 @@ import {
slideFromRight,
} from "@/components/reuseables/variants";
import { cleanImage } from "@/layout/imageHandling";
import Link from "next/link";
const heading = [
{
title: "About Advith Consulting",
......@@ -17,7 +18,7 @@ const heading = [
},
];
const RightSideImage = ({ title, subtitle, image, content }) => {
const RightSideImage = ({ title, subtitle, image, content, cta }) => {
return (
<>
<section className="rightsideimg ptb-50">
......@@ -34,6 +35,16 @@ const RightSideImage = ({ title, subtitle, image, content }) => {
className="content"
dangerouslySetInnerHTML={{ __html: content }}
/>
{cta &&
<div>
<div className="btn-1">
<Link href={cta?.URL || "#"} className="default-btn-three">
{cta?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</div>
}
</div>
</Col>
<Col lg={6} md={12}>
......
container/People/AboutPeople.js
......@@ -23,49 +23,49 @@ const aboutPeopleData = [
// Add more objects here if you have more content sections
];
const AboutPeople = ({aboutPeople}) => {
const AboutPeople = ({ aboutPeople }) => {
console.log(aboutPeople)
return (
<>
<div className="what-we-do-area ptb-100">
<Container>
{/* {aboutPeopleData.map((item) => ( */}
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="what-we-do-text">
<span className="sub-title">{aboutPeople.Subtitle}</span>
<Heading el="h2" heading={aboutPeople.Title} className="h2" />
<p className="mb-3">{aboutPeople.Description}</p>
{/* <Link href={item.linkUrl} className="default-btn">
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="what-we-do-text">
<span className="sub-title">{aboutPeople.Subtitle}</span>
<Heading el="h2" heading={aboutPeople.Title} className="h2" />
<p className="mb-3">{aboutPeople.Description}</p>
{/* <Link href={item.linkUrl} className="default-btn">
{item.linkText} <i className="ri-arrow-right-line"></i>
</Link> */}
</div>
</Col>
</div>
</Col>
<Col lg={6} md={12}>
<div>
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={cleanImage(aboutPeople?.Image?.url)}
alt={
aboutPeople?.Overview?.Image?.alternativeText ||
"image"
}
fill
className="img-fluid image"
/>
<Col lg={6} md={12}>
<div>
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={cleanImage(aboutPeople?.Image?.url)}
alt={
aboutPeople?.Overview?.Image?.alternativeText ||
"image"
}
fill
className="img-fluid image"
/>
</motion.div>
</div>
</Col>
</Row>
</motion.div>
</div>
</Col>
</Row>
{/* ))} */}
</Container>
</div>
......
container/People/AdvisoryBoard.js
......@@ -33,7 +33,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
<div className="testimonial-area ptb-100">
<Container>
<div className="section-title">
<Heading el="h2" heading="Advisory Board" />
<Heading el="h2" heading="Our Leadership Team" />
</div>
{advisoryboard.map((member, index) => (
<Row key={index} className="row align-items-center">
......@@ -92,7 +92,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
>
<div className="testimonial-img">
<Image
src={cleanImage(member?.Image?.url)}
src={cleanImage(member?.Image?.url)}
alt={member.name}
layout="fill"
className="img-fluid image rounded-3"
......
container/People/TeamMembers.js
......@@ -79,14 +79,14 @@ const team = [
},
];
const TeamMember = ({memberlist}) => {
const TeamMember = ({ memberlist }) => {
return (
<>
<div className="team-area pt-50 pb-70 bg-fafafa">
<Container>
<div className="section-title">
{/* <span className="sub-title">Team Member</span> */}
<Heading el="h2" heading="Team Members" />
<Heading el="h2" heading="Our Exclusive Team" />
</div>
<Row className="justify-content-center">
......@@ -104,17 +104,17 @@ const TeamMember = ({memberlist}) => {
<h3>{member.Name}</h3>
<span>{member.Designation}</span>
<ul className="social-links">
<li>
<a
href={member.Linkdin}
target="_blank"
rel="noopener noreferrer"
>
<i className="ri-linkedin-fill"></i>
</a>
</li>
<li>
<a
href={member.Linkdin}
target="_blank"
rel="noopener noreferrer"
>
<i className="ri-linkedin-fill"></i>
</a>
</li>
</ul>
</div>
</div>
......
layout/Header.js
......@@ -114,7 +114,7 @@ const Header = () => {
return (
<>
<div className="mega-menu-container">
{/* Mobile Hamburger only visible on mobile */}
<div className="mobile-hamburger-wrapper">
......@@ -125,7 +125,7 @@ const Header = () => {
<div className="container-fluid" style={{ maxWidth: 1200, margin: '0 auto', padding: '0 32px' }}>
<nav className="navbar navbar-expand-md navbar-light">
<Link href="/" className="navbar-brand">
<Image width={180} height={33} src="/images/Advithlogo.svg" alt="logo" />
<Image width={180} height={33} src="/images/Advithlogo.svg" alt="logo" />
</Link>
<button
onClick={toggleNavbar}
......@@ -190,13 +190,13 @@ const Header = () => {
onMouseEnter={() => setClientServicingOpen(true)}
onMouseLeave={() => setClientServicingOpen(false)}
>
<span
<Link href="/client-servicing"
className="nav-link dropdown-nav"
style={{ background: "none", border: "none", cursor: "pointer" }}
>
Client Servicing
<span className="dropdown-arrow"></span>
</span>
</Link>
</li>
{clientServicingOpen && (
<div
......
pages/client-servicing/bespoke.js
......@@ -12,8 +12,14 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest";
import FaqContent from "@/components/reuseables/Faq";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const Bespoke = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage");
const banners = [
{
......@@ -26,7 +32,7 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
];
const dynamicdata = Empoweringpage?.BespokeDetails;
// console.log("dynamicdata", dynamicdata);
// console.log("dynamicdata", dynamicdata);
const clientlogo = Empoweringpage?.Clientel;
......@@ -34,6 +40,13 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return (
<>
<Seo seo={seo} />
......@@ -93,10 +106,11 @@ const Bespoke = ({ Empoweringpage, conversionData }) => {
})}
</section>
</div>
<div className="ptb-50">
<Clientele partners={clientlogo} />
</div>
<HomeBlog data={blogData} />
<CallBackRequest />
</>
);
......
pages/client-servicing/digital-transformation.js
......@@ -12,8 +12,13 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest";
import Rules from "@/container/Corpedia/Rules";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Digitalpage, "Digitalpage");
const banners = [
{
......@@ -34,6 +39,14 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return (
<>
<Seo seo={seo} />
......@@ -52,7 +65,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
/>
);
case "dynamic-zone.background":
......@@ -62,7 +75,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
cta={section.CTA}
cta={section.CTA}
/>
);
case "dynamic-zone.element-one":
......@@ -89,16 +102,16 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
/>
);
case "dynamic-zone.rules-application":
return (
<Rules
title={section?.Heading}
subtitle={section?.Subheading}
description={section?.Description}
image={section?.Image}
rule={section?.RuleList}
/>
);
case "dynamic-zone.rules-application":
return (
<Rules
title={section?.Heading}
subtitle={section?.Subheading}
description={section?.Description}
image={section?.Image}
rule={section?.RuleList}
/>
);
default:
return null;
}
......@@ -109,6 +122,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<div className="ptb-50">
<Clientele partners={clientlogo} />
</div>
<HomeBlog data={blogData} />
<CallBackRequest />
</>
);
......
pages/client-servicing/empowering-finance-consultants.js
......@@ -12,8 +12,13 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest";
import FaqContent from "@/components/reuseables/Faq";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
console.log(Empoweringpage, "Empoweringpage");
const banners = [
{
......@@ -26,7 +31,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
];
const dynamicdata = Empoweringpage?.EmpoweringFinanceDetails;
// console.log("dynamicdata", dynamicdata);
// console.log("dynamicdata", dynamicdata);
const clientlogo = Empoweringpage?.Clientel;
......@@ -34,6 +39,13 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return (
<>
<Seo seo={seo} />
......@@ -93,10 +105,11 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
})}
</section>
</div>
<FaqContent />
<FaqContent data={Empoweringpage?.FAQ} />
<div className="ptb-50">
<Clientele partners={clientlogo} />
</div>
<HomeBlog data={blogData} />
<CallBackRequest />
</>
);
......@@ -115,8 +128,9 @@ export async function getServerSideProps() {
"EmpoweringFinanceDetails.Heading",
"EmpoweringFinanceDetails.DownloadBtn",
"EmpoweringFinanceDetails.CTA",
"EmpoweringFinanceDetails.ElementList.StepImg",
"EmpoweringFinanceDetails.ElementList.StepImg",
"Clientel.logos",
"FAQ.FAQList",
"seo",
"seo.metaImage",
"seo.schema",
......
pages/client-servicing/gcc.js
......@@ -11,9 +11,14 @@ import Seo from "@/components/reuseables/Seo/Seo";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
import DownloadBtn from "@/components/reuseables/DownloadBtn";
import CallBackRequest from "@/components/reuseables/CallBackRequest";
import { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
const clientservicecfo = ({ gccpage, conversionData }) => {
console.log(gccpage, "gccpage");
const dispatch = useDispatch();
// console.log(gccpage, "gccpage");
const banners = [
{
imageSrc: cleanImage(gccpage?.Banner?.Image?.url),
......@@ -33,6 +38,13 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
const code = conversionData?.conversion;
// ===== Blog data =====
useEffect(() => {
dispatch(fetchBlogList());
}, []);
const blogData = useSelector((state) => state.bloglist.data);
return (
<>
<Seo seo={seo} />
......@@ -51,6 +63,7 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
cta={section?.CTA}
/>
);
case "dynamic-zone.background":
......@@ -60,14 +73,17 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
cta={section?.CTA}
/>
);
case "dynamic-zone.element-one":
return (
<MethodOne
heading={section?.Heading}
data={section?.ElementList}
/>
<>
<MethodOne
heading={section?.Heading}
data={section?.ElementList}
/>
</>
);
case "dynamic-zone.element-two":
return (
......@@ -94,7 +110,8 @@ const clientservicecfo = ({ gccpage, conversionData }) => {
</div>
<Clientele partners={clientlogo} />
<Clientele partners={clientlogo} />
<HomeBlog data={blogData} />
<CallBackRequest />
</>
);
......
pages/people.js
......@@ -10,23 +10,23 @@ import { cleanImage } from "@/layout/imageHandling";
import Seo from "@/components/reuseables/Seo/Seo";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
const people = ({peoplepage , conversionData}) => {
const people = ({ peoplepage, conversionData }) => {
const banners = [
{
imageSrc: cleanImage(peoplepage?.Banner?.Image?.url),
pageTitle: peoplepage?.Banner?.Heading,
homePageUrl: "/",
homePageText: "Home",
activePageText: peoplepage?.Banner?.Heading,
activePageText: peoplepage?.Banner?.Heading,
},
// Add more banners as needed
];
const aboutPeople = peoplepage?.Overview
const teamlead = peoplepage?.TeamLeads
const teamlead = peoplepage?.TeamLeads
const teamlist = peoplepage?.Teamlist
const Memberlist = peoplepage?.Memberlist
const Advisory = peoplepage?.AdvisoryBoard
const Advisory = peoplepage?.AdvisoryBoard
// console.log("AdvisoryBoard",Advisory)
const seo = peoplepage?.seo;
// console.log(seo )
......@@ -34,13 +34,13 @@ const people = ({peoplepage , conversionData}) => {
return (
<>
<Seo seo={seo} />
<ConversionCode code={code} />
<Seo seo={seo} />
<ConversionCode code={code} />
<PageBanner banners={banners} />
<AboutPeople aboutPeople ={aboutPeople}/>
<AdvisoryBoard advisoryboard ={Advisory}/>
<TeamLead teamlead ={teamlead} teamlist={teamlist} />
<AboutPeople aboutPeople={aboutPeople} />
<AdvisoryBoard advisoryboard={Advisory} />
<TeamLead teamlead={teamlead} teamlist={teamlist} />
<TeamMember memberlist={Memberlist} />
</>
);
......@@ -81,7 +81,7 @@ export async function getServerSideProps() {
const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/people?${query1String}`;
const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`;
// console.log(`Final url: ${endpoint1}`);
const [response1, response2] = await Promise.all([
......@@ -93,7 +93,7 @@ export async function getServerSideProps() {
return {
props: { peoplepage , conversionData },
props: { peoplepage, conversionData },
};
} catch (error) {
console.log("Error", error);
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!