Added routing for clients and routing data

Author: Hooobot

src/components/Clients.js

@@ -9,6 +9,10 @@ const Clients = () => {
     setClients(getClients());
   }, []);
 
+  const handleClientImageClick = (url) => {
+    window.open(url, "_blank");
+  };
+
   return (
     <div className="pt-20">
       <h2 className="text-4xl xl:text-7xl pt-10 drop-shadow-xl text-center py-20">
@@ -18,12 +22,14 @@ const Clients = () => {
       <div className="flex items-center justify-center pb-40">
         {clients.map((client) => (
           <Image
+            onClick={() => handleClientImageClick(client.url)}
             key={client.id}
             alt={client.alt}
             src={client.src}
             width={client.width}
             height={client.height}
             className={client.className}
+            style={{ cursor: "pointer" }}
           />
         ))}
       </div>

src/data/webData.js

@@ -141,6 +141,8 @@ const data = {
       width: 500,
       height: 500,
       className: "h-full  w-1/3 lg:w-1/4 ",
+      hasWebsite: true,
+      url: "https://hawaiizoningatlas.com/",
     },
     {
       id: 2,
@@ -149,6 +151,8 @@ const data = {
       width: 500,
       height: 500,
       className: "h-full w-1/3 lg:w-1/4 ",
+      hasWebsite: true,
+      url: "https://www.civilbeatlawcenter.org/",
     },
   ],
   focus: [