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