upper menu

components/layout/Layout.js

@@ -17,20 +17,20 @@ export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumb
         !isMobileMenu ? document.body.classList.add("wsactive") : document.body.classList.remove("wsactive")
     }
 
-    // useEffect(() => {
-    //     const WOW = require('wowjs')
-    //     window.wow = new WOW.WOW({
-    //         live: false
-    //     })
-    //     window.wow.init()
+    useEffect(() => {
+        const WOW = require('wowjs')
+        window.wow = new WOW.WOW({
+            live: false
+        })
+        window.wow.init()
 
-    //     document.addEventListener("scroll", () => {
-    //         const scrollCheck = window.scrollY > 100
-    //         if (scrollCheck !== scroll) {
-    //             setScroll(scrollCheck)
-    //         }
-    //     })
-    // }, [])
+        document.addEventListener("scroll", () => {
+            const scrollCheck = window.scrollY > 100
+            if (scrollCheck !== scroll) {
+                setScroll(scrollCheck)
+            }
+        })
+    }, [])
     return (
         <>
             <PageHead headTitle={headTitle} />

components/layout/Menu.js

@@ -13,10 +13,9 @@ export default function Menu() {
                     <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
                     <ul className="sub-menu">
                         <li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li>
-                        <li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
-                        <li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
-                        <li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
-                        <li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
+                        <li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li>
+                        <li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li>
+                        <li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li>
                     </ul>
                 </li>
                 {/* SIMPLE NAVIGATION LINK */}

components/layout/header/Header1.js

@@ -12,7 +12,7 @@ export default function Header1({ scroll, isMobileMenu, handleMobileMenu, header
                         <a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a>
                     </div>
                     {/* NAVIGATION MENU */}
-                    <div className={`wsmainfull menu clearfix ${scroll ? "scroll" : ""}`}>
+                    <div className={`wsmainfull menu clearfix ${scroll ? "scroll fix-h" : ""}`}>
                         <div className="wsmainwp clearfix">
                             {/* HEADER BLACK LOGO */}
                             <div className="desktoplogo">