Almost updated

components/headers/Nav.jsx

@@ -23,46 +23,8 @@ export default function Nav() {
           isActiveParent(homepages) ? "current-menu" : ""
         } `}
       >
-        <a href="#">Home</a>
-        {/* <div className="submenu mega-menu">
-          <div className="wrap-demo-item tf-grid-layout-lg lg-col-3">
-            {homepages.map((item, index) => (
-              <div
-                key={index}
-                className={`demo-item ${
-                  isActive(item.href) ? "current-menu-item" : ""
-                }`}
-              >
-                <Link href={item.href}>
-                  <div className="demo-image">
-                    <Image
-                      className="lazyload"
-                      data-src={item.src}
-                      src={item.src}
-                      alt={item.alt}
-                      width={480}
-                      height={228}
-                    />
-                  </div>
-                  <h6 className="demo-name fw-4">{item.title}</h6>
-                </Link>
-              </div>
-            ))}
-            <div className="comming-soon">
-              <Link href={`/coming-soon`} className="wrap">
-                <h5 className="demo-name">Coming Soon</h5>
-              </Link>
-            </div>
-          </div>
-        </div> */}
-      </li>
-      <li
-        className={`has-child position-relative ${
-          isActiveParent(otherPages) ? "current-menu" : ""
-        } `}
-      >
-        <a href="#">Pages</a>
-        {/* <ul className="submenu">
+        <a href="#">Services</a>
+        <ul className="submenu">
           {otherPages.map((item) => (
             <li
               key={item.href}
@@ -73,7 +35,7 @@ export default function Nav() {
               <Link href={item.href}>{item.label}</Link>
             </li>
           ))}
-        </ul> */}
+        </ul>
       </li>
       <li
         className={`has-child position-relative ${