From 819f9d0c7354b9066efe24ee6374a04db93803ea Mon Sep 17 00:00:00 2001
From: fadilkun45 <indocrafter76@gmail.com>
Date: Thu, 24 Sep 2026 11:00:12 +0700
Subject: [PATCH] fix: hide menu items based on current pathname in navbar
 component

---
 src/components/navbar.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 332e0f2..0008539 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -6,12 +6,15 @@ import Link from "next/link";
 import { useState, useEffect } from "react";
 import { usePathname } from "next/navigation";
 
+
 export default function Navbar() {
   const [open, setOpen] = useState(false);
   const [activeSection, setActiveSection] = useState("");
   const pathname = usePathname();
   const isContact = pathname === "/contact";
   const active = isContact ? "contact" : activeSection;
+  const hideMenu = ["/perubahan-pricing-waba"].some((path) => pathname.includes(path));
+
 
   const menu = [
     { label: "About Us", url: "/#about-us", id: "about-us" },
@@ -41,10 +44,10 @@ export default function Navbar() {
     <>
       <div className="bg-white px-4 h-19.5 md:h-18.5 flex items-center w-full justify-between md:py-5.5 md:px-16 sticky top-0 left-0 right-0 z-50">
         <Image src={Logo} width={118} className="w-fit h-7.5" alt="logo" />
-        <button onClick={() => setOpen(true)} className="md:hidden">
+        <button onClick={() => setOpen(true)} className={hideMenu ? "hidden" : "md:hidden"}>
           <ListIcon className="size-8 text-secondary-400 cursor-pointer" />
         </button>
-        <div className="md:flex gap-7.5 hidden">
+        <div className={hideMenu ? "hidden" : "md:flex gap-7.5 hidden"}>
           {menu?.map((item) => (
             <Link href={item.url} key={item.label}>
               <div className={`font-medium ${active === item.id ? "text-primary-800" : "text-title"}`}>{item.label}</div>
@@ -62,7 +65,7 @@ export default function Navbar() {
             <XIcon className="size-6 text-secondary-400" />
           </button>
         </div>
-        <div className="flex flex-col gap-4 p-4">
+        <div className={hideMenu ? "hidden" : "flex flex-col gap-4 p-4"}>
           {menu?.map((item) => (
             <Link href={item.url} key={item.label} onClick={() => setOpen(false)}>
               <div className={`font-medium ${active === item.id ? "text-primary-800" : "text-title"}`}>{item.label}</div>