omswebsite-backups/oms-website-nextjs
1
0
Fork 0
mirror of https://github.com/OwethuManagedServices/oms-website-nextjs.git synced 2026-02-04 13:47:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update product link and improve dropdown layout in HeaderClient

Browse Source
This commit is contained in:
Lebohang-OMSAfrica
2025-09-08 11:49:23 +02:00
parent 0530c9c943
commit 8e889d5e53
2 changed files with 24 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
components/HeaderClient.tsx
View File

@ -13,6 +13,7 @@ import {
FiUsers,
FiCpu,
FiBox,
FiLayers
} from "react-icons/fi";
import ThemeToggle from "./ThemeToggle";
@ -265,15 +266,16 @@ const HeaderClient = () => {
</div>
</div>
</div>
{/* Products */}
<div
className={`group ${isActive("/obse") ? "active" : ""}`} // Add active class to group
className={`group ${isActive("/products") ? "active" : ""}`} // Add active class to group
onMouseEnter={handleProductsMouseEnter}
onMouseLeave={handleProductsMouseLeave}
>
<button
className={`${megaMenuTriggerClasses} ${
isActive("/obse") ? "after:w-full" : ""
isActive("/products") ? "after:w-full" : ""
}`}
>
{" "}
@ -283,7 +285,7 @@ const HeaderClient = () => {
</button>
<div
className={`
absolute left-0 top-full w-full shadow-lg z-1000
absolute left-0 top-full w-full shadow-lg z-40
bg-card border-x border-b border-border rounded-b-lg
opacity-0 invisible translate-y-[-10px]
${
@ -295,7 +297,7 @@ const HeaderClient = () => {
`}
>
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-5">
<div className="max-w-md">
<div className="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6 max-w-xl">
<Link
href="/obse"
className={`${megaMenuItemClasses} ${
@ -309,17 +311,28 @@ const HeaderClient = () => {
<p className={megaMenuTitleClasses}>
OBSE Platform
</p>
</div>
</Link>
</div>
<div className="max-w-md">
{/* Add more service links here
<Link
href="/services/project-management"
className={`${megaMenuItemClasses} ${
isActive("/services/project-management")
? "text-primary"
: ""
}`} // Apply active class
>
<FiBriefcase className={megaMenuIconClasses} />
<div className={megaMenuTextWrapperClasses}>
<p className={megaMenuTitleClasses}>
Project Management
</p>
</div>
</Link>
*/}
<Link
href="https://cvevolve.com/"
target="_blank"
className={`${megaMenuItemClasses} ${
@ -328,20 +341,16 @@ const HeaderClient = () => {
>
{" "}
{/* Apply active class */}
<FiBox className={megaMenuIconClasses} />
<FiLayers className={megaMenuIconClasses} />
<div className={megaMenuTextWrapperClasses}>
<p className={megaMenuTitleClasses}>
CVEvolve
</p>
</div>
</Link>
</div>
</div>
</div>
</div>