Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit c6d8db2e by sujata
Options

chnages home page

1 parent 0266eb58
Inline Side-by-side
Showing 11 changed files with 241 additions and 100 deletions
components/reuseables/PageBanner.js
...@@ -106,7 +106,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -106,7 +106,7 @@ const PageBanner = ({ banners = [] }) => {
className="img-fluid postion-absolute" className="img-fluid postion-absolute"
/> />
</div> </div>
<Container fluid className="ps-5"> <Container fluid className="ps-md-5 pe-md-5">
<div className="page-title-content"> <div className="page-title-content">
<h2>{banner.pageTitle}</h2> <h2>{banner.pageTitle}</h2>
<ul> <ul>
......
container/Contact/ContactInfo.js
...@@ -27,7 +27,7 @@ const ContactInfo = () => { ...@@ -27,7 +27,7 @@ const ContactInfo = () => {
<div> <div>
<h3>Office</h3>
<p> <p>
<span> Reg office:</span> Nanda commercial complex and health center, <span> Reg office:</span> Nanda commercial complex and health center,
...@@ -48,7 +48,7 @@ const ContactInfo = () => { ...@@ -48,7 +48,7 @@ const ContactInfo = () => {
<i className="ri-phone-line"></i> <i className="ri-phone-line"></i>
</div> </div>
<div> <div>
<h3>Landline & Mobile</h3> {/* <h3>Landline & Mobile</h3> */}
<p> <p>
<span>Call:</span> <span>Call:</span>
<a href="tel:08204200985">0820-4200985</a> <a href="tel:08204200985">0820-4200985</a>
...@@ -67,7 +67,7 @@ const ContactInfo = () => { ...@@ -67,7 +67,7 @@ const ContactInfo = () => {
<i className="ri-mail-star-line"></i> <i className="ri-mail-star-line"></i>
</div> </div>
<div> <div>
<h3>Email</h3> {/* <h3>Email</h3> */}
<p> <p>
<a href="mailto: Support@advithitec.in"> <a href="mailto: Support@advithitec.in">
......
container/Home/AboutContent.js
...@@ -87,7 +87,7 @@ const AboutContent = ({ Knowledges, KnowledgeTab }) => { ...@@ -87,7 +87,7 @@ const AboutContent = ({ Knowledges, KnowledgeTab }) => {
href={item?.CTA?.URL ? item?.CTA?.URL : "#"} href={item?.CTA?.URL ? item?.CTA?.URL : "#"}
className="default-btn mb-3 mb-md-0" className="default-btn mb-3 mb-md-0"
> >
Know More Read More
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
)} )}
......
container/Home/AreasofExpertise.js
...@@ -66,22 +66,22 @@ const areasofExpertise = [ ...@@ -66,22 +66,22 @@ const areasofExpertise = [
}, },
]; ];
const AreasofExpertise = ({Areas}) => { const AreasofExpertise = ({AreasofExpertiseList}) => {
// console.log(Areas, "areas"); console.log(AreasofExpertiseList, "areas");
return ( return (
<> <>
<div className="areas-of-expertise pt-100 pb-70 bglight"> <div className="areas-of-expertise pt-100 pb-70 bglight">
<Container> <Container fluid className="ps-md-5 pe-md-5">
<div className="section-title"> <div className="section-title">
<Heading el="h2" heading="Areas of Expertise" className="h2" /> <Heading el="h2" heading="Areas of Expertise" className="h2" />
</div> </div>
<Row className="justify-content-center"> <Row className="justify-content-center">
{Areas && {AreasofExpertiseList &&
Areas.map((item, index) => { AreasofExpertiseList.map((item, index) => {
// console.log("Areas", item); console.log("Areas", item);
return ( return (
<Col lg={6} md={6} key={item.id}> <Col lg={4} md={4} key={item.id}>
<div className="single-projects-box"> <div className="single-projects-box">
<motion.div <motion.div
variants={fadeIn(index * 1)} variants={fadeIn(index * 1)}
......
container/Home/HomeBlog.js
...@@ -89,10 +89,10 @@ const HomeBlog = ({ data }) => { ...@@ -89,10 +89,10 @@ const HomeBlog = ({ data }) => {
<li> <li>
<i className="ri-calendar-2-line"></i> {post?.Date} <i className="ri-calendar-2-line"></i> {post?.Date}
</li> </li>
<li> {/* <li>
<i className="ri-user-voice-line"></i> <i className="ri-user-voice-line"></i>
{post?.Author} {post?.Author}
</li> </li> */}
</ul> </ul>
<h3> <h3>
<Link href={`/blog/${post?.slug}`}>{post.Title}</Link> <Link href={`/blog/${post?.slug}`}>{post.Title}</Link>
......
container/Home/PartnerSlider.js
...@@ -11,9 +11,9 @@ const PartnerSlider = ({ Clientel = [] }) => { ...@@ -11,9 +11,9 @@ const PartnerSlider = ({ Clientel = [] }) => {
{/* Duplicate logos for seamless looping */} {/* Duplicate logos for seamless looping */}
{Clientel.concat(Clientel).map((logo, index) => ( {Clientel.concat(Clientel).map((logo, index) => (
<div <div
className="single-partner-item d-flex justify-content-center align-items-center px-3" className="single-partner-item d-flex justify-content-center align-items-center"
key={`${logo.id}-${index}`} key={`${logo.id}-${index}`}
style={{ flex: "0 0 auto", width: "350px", height: "80px" }} style={{ flex: "0 0 auto", width: "250px", height: "80px" }}
> >
<Image <Image
src={cleanImage(logo?.logos?.[0]?.url)} src={cleanImage(logo?.logos?.[0]?.url)}
......
layout/Footer.js
...@@ -10,7 +10,7 @@ const Footer = () => { ...@@ -10,7 +10,7 @@ const Footer = () => {
<div className="container-fluid ps-5"> <div className="container-fluid ps-5">
<div className="row justify-content-between"> <div className="row justify-content-between">
<div className="col-lg-3 col-sm-6 col-md-6"> <div className="col-lg-3 col-sm-6 col-md-6">
<div className="single-footer-widget"> <div className="single-footer-widget text-center">
<Link href="/" className="logo"> <Link href="/" className="logo">
<Image <Image
src="/images/Advithlogo.svg" src="/images/Advithlogo.svg"
...@@ -78,12 +78,13 @@ const Footer = () => { ...@@ -78,12 +78,13 @@ const Footer = () => {
<h3>Address</h3> <h3>Address</h3>
<ul> <ul>
<li> <li>
<span>Reg office:</span> Nanda commercial complex and health center, <span><h3 className="mb-1 office-heading">Reg office:</h3></span> 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> Corporate office:</span> No.988,1st Floor,13th Cross, Banashankari II Stage, Bangalore -560070 <span><h3 className="mb-1 office-heading"> Corporate office:</h3>
</span> No.988,1st Floor,13th Cross, Banashankari II Stage, Bangalore -560070
</li> </li>
</ul> </ul>
</div> </div>
...@@ -115,13 +116,14 @@ const Footer = () => { ...@@ -115,13 +116,14 @@ const Footer = () => {
<h3>Contact</h3> <h3>Contact</h3>
<ul> <ul>
<li> <li>
<span>Call: </span> <span> <i className="ri-phone-line"></i></span>
<a href="tel:+91-08026719484"> <a href="tel:+91-08026719484">
080-26719484 080-26719484
</a> </a>
</li> </li>
<li> <li>
<span>Email: </span> <a href="mailto:info@advithconsulting.in"> <span> <i className="ri-mail-star-line"></i> </span> <a href="mailto:info@advithconsulting.in">
support@advithitec.in support@advithitec.in
</a> </a>
</li> </li>
......
layout/Header.js
"use client" "use client";
import { useState, useEffect } from "react" import { useState, useEffect } from "react";
import Link from "next/link" import Link from "next/link";
import { useRouter } from "next/router" import { useRouter } from "next/router";
import Image from "next/image" import Image from "next/image";
import MobileHamburger from "./MobileHamburger" import MobileHamburger from "./MobileHamburger";
const Header = () => { const Header = () => {
const [menu, setMenu] = useState(true) const [menu, setMenu] = useState(true);
const [clientServicingOpen, setClientServicingOpen] = useState(false) const [clientServicingOpen, setClientServicingOpen] = useState(false);
const router = useRouter() const router = useRouter();
const toggleNavbar = () => { const toggleNavbar = () => {
setMenu(!menu) setMenu(!menu);
} };
useEffect(() => { useEffect(() => {
const handleRouteChange = () => { const handleRouteChange = () => {
setMenu(true) setMenu(true);
setClientServicingOpen(false) setClientServicingOpen(false);
} };
router.events.on("routeChangeStart", handleRouteChange) router.events.on("routeChangeStart", handleRouteChange);
return () => { return () => {
router.events.off("routeChangeStart", handleRouteChange) router.events.off("routeChangeStart", handleRouteChange);
} };
}, [router]) }, [router]);
useEffect(() => { useEffect(() => {
const elementId = document.getElementById("navbar") const elementId = document.getElementById("navbar");
const handleScroll = () => { const handleScroll = () => {
if (window.scrollY > 170) { if (window.scrollY > 170) {
elementId.classList.add("is-sticky") elementId.classList.add("is-sticky");
} else { } else {
elementId.classList.remove("is-sticky") elementId.classList.remove("is-sticky");
} }
} };
window.addEventListener("scroll", handleScroll) window.addEventListener("scroll", handleScroll);
return () => { return () => {
window.removeEventListener("scroll", handleScroll) window.removeEventListener("scroll", handleScroll);
} };
}, []) }, []);
// Check if a route is active // Check if a route is active
const isActive = (path) => { const isActive = (path) => {
if (path === "/") { if (path === "/") {
return router.pathname === path return router.pathname === path;
} }
return router.pathname.startsWith(path) return router.pathname.startsWith(path);
} };
const classOne = menu ? "collapse navbar-collapse" : "collapse navbar-collapse show" const classOne = menu
const classTwo = menu ? "navbar-toggler navbar-toggler-right collapsed" : "navbar-toggler navbar-toggler-right" ? "collapse navbar-collapse"
: "collapse navbar-collapse show";
const classTwo = menu
? "navbar-toggler navbar-toggler-right collapsed"
: "navbar-toggler navbar-toggler-right";
const clientServices = [ const clientServices = [
{ {
title: "Virtual Finance Office", title: "Virtual Finance Office",
href: "/client-servicing/virtual-finance-office", href: "/client-servicing/virtual-finance-office",
items: [ items: [
{ name: "Virtual CFO Services", href: "/client-servicing/virtual-finance-office/virtual-cfo" }, {
{ name: "Virtual FC Services", href: "/client-servicing/virtual-finance-office/virtual-fc" }, name: "Virtual CFO Services",
{ name: "Book Closures and Audit Support", href: "/client-servicing/virtual-finance-office/book-closures-audit" }, href: "/client-servicing/virtual-finance-office/virtual-cfo",
{ name: "Accounting Payroll & Compliance", href: "/client-servicing/virtual-finance-office/apc" }, },
{
name: "Virtual FC Services",
href: "/client-servicing/virtual-finance-office/virtual-fc",
},
{
name: "Book Closures and Audit Support",
href: "/client-servicing/virtual-finance-office/book-closures-audit",
},
{
name: "Accounting Payroll & Compliance",
href: "/client-servicing/virtual-finance-office/apc",
},
], ],
}, },
{ {
...@@ -103,18 +119,22 @@ const Header = () => { ...@@ -103,18 +119,22 @@ const Header = () => {
// { name: "PFM", href: "/client-servicing/ba" }, // { name: "PFM", href: "/client-servicing/ba" },
], ],
}, },
] ];
// Group the last four services into one column // Group the last four services into one column
const megaMenuColumns = [ const megaMenuColumns = [
[clientServices[0]], // Virtual Finance Office [clientServices[0]], // Virtual Finance Office
[clientServices[1]], // Advisory Services [clientServices[1]], // Advisory Services
[clientServices[2], clientServices[3], clientServices[4], clientServices[5]], // GCC as a Service, Digital Transformation, Empowering Finance Consultants, Bespoke Services [
clientServices[2],
clientServices[3],
clientServices[4],
clientServices[5],
], // GCC as a Service, Digital Transformation, Empowering Finance Consultants, Bespoke Services
]; ];
return ( return (
<> <>
<div className="mega-menu-container"> <div className="mega-menu-container">
{/* Mobile Hamburger only visible on mobile */} {/* Mobile Hamburger only visible on mobile */}
<div className="mobile-hamburger-wrapper"> <div className="mobile-hamburger-wrapper">
...@@ -122,10 +142,18 @@ const Header = () => { ...@@ -122,10 +142,18 @@ const Header = () => {
</div> </div>
<div id="navbar" className="navbar-area"> <div id="navbar" className="navbar-area">
<div className="zixon-nav"> <div className="zixon-nav">
<div className="container-fluid" style={{ maxWidth: 1200, margin: '0 auto', padding: '0 32px' }}> <div
className="container-fluid"
style={{ maxWidth: 1200, margin: "0 auto", padding: "0 32px" }}
>
<nav className="navbar navbar-expand-md navbar-light"> <nav className="navbar navbar-expand-md navbar-light">
<Link href="/" className="navbar-brand"> <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> </Link>
<button <button
onClick={toggleNavbar} onClick={toggleNavbar}
...@@ -142,36 +170,62 @@ const Header = () => { ...@@ -142,36 +170,62 @@ const Header = () => {
<div className={classOne} id="navbarSupportedContent"> <div className={classOne} id="navbarSupportedContent">
<ul className="navbar-nav"> <ul className="navbar-nav">
<li className="nav-item"> <li className="nav-item">
<Link href="/" className={`nav-link ${isActive("/") ? "active" : ""}`}> <Link
href="/"
className={`nav-link ${isActive("/") ? "active" : ""}`}
>
Home Home
</Link> </Link>
</li> </li>
{/* Knowledge Dropdown */} {/* Knowledge Dropdown */}
<li className="nav-item knowledge-dropdown"> <li className="nav-item knowledge-dropdown">
<Link href="/knowledge" className="dropdown-toggle nav-link"> <Link
href="/knowledge"
className="dropdown-toggle nav-link"
>
Knowledge Knowledge
</Link> </Link>
<ul className="dropdown-menu"> <ul className="dropdown-menu">
<li className="nav-item"> <li className="nav-item">
<Link href="/corpedia" className={`nav-link ${isActive("/corpedia") ? "active" : ""}`}> <Link
href="/corpedia"
className={`nav-link ${
isActive("/corpedia") ? "active" : ""
}`}
>
Corpedia Corpedia
</Link> </Link>
<ul> <ul>
<li className="nav-item"> <li className="nav-item">
<Link href="/taxwire" className={`nav-link ${isActive("/taxwire") ? "active" : ""}`}> <Link
href="/taxwire"
className={`nav-link ${
isActive("/taxwire") ? "active" : ""
}`}
>
Taxwire Taxwire
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/budgetpanorama" className={`nav-link ${isActive("/budgetpanorama") ? "active" : ""}`}> <Link
href="/budgetpanorama"
className={`nav-link ${
isActive("/budgetpanorama") ? "active" : ""
}`}
>
Budget Panorama Budget Panorama
</Link> </Link>
</li> </li>
</ul> </ul>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/blog" className={`nav-link ${isActive("/blog") ? "active" : ""}`}> <Link
href="/blog"
className={`nav-link ${
isActive("/blog") ? "active" : ""
}`}
>
Blogs Blogs
</Link> </Link>
</li> </li>
...@@ -179,7 +233,12 @@ const Header = () => { ...@@ -179,7 +233,12 @@ const Header = () => {
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/people" className={`nav-link ${isActive("/people") ? "active" : ""}`}> <Link
href="/people"
className={`nav-link ${
isActive("/people") ? "active" : ""
}`}
>
People People
</Link> </Link>
</li> </li>
...@@ -190,9 +249,14 @@ const Header = () => { ...@@ -190,9 +249,14 @@ const Header = () => {
onMouseEnter={() => setClientServicingOpen(true)} onMouseEnter={() => setClientServicingOpen(true)}
onMouseLeave={() => setClientServicingOpen(false)} onMouseLeave={() => setClientServicingOpen(false)}
> >
<Link href="/client-servicing" <Link
href="/client-servicing"
className="nav-link dropdown-nav" className="nav-link dropdown-nav"
style={{ background: "none", border: "none", cursor: "pointer" }} style={{
background: "none",
border: "none",
cursor: "pointer",
}}
> >
Client Servicing Client Servicing
<span className="dropdown-arrow"></span> <span className="dropdown-arrow"></span>
...@@ -202,46 +266,89 @@ const Header = () => { ...@@ -202,46 +266,89 @@ const Header = () => {
<div <div
className="mega-menu show" className="mega-menu show"
style={{ style={{
position: 'fixed', position: "fixed",
left: 0, left: 0,
top: 'calc(64px + 1px)', // adjust 64px to your header height if needed top: "calc(64px + 1px)", // adjust 64px to your header height if needed
width: '100vw', width: "100vw",
zIndex: 1000, zIndex: 1000,
background: '#fff', background: "#fff",
boxShadow: '0 2px 8px rgba(0,0,0,0.08)' boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
}} }}
onMouseEnter={() => setClientServicingOpen(true)} onMouseEnter={() => setClientServicingOpen(true)}
onMouseLeave={() => setClientServicingOpen(false)} onMouseLeave={() => setClientServicingOpen(false)}
> >
<div className="mega-menu-content"> <div className="mega-menu-content">
<div className="mega-grid client-servicing-grid" style={{ display: 'flex', gap: '32px', justifyContent: 'center' }}> <div
className="mega-grid client-servicing-grid"
style={{
display: "flex",
gap: "32px",
justifyContent: "center",
}}
>
{megaMenuColumns.map((column, colIdx) => ( {megaMenuColumns.map((column, colIdx) => (
<div <div
key={colIdx} key={colIdx}
className="mega-column" className="mega-column"
style={colIdx === 2 style={
? { minWidth: 260, gap: 8, display: 'flex', flexDirection: 'column' } colIdx === 2
: { minWidth: 260, display: 'flex', flexDirection: 'column' }} ? {
minWidth: 260,
gap: 8,
display: "flex",
flexDirection: "column",
}
: {
minWidth: 260,
display: "flex",
flexDirection: "column",
}
}
> >
{column.map((service, idx) => ( {column.map((service, idx) => (
<div <div
key={service.title} key={service.title}
className="service-header" className="service-header"
style={colIdx < 2 ? { display: 'block', marginBottom: 8 } : { marginBottom: 8 }} style={
colIdx < 2
? { display: "block", marginBottom: 8 }
: { marginBottom: 8 }
}
> >
<Link href={service.href} className="mega-column-title" style={{ fontWeight: 'bold', fontFamily: 'inherit', borderBottom: '2px solid #f5c542', paddingBottom: 4, display: 'inline-block', marginBottom: 8, fontSize: '1rem' }}> <Link
href={service.href}
className="mega-column-title"
style={{
fontWeight: "bold",
fontFamily: "inherit",
borderBottom: "2px solid #f5c542",
paddingBottom: 4,
display: "inline-block",
marginBottom: 8,
fontSize: "1rem",
}}
>
<strong>{service.title}</strong> <strong>{service.title}</strong>
</Link> </Link>
{/* Only show subpoints for the first two columns */} {/* Only show subpoints for the first two columns */}
{colIdx < 2 && service.items.length > 0 && ( {colIdx < 2 && service.items.length > 0 && (
<ul className="mega-column-list"> <ul className="mega-column-list">
{service.items.map((item, itemIndex) => ( {service.items.map(
<li key={itemIndex}> (item, itemIndex) => (
<Link href={item.href} className={`${isActive(item.href) ? "active" : ""}`}> <li key={itemIndex}>
{item.name} <Link
</Link> href={item.href}
</li> className={`${
))} isActive(item.href)
? "active"
: ""
}`}
>
{item.name}
</Link>
</li>
)
)}
</ul> </ul>
)} )}
</div> </div>
...@@ -254,19 +361,34 @@ const Header = () => { ...@@ -254,19 +361,34 @@ const Header = () => {
)} )}
<li className="nav-item"> <li className="nav-item">
<Link href="/industry" className={`nav-link ${isActive("/industry") ? "active" : ""}`}> <Link
href="/industry"
className={`nav-link ${
isActive("/industry") ? "active" : ""
}`}
>
Industry Industry
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/career" className={`nav-link ${isActive("/career") ? "active" : ""}`}> <Link
href="/career"
className={`nav-link ${
isActive("/career") ? "active" : ""
}`}
>
Careers Careers
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/contact" className={`nav-link ${isActive("/contact") ? "active" : ""}`}> <Link
href="/contact"
className={`nav-link ${
isActive("/contact") ? "active" : ""
} contact-btn`}
>
Contact Us Contact Us
</Link> </Link>
</li> </li>
...@@ -278,7 +400,7 @@ const Header = () => { ...@@ -278,7 +400,7 @@ const Header = () => {
</div> </div>
</div> </div>
</> </>
) );
} };
export default Header
\ No newline at end of file \ No newline at end of file
export default Header;
pages/client-servicing/index.js
...@@ -13,6 +13,7 @@ import TechnicalExpertise from "@/container/ClientServicing/ TechnicalExpertise" ...@@ -13,6 +13,7 @@ import TechnicalExpertise from "@/container/ClientServicing/ TechnicalExpertise"
import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode"; import ConversionCode from "@/components/reuseables/ConversionCode/ConversionCode";
import WhatWeDo from "@/components/reuseables/WhatWeDo"; import WhatWeDo from "@/components/reuseables/WhatWeDo";
import Seo from "@/components/reuseables/Seo/Seo"; import Seo from "@/components/reuseables/Seo/Seo";
import AreasofExpertise from "@/container/Home/AreasofExpertise";
const ClientServicingPage = ({ ClientPage, conversionData }) => { const ClientServicingPage = ({ ClientPage, conversionData }) => {
const banners = [ const banners = [
...@@ -24,7 +25,8 @@ const ClientServicingPage = ({ ClientPage, conversionData }) => { ...@@ -24,7 +25,8 @@ const ClientServicingPage = ({ ClientPage, conversionData }) => {
activePageText: ClientPage?.Banner?.Heading, activePageText: ClientPage?.Banner?.Heading,
}, },
]; ];
const technicalexpertise = ClientPage?.Technicalexpertise; const technicalexpertise = ClientPage?.Technicallist;
// console.log(technicalexpertise,"technicalexpertise")
const serviceHeading = ClientPage?.whatwedoheading; const serviceHeading = ClientPage?.whatwedoheading;
const serviceData = ClientPage?.whatwedo; const serviceData = ClientPage?.whatwedo;
const dispatch = useDispatch(); const dispatch = useDispatch();
...@@ -42,7 +44,8 @@ const ClientServicingPage = ({ ClientPage, conversionData }) => { ...@@ -42,7 +44,8 @@ const ClientServicingPage = ({ ClientPage, conversionData }) => {
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<WhatWeDo service={serviceData} serviceheading={serviceHeading} /> <WhatWeDo service={serviceData} serviceheading={serviceHeading} />
<TechnicalExpertise technicalexpertise={technicalexpertise} /> {/* <TechnicalExpertise technicalexpertise={technicalexpertise} /> */}
<AreasofExpertise AreasofExpertiseList={technicalexpertise} />
<FunctionalAreas functionarea={FunctionArea} /> <FunctionalAreas functionarea={FunctionArea} />
<Industries industry={IndustryData} /> <Industries industry={IndustryData} />
<CallBackRequest /> <CallBackRequest />
...@@ -65,6 +68,7 @@ export async function getServerSideProps() { ...@@ -65,6 +68,7 @@ export async function getServerSideProps() {
"FunctionalAreas.Icon", "FunctionalAreas.Icon",
"Technicalexpertise", "Technicalexpertise",
"Technicalexpertise.Technicallist", "Technicalexpertise.Technicallist",
"Technicalexpertise.Technicallist.Image",
"seo", "seo",
"seo.metaImage", "seo.metaImage",
"seo.schema", "seo.schema",
......
pages/index.js
...@@ -55,8 +55,8 @@ export default function Home({ homepage, conversionData }) { ...@@ -55,8 +55,8 @@ export default function Home({ homepage, conversionData }) {
<AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} /> <AboutContent Knowledges={Knowledgeshack} KnowledgeTab={KnowledgeTab} />
<People people={people} /> <People people={people} />
<ClientService service={serviceData} /> <ClientService service={serviceData} />
<TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> {/* <TechnicalExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList}/> */}
{/* <AreasofExpertise Areas={Areas} /> */} <AreasofExpertise AreasExpertiseTitle={AreasExpertiseTitle} AreasofExpertiseList={AreasofExpertiseList} />
<FunctionalAreas functionarea={functionarea} /> <FunctionalAreas functionarea={functionarea} />
<Industries industry={industry} /> <Industries industry={industry} />
<HomeBlog data={blogData} /> <HomeBlog data={blogData} />
...@@ -85,7 +85,7 @@ export async function getServerSideProps() { ...@@ -85,7 +85,7 @@ export async function getServerSideProps() {
"whatwedo.CTA", "whatwedo.CTA",
"AreasExpertiseTitle.Heading", "AreasExpertiseTitle.Heading",
"AreasExpertiseTitle.Image", "AreasExpertiseTitle.Image",
"AreasofExpertiselists", "AreasofExpertiselists.Image",
"FunctionalAreas.Icon", "FunctionalAreas.Icon",
"Industry.Image", "Industry.Image",
"Industry.CTA", "Industry.CTA",
......
styles/styles.css
...@@ -9686,4 +9686,17 @@ ul.pagination.custom-pagination { ...@@ -9686,4 +9686,17 @@ ul.pagination.custom-pagination {
.weoffer-box-budget:hover h3 { .weoffer-box-budget:hover h3 {
color: white; color: white;
}
.contact-btn{
background-color: #f8971f;
padding: 10px 25px !important;
align-items: center;
justify-items: center;
margin-top: 1rem;
color: #fff!important;
border-radius: 7px;
}
.office-heading{
color: #393641!important;
font-size: 20px!important;
} }
\ No newline at end of file \ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!