Add Google spyware, improve map

src/app/components/Navbar.js

@@ -12,10 +12,14 @@ import { usePathname } from "next/navigation";
 export default function Navbar() {
   const pathname = usePathname();
   const [isActive, setActive] = useState("false");
+  const [isDropdownActive, setDropdownActive] = useState(false);
 
   function handleToggle() {
     setActive(!isActive);
-    console.log("asdhjiuashd");
+  }
+
+  function handleDropdownToggle() {
+    setDropdownActive(!isDropdownActive);
   }
 
   return (
@@ -50,17 +54,32 @@ export default function Navbar() {
               Home
             </Link>
           </li>
-          <li>
-            <Link
-              href="/services"
-              className={`link ${
-                pathname === "/services" ? styles.active : ""
-              }`}
+          <li
+            className={`
+              ${styles.dropdown} 
+              ${isDropdownActive ? styles.dropdownActive : ""}
+            `}
+          >
+            <a
+              className={`${styles.dropdownTitle} 
+              ${pathname === "/services" ? styles.active : ""}`}
+              onClick={handleDropdownToggle}
             >
               Services
-            </Link>
+            </a>
+            <ul className={styles.dropdownMenu}>
+              <li>
+                <Link href="/services/web-development">Web Development</Link>
+              </li>
+              <li>
+                <Link href="/services/it-support">IT Support</Link>
+              </li>
+              <li>
+                <Link href="/services/consulting">Consulting</Link>
+              </li>
+            </ul>
           </li>
-          <li>
+          <li className={styles.highlight}>
             <Link
               href="/contact"
               className={`link ${pathname === "/contact" ? styles.active : ""}`}