Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit c13f6278 by Aman
Options

changes done

1 parent 78eaf89a
Inline Side-by-side
Showing 9 changed files with 53 additions and 18 deletions
components/reuseables/Clientele.js
...@@ -2,7 +2,10 @@ import React, { useRef, useEffect, useState } from "react"; ...@@ -2,7 +2,10 @@ 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 trackRef = useRef(null);
const [animationDuration, setAnimationDuration] = useState(120); const [animationDuration, setAnimationDuration] = useState(120);
...@@ -24,12 +27,14 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => ...@@ -24,12 +27,14 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) =>
ref={trackRef} ref={trackRef}
style={{ animationDuration: `${animationDuration}s` }} style={{ animationDuration: `${animationDuration}s` }}
> >
{partners.concat(partners).map((logo, index) => ( {partners.concat(partners).map((logo, index) => {
<div console.log(logo);
return <div
className={`${itemClassName} d-flex justify-content-center align-items-center `} className={`${itemClassName} d-flex justify-content-center align-items-center `}
key={`${logo.id}-${index}`} key={`${logo.id}-${index}`}
style={{ flex: "0 0 auto", width: "300px", height: "80px" }} style={{ flex: "0 0 auto", width: "300px", height: "80px" }}
> >
{logo?.logos && (
<Image <Image
alt={logo?.logos[0]?.alternativeText || "image"} alt={logo?.logos[0]?.alternativeText || "image"}
src={cleanImage(logo?.logos[0]?.url)} src={cleanImage(logo?.logos[0]?.url)}
...@@ -37,8 +42,9 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) => ...@@ -37,8 +42,9 @@ const Clientele = ({ partners = [], itemClassName = "single-partner-item" }) =>
height={60} height={60}
className="img-fluid industry-logo" className="img-fluid industry-logo"
/> />
)}
</div> </div>
))} })}
</div> </div>
</div> </div>
</div> </div>
......
components/reuseables/variants.js 100755 → 100644
File mode changed
container/Home/HomeBanner.js
...@@ -81,17 +81,19 @@ const HomeBanner = ({ banner }) => { ...@@ -81,17 +81,19 @@ const HomeBanner = ({ banner }) => {
className="main-banner-area" className="main-banner-area"
style={{ style={{
backgroundImage: `url(${cleanImage( backgroundImage: `url(${cleanImage(
item?.BackgroundBanner?.url item?.BackgroundBanner?.url,
)})`, )})`,
}} }}
> >
<Container fluid className="ps-5"> <Container fluid className="ps-5">
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={4} md={12}> <Col lg={6} md={12}>
<div className="main-banner-content ps-3"> <div className="main-banner-content ps-3">
<span className="sub-title">{item?.Subtitle}</span> <span className="sub-title">{item?.Subtitle}</span>
<h1>{item?.Title}</h1> <h1>{item?.Title}</h1>
<p>{item.Description}</p> <p className="position-relative z-3">
{item.Description}
</p>
<div className="btn-box"> <div className="btn-box">
{item?.CTA && {item?.CTA &&
item?.CTA?.map((itemcta, index) => { item?.CTA?.map((itemcta, index) => {
...@@ -111,7 +113,7 @@ const HomeBanner = ({ banner }) => { ...@@ -111,7 +113,7 @@ const HomeBanner = ({ banner }) => {
</div> </div>
</Col> </Col>
<Col lg={5} md={12}> <Col lg={6} md={12}>
{/* <div className="main-banner-image"> {/* <div className="main-banner-image">
<Image <Image
fill fill
......
container/Home/People.js
...@@ -49,12 +49,12 @@ const People = ({ people }) => { ...@@ -49,12 +49,12 @@ const People = ({ people }) => {
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
> >
<Image <Image
src={cleanImage(people.Image?.url)} src={cleanImage(people?.Image?.url)}
fill fill
className="img-fluid position-relative" className="img-fluid position-relative"
alt={ alt={
people.Image?.alternativeText people?.Image?.alternativeText
? people.Image?.alternativeText ? people?.Image?.alternativeText
: "image" : "image"
} }
/> />
......
deploy.sh 0 → 100644
sudo git pull
sudo npm run build
sudo pm2 stop advith_frontend_io
sudo pm2 start advith_frontend_io
deploy.shes 0 → 100644
sudo git pull
sudo npm run build
sudo pm2 stop advith_frontend_io
sudo pm2 start advith_frontend_io
ecosystem.config.js 0 → 100644
module.exports = {
apps: [
{
name: 'advith_frontend',
script: 'npm',
args: 'run start',
},
],
};
pages/client-servicing/global-capability-centres.js
...@@ -18,6 +18,8 @@ import { fetchBlogList } from "@/redux/slices/bloglistslice"; ...@@ -18,6 +18,8 @@ import { fetchBlogList } from "@/redux/slices/bloglistslice";
import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt"; import HowWeDoIt from "@/container/ClientServicing/CFO/HowWeDoIt";
const clientservicecfo = ({ gccpage, conversionData }) => { const clientservicecfo = ({ gccpage, conversionData }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
// console.log(gccpage, "gccpage"); // console.log(gccpage, "gccpage");
const banners = [ const banners = [
......
pages/index.js
...@@ -24,7 +24,7 @@ const inter = Inter({ subsets: ["latin"] }); ...@@ -24,7 +24,7 @@ const inter = Inter({ subsets: ["latin"] });
export default function Home({ homepage, conversionData }) { export default function Home({ homepage, conversionData }) {
const dispatch = useDispatch(); const dispatch = useDispatch();
console.log("homepage", homepage); console.log("homepage", homepage?.Banner);
const banner = homepage?.Banner; const banner = homepage?.Banner;
const Knowledgeshack = homepage?.Knowledgeshack; const Knowledgeshack = homepage?.Knowledgeshack;
const KnowledgeTab = homepage?.KnowledgeTab; const KnowledgeTab = homepage?.KnowledgeTab;
...@@ -36,7 +36,8 @@ export default function Home({ homepage, conversionData }) { ...@@ -36,7 +36,8 @@ 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") // const AreasofExpertise=homepage?.AreasofExpertise
// console.log(AreasofExpertise, "AreasofExpertise")
useEffect(() => { useEffect(() => {
dispatch(fetchBlogList()); dispatch(fetchBlogList());
...@@ -57,7 +58,7 @@ export default function Home({ homepage, conversionData }) { ...@@ -57,7 +58,7 @@ export default function Home({ homepage, conversionData }) {
<People people={people} /> <People people={people} />
<ClientService service={serviceData} classname="home_client_sevices" /> <ClientService service={serviceData} classname="home_client_sevices" />
{/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */} {/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */}
<AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={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} />
...@@ -74,7 +75,8 @@ export async function getServerSideProps() { ...@@ -74,7 +75,8 @@ export async function getServerSideProps() {
try { try {
const query1 = { const query1 = {
populate: [ populate: [
"Banner.Mobilebanner", 'Banner',
'Banner.Mobilebanner',
"Banner.BackgroundBanner", "Banner.BackgroundBanner",
"Banner.Desktopbanner", "Banner.Desktopbanner",
"Banner.CTA", "Banner.CTA",
...@@ -85,9 +87,11 @@ export async function getServerSideProps() { ...@@ -85,9 +87,11 @@ export async function getServerSideProps() {
"People.peoplelist", "People.peoplelist",
"whatwedo.Image", "whatwedo.Image",
"whatwedo.CTA", "whatwedo.CTA",
"AreasExpertiseTitle.Heading", // "AreasExpertiseTitle.Heading",
"AreasExpertiseTitle.Image", // "AreasExpertiseTitle.Image",
"AreasofExpertiselists.Image", // "AreasofExpertiselists.Image",
"AreasofExpertise",
"AreasofExpertise.Image",
"FunctionalAreas.Icon", "FunctionalAreas.Icon",
"Industry.Image", "Industry.Image",
"Industry.CTA", "Industry.CTA",
...@@ -126,5 +130,8 @@ export async function getServerSideProps() { ...@@ -126,5 +130,8 @@ export async function getServerSideProps() {
}; };
} catch (error) { } catch (error) {
console.log("Error", error); console.log("Error", error);
return {
props: { homepage:null, conversionData:null },
};
} }
} }
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!