update

gnx-react/components/shared/layout/header/OffcanvasMenu.tsx

@@ -25,12 +25,18 @@ const OffcanvasMenu = ({
   servicesError = null
 }: OffcanvasMenuProps) => {
   const [openDropdown, setOpenDropdown] = useState(null);
+  const [mounted, setMounted] = useState(false);
   
   const handleDropdownToggle = (index: any) => {
     setOpenDropdown((prev) => (prev === index ? null : index));
   };
 
   const pathname = usePathname();
+  
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  
   useEffect(() => {
     const parentItems = document.querySelectorAll(
       ".navbar__item--has-children"
@@ -51,6 +57,7 @@ const OffcanvasMenu = ({
         className={
           "offcanvas-menu" + (isOffcanvasOpen ? " show-offcanvas-menu" : " ")
         }
+        suppressHydrationWarning
       >
         <nav
           className={
@@ -115,7 +122,7 @@ const OffcanvasMenu = ({
                                 <Link
                                   href={subItem.path || "#"}
                                   className={
-                                    pathname === subItem.path
+                                    mounted && pathname === subItem.path
                                       ? " active-current-sub"
                                       : " "
                                   }
@@ -133,7 +140,7 @@ const OffcanvasMenu = ({
                       <Link
                         href={item.path || "#"}
                         className={
-                          pathname === item.path ? " active-current-link" : " "
+                          mounted && pathname === item.path ? " active-current-link" : " "
                         }
                        >
                         {item.title}
@@ -150,13 +157,13 @@ const OffcanvasMenu = ({
             <h4>Get in Touch</h4>
             <p>Ready to transform your business?</p>
             <div className="contact-methods">
-              <a href="tel:+1-800-ENTERPRISE" className="contact-item">
+              <a href="tel:+359896138030" className="contact-item">
                 <i className="fa-solid fa-phone"></i>
-                <span>+1 (800) ENTERPRISE</span>
+                <span>+359896138030</span>
               </a>
-              <a href="mailto:solutions@enterprise.com" className="contact-item">
+              <a href="mailto:info@gnxsoft.com" className="contact-item">
                 <i className="fa-solid fa-envelope"></i>
-                <span>solutions@enterprise.com</span>
+                <span>info@gnxsoft.com</span>
               </a>
             </div>
           </div>
@@ -164,7 +171,7 @@ const OffcanvasMenu = ({
         <ul className="enterprise-social nav-fade">
           <li>
             <Link
-              href="https://www.linkedin.com/company/enterprise"
+              href="https://www.linkedin.com/company/gnxtech"
               target="_blank"
               aria-label="Connect with us on LinkedIn"
              >
@@ -173,25 +180,7 @@ const OffcanvasMenu = ({
           </li>
           <li>
             <Link
-              href="https://www.twitter.com/enterprise"
-              target="_blank"
-              aria-label="Follow us on Twitter"
-             >
-              <i className="fa-brands fa-twitter"></i>
-            </Link>
-          </li>
-          <li>
-            <Link
-              href="https://www.youtube.com/enterprise"
-              target="_blank"
-              aria-label="Watch our videos on YouTube"
-             >
-              <i className="fa-brands fa-youtube"></i>
-            </Link>
-          </li>
-          <li>
-            <Link
-              href="https://github.com/enterprise"
+              href="https://github.com/gnxtech"
               target="_blank"
               aria-label="View our code on GitHub"
              >