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 122 additions and 28 deletions
components/reuseables/Clientele.js
import React from "react";
import React, { useRef, useEffect, useState } from "react";
import Image from "next/image";
import { cleanImage } from "@/layout/imageHandling";
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 (
<div className="partner-area py-4 overflow-hidden">
<div className="container">
<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) => (
<div
className={`${itemClassName} d-flex justify-content-center align-items-center `}
......@@ -38,7 +53,7 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) =>
.marquee-track {
display: flex;
width: max-content;
animation: scroll-left 100s linear infinite;
animation: scroll-left linear infinite;
}
@keyframes scroll-left {
......
components/reuseables/services/MethodTwo.js
......@@ -74,7 +74,10 @@ const MethodTwoSection = ({
) : (
<>
<div className="method-title">{card.StepHeading}</div>
{
card?.StepDescription &&
<div className="method-descr1">{card.StepDescription}</div>
}
<div className="image-container mt-lg-5 mt-xl-0 mt-3 ">
<Image
aria-hidden="true"
......
container/Contact/ContactInfo.js
......@@ -20,33 +20,34 @@ const ContactInfo = () => {
<Row className="justify-content-center">
<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="col-2">
<div className="icon">
<i className="ri-home-7-line"></i>
</div>
</div>
<div className="col-10" >
<div>
<p>
<span> Reg office:</span> Nanda commercial complex and health center,
court road, Udupi -576101
<span>Operation Excellence Center- 1:</span> 2nd Floor, Nanda commercial complex and health center, Court road, Udupi -576101
</p>
<p>
<span> Corporate office: </span> No.988,1st Floor,13th Cross, Banashankari II Stage, Bangalore -560070
<span> Strategic Consulting Center: </span> No.988 1st Floor, 13th Cross, Banashankari II Stage, Bengaluru – 560070
</p>
</div>
</div>
</div>
</Col>
<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="col-2" >
<div className="icon">
<i className="ri-phone-line"></i>
</div>
</div>
<div className="col-10" >
<div>
{/* <h3>Landline & Mobile</h3> */}
<p>
......@@ -59,13 +60,17 @@ const ContactInfo = () => {
</p>
</div>
</div>
</div>
</Col>
<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="col-2" >
<div className="icon">
<i className="ri-mail-star-line"></i>
</div>
</div>
<div className="col-10">
<div>
{/* <h3>Email</h3> */}
<p>
......@@ -76,6 +81,7 @@ const ContactInfo = () => {
</p>
</div>
</div>
</div>
</Col>
</Row>
</div>
......
container/Home/PartnerSlider.js
......@@ -37,7 +37,7 @@ const PartnerSlider = ({ Clientel = [] }) => {
.marquee-track {
width: max-content;
animation: scroll-left 100s linear infinite;
animation: scroll-left 170s linear infinite;
}
@keyframes scroll-left {
......
container/People/AdvisoryBoard.js
......@@ -33,7 +33,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
<div className="testimonial-area">
<Container>
<div className="section-title">
<Heading el="h2" heading="Our Founding Team" />
<Heading el="h2" heading="Our Founders" />
</div>
{advisoryboard.map((member, index) => (
<Row key={index} className="row align-items-center">
......@@ -64,11 +64,11 @@ const AdvisoryBoard = ({ advisoryboard }) => {
heading={member.Name}
className="advisory-title"
/>
<div className="testimonial-content">
<div className="testimonial-content text-start">
{/* <div className="d-flex gap-2"> */}
<p className="sub-title mb-0">{member.Designation}</p>
{/* </div> */}
<a className="" style={{ cursor: 'pointer' }}
<a className="text-start" style={{ cursor: 'pointer' }}
href={member?.Linkdin}
target="_blank"
rel="noopener noreferrer"
......
container/People/TeamLead.js
......@@ -65,7 +65,7 @@ const team = [
const TeamLead = ({ teamlead, teamlist }) => {
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="section-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 = () => {
<h3>Address</h3>
<ul>
<li>
<span><h3 className="mb-1 office-heading">Reg office:</h3></span> Nanda commercial complex and health center,
court road, Udupi -576101
<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
</li>
{/* <li><span>Phone No:</span> <a href="tel: 820-4200985">0820-4200985</a> </li> */}
<li>
<span><h3 className="mb-1 office-heading"> Corporate office:</h3>
</span> No.988,1st Floor,13th Cross, Banashankari II Stage, Bangalore -560070
<span><h3 className="mb-1 office-heading"> Strategic Consulting Center:</h3>
</span> No.988 1st Floor, 13th Cross, Banashankari II Stage, Bengaluru – 560070
</li>
</ul>
</div>
......
pages/client-servicing/digital-transformation.js
......@@ -18,6 +18,7 @@ import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
import DigitalFaq from "@/container/ClientServicing/DigitalTransformation/DigitalFaq";
import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt";
import PartnerSlider from "@/container/Home/PartnerSlider";
const DigitalTransformation = ({ Digitalpage, conversionData }) => {
const dispatch = useDispatch();
......@@ -144,6 +145,7 @@ const DigitalTransformation = ({ Digitalpage, conversionData }) => {
<div className="ptb-50">
<Clientele partners={clientlogo} />
{/* <PartnerSlider Clientel={Digitalpage?.Clientel} /> */}
</div>
<HomeBlog data={blogData} />
<CallBackRequest />
......
pages/client-servicing/empowering-finance-consultants.js
......@@ -20,6 +20,7 @@ import WeOffer from "@/container/ClientServicing/EmpoweringFinanceConsultants/We
import DigitalHowWeDoIt from "@/container/ClientServicing/DigitalTransformation/DigitalHowWeDoIt";
import WhatWeDoWhatDontDo from "@/container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
import PartnerSlider from "@/container/Home/PartnerSlider";
const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
const dispatch = useDispatch();
......@@ -160,6 +161,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<div className="ptb-50">
<Clientele partners={clientlogo} />
{/* <PartnerSlider Clientel={Empoweringpage?.Clientel} /> */}
</div>
<HomeBlog data={blogData} />
<CallBackRequest />
......
pages/client-servicing/ta.js
......@@ -13,6 +13,7 @@ import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCod
import Card from "@/components/reuseables/services/Card";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
import CallBackRequest from "@/components/reuseables/CallBackRequest";
import TransactionHowdoit from "@/container/TransactionAdvisory/TransactionHowdoit";
const banners = [
{
......@@ -96,8 +97,12 @@ const TaPage = ({ tapage, conversionData }) => {
);
case "dynamic-zone.card":
return (
<HowWeDoIt heading={section?.Heading}
<>
<TransactionHowdoit heading={section?.Heading}
data={section} />
{/* <HowWeDoIt heading={section?.Heading}
data={section} /> */}
</>
);
default:
return null;
......@@ -109,6 +114,7 @@ const TaPage = ({ tapage, conversionData }) => {
<div className="pt-5">
<Clientele partners={clientlogo} />
</div>
<CallBackRequest />
</>
);
......
pages/client-servicing/virtual-finance-office/index.js
......@@ -17,6 +17,7 @@ import Seo from "@/components/reuseables/Seo/Seo";
import PartnerSlider from "@/container/Home/PartnerSlider";
import HomeBlog from "@/container/Home/HomeBlog";
import { fetchBlogList } from "@/redux/slices/bloglistslice";
import Clientele from "@/components/reuseables/Clientele";
const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
console.log(ClientPage, "data1");
......@@ -69,7 +70,8 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
{/* <TechnicalExpertise technicalexpertise={technicalexpertise} /> */}
{/* <FunctionalAreas functionarea={FunctionArea} /> */}
<div className="ptb-100 bg-fafafa">
<PartnerSlider Clientel={Clientel} />
{/* <PartnerSlider Clientel={Clientel} /> */}
<Clientele partners={Clientel} />
</div>
<Industries industry={IndustryData} />
<HomeBlog data={blogData} />
......
pages/index.js
......@@ -18,6 +18,7 @@ import FunctionalAreas from "@/container/Home/FunctionalAreas";
import Seo from "@/components/reuseables/Seo/Seo";
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
import TechnicalExpertise from "@/container/Home/AreaofExpertise";
import Clientele from "@/components/reuseables/Clientele";
const inter = Inter({ subsets: ["latin"] });
......@@ -35,7 +36,7 @@ export default function Home({ homepage, conversionData }) {
const code = conversionData?.conversion;
const AreasExpertiseTitle = homepage?.AreasExpertiseTitle;
const AreasofExpertiseList = homepage?.AreasofExpertiselists;
console.log(AreasExpertiseTitle,"AreasofExpertiselists")
console.log(AreasExpertiseTitle, "AreasofExpertiselists")
useEffect(() => {
dispatch(fetchBlogList());
......@@ -54,14 +55,15 @@ export default function Home({ homepage, conversionData }) {
<HomeBanner banner={banner} />
<AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} />
<People people={people} />
<ClientService service={serviceData} />
<ClientService service={serviceData} classname="home_client_sevices" />
{/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */}
<AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList} />
<FunctionalAreas functionarea={functionarea} />
<Industries industry={industry} />
<HomeBlog data={blogData} />
<div className="ptb-50 bg-fafafa">
<PartnerSlider Clientel={Clientel} />
<Clientele partners={Clientel} />
{/* <PartnerSlider Clientel={Clientel} /> */}
</div>
<CallBackRequest />
</>
......
styles/styles.css
......@@ -9055,6 +9055,9 @@ ul.pagination.custom-pagination {
.risk_advisory_method {
padding: 50px 0;
}
.risk_advisory_howitwork{
padding-bottom: 0;
}
/* --------------------variant end---------------- */
......@@ -9064,6 +9067,10 @@ ul.pagination.custom-pagination {
padding: 0;
}
.business_advisory_howitwork .HowWeDoIt_card {
height: 250px;
}
@media (max-width: 1800px) {
.industry_nav .custom-swiper-button-prev {
......@@ -9154,6 +9161,10 @@ ul.pagination.custom-pagination {
.industry_home .industry-title {
font-size: 1.5rem;
}
.risk_advisory_howitwork .HowWeDoIt_card {
height: 270px;
}
}
@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!