Skip to content

sujata / advithconsulting.io-frontend

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

changes

1 parent 8904c816
Inline Side-by-side
Showing 14 changed files with 167 additions and 73 deletions
components/reuseables/Clientele.js
import React from "react"; import React, { useRef, useEffect, useState } from "react";
import Image from "next/image"; 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" }) => {
const trackRef = useRef(null);
const [animationDuration, setAnimationDuration] = useState(120);
useEffect(() => {
if (trackRef.current) {
const trackWidth = trackRef.current.scrollWidth;
const baseSpeed = 100; // pixels per second
const duration = trackWidth / baseSpeed; // calculate duration dynamically
setAnimationDuration(duration);
}
}, [partners]);
return ( return (
<div className="partner-area py-4 overflow-hidden"> <div className="partner-area py-4 overflow-hidden">
<div className="container"> <div className="container">
<div className="marquee-wrapper position-relative"> <div className="marquee-wrapper position-relative">
<div className="marquee-track d-flex"> <div
className="marquee-track d-flex"
ref={trackRef}
style={{ animationDuration: `${animationDuration}s` }}
>
{partners.concat(partners).map((logo, index) => ( {partners.concat(partners).map((logo, index) => (
<div <div
className={`${itemClassName} d-flex justify-content-center align-items-center `} className={`${itemClassName} d-flex justify-content-center align-items-center `}
...@@ -38,7 +53,7 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => ...@@ -38,7 +53,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 100s linear infinite; animation: scroll-left linear infinite;
} }
@keyframes scroll-left { @keyframes scroll-left {
......
components/reuseables/services/MethodTwo.js
...@@ -74,7 +74,10 @@ const MethodTwoSection = ({ ...@@ -74,7 +74,10 @@ const MethodTwoSection = ({
) : ( ) : (
<> <>
<div className="method-title">{card.StepHeading}</div> <div className="method-title">{card.StepHeading}</div>
<div className="method-descr1">{card.StepDescription}</div> {
card?.StepDescription &&
<div className="method-descr1">{card.StepDescription}</div>
}
<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"
......
container/Contact/ContactInfo.js
...@@ -20,61 +20,67 @@ const ContactInfo = () => { ...@@ -20,61 +20,67 @@ const ContactInfo = () => {
<Row className="justify-content-center"> <Row className="justify-content-center">
<Col lg={12} md={12} sm={6}> <Col lg={12} md={12} sm={6}>
<div className="single-contact-info-box d-md-flex gap-2"> <div className="single-contact-info-box row">
<div className="icon"> <div className="col-2">
<i className="ri-home-7-line"></i> <div className="icon">
<i className="ri-home-7-line"></i>
</div>
</div> </div>
<div className="col-10" >
<div>
<div> <p>
<span>Operation Excellence Center- 1:</span> 2nd Floor, Nanda commercial complex and health center, Court road, Udupi -576101
<p> </p>
<p>
<span> Reg office:</span> Nanda commercial complex and health center, <span> Strategic Consulting Center: </span> No.988 1st Floor, 13th Cross, Banashankari II Stage, Bengaluru – 560070
court road, Udupi -576101 </p>
</p> </div>
<p> </div>
<span> Corporate office: </span> No.988,1st Floor,13th Cross, Banashankari II Stage, Bangalore -560070
</p>
</div>
</div> </div>
</Col> </Col>
<Col lg={12} md={12} sm={12}> <Col lg={12} md={12} sm={12}>
<div className="single-contact-info-box d-md-flex gap-3"> <div className="single-contact-info-box row">
<div className="icon"> <div className="col-2" >
<i className="ri-phone-line"></i> <div className="icon">
<i className="ri-phone-line"></i>
</div>
</div>
<div className="col-10" >
<div>
{/* <h3>Landline & Mobile</h3> */}
<p>
<span>Call:</span>
<a href="tel:08204200985">0820-4200985</a>
</p>
<p>
<span>Call:</span>
<a href="tel:+9108026719484">+91-080-26719484</a>
</p>
</div>
</div> </div>
<div>
{/* <h3>Landline & Mobile</h3> */}
<p>
<span>Call:</span>
<a href="tel:08204200985">0820-4200985</a>
</p>
<p>
<span>Call:</span>
<a href="tel:+9108026719484">+91-080-26719484</a>
</p>
</div>
</div> </div>
</Col> </Col>
<Col lg={12} md={12} sm={12}> <Col lg={12} md={12} sm={12}>
<div className="single-contact-info-box d-md-flex gap-3"> <div className="single-contact-info-box row">
<div className="icon"> <div className="col-2" >
<i className="ri-mail-star-line"></i> <div className="icon">
<i className="ri-mail-star-line"></i>
</div>
</div>
<div className="col-10">
<div>
{/* <h3>Email</h3> */}
<p>
<a href="mailto: Support@advithitec.in">
Support@advithitec.in
</a>
</p>
</div>
</div> </div>
<div>
{/* <h3>Email</h3> */}
<p>
<a href="mailto: Support@advithitec.in">
Support@advithitec.in
</a>
</p>
</div>
</div> </div>
</Col> </Col>
</Row> </Row>
......
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 100s linear infinite; animation: scroll-left 170s linear infinite;
} }
@keyframes scroll-left { @keyframes scroll-left {
......
container/People/AdvisoryBoard.js
...@@ -33,7 +33,7 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -33,7 +33,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
<div className="testimonial-area"> <div className="testimonial-area">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<Heading el="h2" heading="Our Founding Team" /> <Heading el="h2" heading="Our Founders" />
</div> </div>
{advisoryboard.map((member, index) => ( {advisoryboard.map((member, index) => (
<Row key={index} className="row align-items-center"> <Row key={index} className="row align-items-center">
...@@ -64,11 +64,11 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -64,11 +64,11 @@ const AdvisoryBoard = ({ advisoryboard }) => {
heading={member.Name} heading={member.Name}
className="advisory-title" className="advisory-title"
/> />
<div className="testimonial-content"> <div className="testimonial-content text-start">
{/* <div className="d-flex gap-2"> */} {/* <div className="d-flex gap-2"> */}
<p className="sub-title mb-0">{member.Designation}</p> <p className="sub-title mb-0">{member.Designation}</p>
{/* </div> */} {/* </div> */}
<a className="" style={{ cursor: 'pointer' }} <a className="text-start" style={{ cursor: 'pointer' }}
href={member?.Linkdin} href={member?.Linkdin}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
...@@ -89,15 +89,15 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -89,15 +89,15 @@ const AdvisoryBoard = ({ advisoryboard }) => {
/> />
<div className="testimonial-content"> <div className="testimonial-content">
{/* <div className="d-flex gap-2"> */} {/* <div className="d-flex gap-2"> */}
<p className="sub-title mb-0">{member.Designation}</p> <p className="sub-title mb-0">{member.Designation}</p>
{/* </div> */} {/* </div> */}
<a style={{ cursor: 'pointer' }} <a 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 dangerouslySetInnerHTML={{ __html: member.Description }} /> <div dangerouslySetInnerHTML={{ __html: member.Description }} />
</div> </div>
......
container/People/TeamLead.js
...@@ -65,7 +65,7 @@ const team = [ ...@@ -65,7 +65,7 @@ const team = [
const TeamLead = ({ teamlead, teamlist }) => { const TeamLead = ({ teamlead, teamlist }) => {
return ( return (
<> <>
<div className="team-area pt-md-100 pb-md-70 bg-fafafa"> <div className="team-area pt-70 pb-md-70 bg-fafafa mt-md-5">
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title"> <span className="sub-title">
......
container/TransactionAdvisory/TransactionHowdoit.js 0 → 100644
import Heading from "@/components/reuseables/Heading";
import { cleanImage } from "@/layout/imageHandling";
import Image from "next/image";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const TransactionHowdoit = ({ data, heading, classname }) => {
console.log(data, "datadata");
return (
<div className="functional-areas transaction_howdoit pt-100 pb-0">
<Container>
<div className="section-title">
{/* <span className="sub-title">SERVICES</span> */}
<Heading el="h2" heading={heading?.Title} className="h2" />
</div>
<div className="row row-gap-4 justify-content-center">
{data?.carddetails &&
data?.carddetails.map((service) => (
<div className="col-lg-4 col-sm-6 col-md-6 " key={service.id}>
<div className="single-services-item text-center mb-0 border align-items-left">
<Image
src={cleanImage(service?.Image?.url)}
alt={service.Title}
className="img-fluid"
width={100}
height={100}
/>
<div className="align-items-center">
<h3 className="mt-3">{service?.Title}</h3>
{
service?.Description &&
<p className="mt-2"> {service?.Description}</p>
}
</div>
</div>
</div>
))}
</div>
</Container>
</div>
);
};
export default TransactionHowdoit;
layout/Footer.js
...@@ -78,13 +78,12 @@ const Footer = () => { ...@@ -78,13 +78,12 @@ const Footer = () => {
<h3>Address</h3> <h3>Address</h3>
<ul> <ul>
<li> <li>
<span><h3 className="mb-1 office-heading">Reg office:</h3></span> Nanda commercial complex and health center, <span><h3 className="mb-1 office-heading">Operation Excellence Center- 1:</h3></span> 2nd Floor, Nanda commercial complex and health center, Court road, Udupi -576101
court road, Udupi -576101
</li> </li>
{/* <li><span>Phone No:</span> <a href="tel: 820-4200985">0820-4200985</a> </li> */} {/* <li><span>Phone No:</span> <a href="tel: 820-4200985">0820-4200985</a> </li> */}
<li> <li>
<span><h3 className="mb-1 office-heading"> Corporate office:</h3> <span><h3 className="mb-1 office-heading"> Strategic Consulting Center:</h3>
</span> No.988,1st Floor,13th Cross, Banashankari II Stage, Bangalore -560070 </span> No.988 1st Floor, 13th Cross, Banashankari II Stage, Bengaluru – 560070
</li> </li>
</ul> </ul>
</div> </div>
......
pages/client-servicing/digital-transformation.js
...@@ -18,6 +18,7 @@ import HomeBlog from "@/container/Home/HomeBlog"; ...@@ -18,6 +18,7 @@ import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice"; import { fetchBlogList } from "@/redux/slices/bloglistslice";
import DigitalFaq from "@/container/ClientServicing/DigitalTransformation/DigitalFaq"; import DigitalFaq from "@/container/ClientServicing/DigitalTransformation/DigitalFaq";
import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt"; import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt";
import PartnerSlider from "@/container/Home/PartnerSlider";
const DigitalTransformation = ({ Digitalpage, conversionData }) => { const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
...@@ -144,6 +145,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => { ...@@ -144,6 +145,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<div className="ptb-50"> <div className="ptb-50">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
{/* <PartnerSlider Clientel={Digitalpage?.Clientel} /> */}
</div> </div>
<HomeBlog data={blogData} /> <HomeBlog data={blogData} />
<CallBackRequest /> <CallBackRequest />
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -20,6 +20,7 @@ import WeOffer from "@/container/ClientServicing/EmpoweringFinanceConsultants/We ...@@ -20,6 +20,7 @@ import WeOffer from "@/container/ClientServicing/EmpoweringFinanceConsultants/We
import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt"; import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt";
import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo"; import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt"; import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
import PartnerSlider from "@/container/Home/PartnerSlider";
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
...@@ -160,6 +161,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -160,6 +161,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<div className="ptb-50"> <div className="ptb-50">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
{/* <PartnerSlider Clientel={Empoweringpage?.Clientel} /> */}
</div> </div>
<HomeBlog data={blogData} /> <HomeBlog data={blogData} />
<CallBackRequest /> <CallBackRequest />
......
pages/client-servicing/ta.js
...@@ -13,6 +13,7 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod ...@@ -13,6 +13,7 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import Card from "@/components/reuseables/services/Card"; import Card from "@/components/reuseables/services/Card";
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 TransactionHowdoit from "@/container/TransactionAdvisory/TransactionHowdoit";
const banners = [ const banners = [
{ {
...@@ -96,8 +97,12 @@ const TaPage = ({ tapage, conversionData }) => { ...@@ -96,8 +97,12 @@ const TaPage = ({ tapage, conversionData }) => {
); );
case "dynamic-zone.card": case "dynamic-zone.card":
return ( return (
<HowWeDoIt heading={section?.Heading} <>
data={section} /> <TransactionHowdoit heading={section?.Heading}
data={section} />
{/* <HowWeDoIt heading={section?.Heading}
data={section} /> */}
</>
); );
default: default:
return null; return null;
...@@ -109,7 +114,8 @@ const TaPage = ({ tapage, conversionData }) => { ...@@ -109,7 +114,8 @@ const TaPage = ({ tapage, conversionData }) => {
<div className="pt-5"> <div className="pt-5">
<Clientele partners={clientlogo} /> <Clientele partners={clientlogo} />
</div> </div>
<CallBackRequest />
<CallBackRequest />
</> </>
); );
}; };
......
pages/client-servicing/virtual-finance-office/index.js
...@@ -17,6 +17,7 @@ import Seo from "@/components/reuseables/Seo/Seo"; ...@@ -17,6 +17,7 @@ import Seo from "@/components/reuseables/Seo/Seo";
import PartnerSlider from "@/container/Home/PartnerSlider"; import PartnerSlider from "@/container/Home/PartnerSlider";
import HomeBlog from "@/container/Home/HomeBlog"; import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice"; import { fetchBlogList } from "@/redux/slices/bloglistslice";
import Clientele from "@/components/reuseables/Clientele";
const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => { const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
console.log(ClientPage, "data1"); console.log(ClientPage, "data1");
...@@ -69,7 +70,8 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => { ...@@ -69,7 +70,8 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
{/* <TechnicalExpertise technicalexpertise={technicalexpertise} /> */} {/* <TechnicalExpertise technicalexpertise={technicalexpertise} /> */}
{/* <FunctionalAreas functionarea={FunctionArea} /> */} {/* <FunctionalAreas functionarea={FunctionArea} /> */}
<div className="ptb-100 bg-fafafa"> <div className="ptb-100 bg-fafafa">
<PartnerSlider Clientel={Clientel} /> {/* <PartnerSlider Clientel={Clientel} /> */}
<Clientele partners={Clientel} />
</div> </div>
<Industries industry={IndustryData} /> <Industries industry={IndustryData} />
<HomeBlog data={blogData} /> <HomeBlog data={blogData} />
......
pages/index.js
...@@ -18,6 +18,7 @@ import FunctionalAreas from "@/container/Home/FunctionalAreas"; ...@@ -18,6 +18,7 @@ import FunctionalAreas from "@/container/Home/FunctionalAreas";
import Seo from "@/components/reuseables/Seo/Seo"; import Seo from "@/components/reuseables/Seo/Seo";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode"; import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
import TechnicalExpertise from "@/container/Home/AreaofExpertise"; import TechnicalExpertise from "@/container/Home/AreaofExpertise";
import Clientele from "@/components/reuseables/Clientele";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
...@@ -35,7 +36,7 @@ export default function Home({ homepage, conversionData }) { ...@@ -35,7 +36,7 @@ export default function Home({ homepage, conversionData }) {
const code = conversionData?.conversion; const code = conversionData?.conversion;
const AreasExpertiseTitle = homepage?.AreasExpertiseTitle; const AreasExpertiseTitle = homepage?.AreasExpertiseTitle;
const AreasofExpertiseList = homepage?.AreasofExpertiselists; const AreasofExpertiseList = homepage?.AreasofExpertiselists;
console.log(AreasExpertiseTitle,"AreasofExpertiselists") console.log(AreasExpertiseTitle, "AreasofExpertiselists")
useEffect(() => { useEffect(() => {
dispatch(fetchBlogList()); dispatch(fetchBlogList());
...@@ -54,14 +55,15 @@ export default function Home({ homepage, conversionData }) { ...@@ -54,14 +55,15 @@ export default function Home({ homepage, conversionData }) {
<HomeBanner banner={banner} /> <HomeBanner banner={banner} />
<AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} /> <AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} />
<People people={people} /> <People people={people} />
<ClientService service={serviceData} /> <ClientService service={serviceData} classname="home_client_sevices" />
{/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */} {/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */}
<AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList} /> <AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList} />
<FunctionalAreas functionarea={functionarea} /> <FunctionalAreas functionarea={functionarea} />
<Industries industry={industry} /> <Industries industry={industry} />
<HomeBlog data={blogData} /> <HomeBlog data={blogData} />
<div className="ptb-50 bg-fafafa"> <div className="ptb-50 bg-fafafa">
<PartnerSlider Clientel={Clientel} /> <Clientele partners={Clientel} />
{/* <PartnerSlider Clientel={Clientel} /> */}
</div> </div>
<CallBackRequest /> <CallBackRequest />
</> </>
......
styles/styles.css
...@@ -9055,6 +9055,9 @@ ul.pagination.custom-pagination { ...@@ -9055,6 +9055,9 @@ ul.pagination.custom-pagination {
.risk_advisory_method { .risk_advisory_method {
padding: 50px 0; padding: 50px 0;
} }
.risk_advisory_howitwork{
padding-bottom: 0;
}
/* --------------------variant end---------------- */ /* --------------------variant end---------------- */
...@@ -9064,6 +9067,10 @@ ul.pagination.custom-pagination { ...@@ -9064,6 +9067,10 @@ ul.pagination.custom-pagination {
padding: 0; padding: 0;
} }
.business_advisory_howitwork .HowWeDoIt_card {
height: 250px;
}
@media (max-width: 1800px) { @media (max-width: 1800px) {
.industry_nav .custom-swiper-button-prev { .industry_nav .custom-swiper-button-prev {
...@@ -9154,6 +9161,10 @@ ul.pagination.custom-pagination { ...@@ -9154,6 +9161,10 @@ ul.pagination.custom-pagination {
.industry_home .industry-title { .industry_home .industry-title {
font-size: 1.5rem; font-size: 1.5rem;
} }
.risk_advisory_howitwork .HowWeDoIt_card {
height: 270px;
}
} }
@media (max-width: 1300px) { @media (max-width: 1300px) {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!