From 1423a0e5899964ff04c3924447284305a0a083fb Mon Sep 17 00:00:00 2001
From: Hooobot <hoobot0@gmail.com>
Date: Mon, 13 Nov 2023 18:53:51 -1000
Subject: [PATCH] Added routing for clients and routing data

---
 src/components/Clients.js | 6 ++++++
 src/data/webData.js       | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/src/components/Clients.js b/src/components/Clients.js
index 17c074f..0c10e4d 100644
--- a/src/components/Clients.js
+++ b/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>
diff --git a/src/data/webData.js b/src/data/webData.js
index a0d563b..1795df9 100644
--- a/src/data/webData.js
+++ b/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: [