From 6da16f3858493b66cc381b4758ee6ee5d0070033 Mon Sep 17 00:00:00 2001
From: theoleuthardt <theoleuthardt12@gmail.com>
Date: Sat, 8 Feb 2025 14:21:46 +0100
Subject: [PATCH] fix: buttons clickable on every inch of it

---
 src/app/page.tsx       | 9 +++++----
 src/constants/index.ts | 8 ++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8dc549f..4fe092a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,14 +9,15 @@ export default function Home() {
       <div className="w-screen h-screen flex flex-col items-center justify-center">
         <div className="grid grid-cols-3 gap-6">
           {toolLinks.map((tool) => (
-            <div
+            <a
               key={tool.title}
-              className="text-2xl border-2 border-white p-5 flex justify-center rounded-2xl shadow-md
+              href={tool.link}
+              className="text-2xl border-2 border-white p-6 flex justify-center rounded-2xl shadow-md
               shadow-white hover:scale-110 hover:transition-scale hover:duration-200
               hover:text-blue-400 hover:border-blue-400 hover:shadow-blue-400"
             >
-              <a href={tool.link}>{tool.title}</a>
-            </div>
+              {tool.title}
+            </a>
           ))}
         </div>
       </div>
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 086e6af..159b5f1 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -27,4 +27,12 @@ export const toolLinks = [
     title: "qr-code-generator",
     link: "/qr-code-generator",
   },
+  {
+    title: "word-counter",
+    link: "/word-counter",
+  },
+  {
+    title: "video-to-gif",
+    link: "/video-to-gif",
+  },
 ];