From c0667dcd86102f619c0117752a83147a459d8e89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Szewczyk?= <szewczyk134@gmail.com>
Date: Mon, 6 May 2024 14:53:53 +0200
Subject: [PATCH] Refactor image links in page component

---
 src/app/images/page.tsx | 62 ++++++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/src/app/images/page.tsx b/src/app/images/page.tsx
index 25e2a87..d55a6b0 100644
--- a/src/app/images/page.tsx
+++ b/src/app/images/page.tsx
@@ -2,38 +2,36 @@ import Link from "next/link";
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="mb-32 grid text-center lg:mb-0 lg:w-full lg:max-w-5xl lg:grid-cols-4 lg:text-left">
-        <Link
-          href="/images/external"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-        >
-          <h2 className="mb-3 text-2xl font-semibold">
-            External Images
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className="m-0 max-w-[30ch] text-sm opacity-50">
-            Test for remote images
-          </p>
-        </Link>
+    <>
+      <Link
+        href="/images/external"
+        className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+      >
+        <h2 className="mb-3 text-2xl font-semibold">
+          External Images
+          <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+            -&gt;
+          </span>
+        </h2>
+        <p className="m-0 max-w-[30ch] text-sm opacity-50">
+          Test for remote images
+        </p>
+      </Link>
 
-        <Link
-          href="/images/internal"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-        >
-          <h2 className="mb-3 text-2xl font-semibold">
-            Internal Images
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className="m-0 max-w-[30ch] text-sm opacity-50">
-            Test for local images
-          </p>
-        </Link>
-      </div>
-    </main>
+      <Link
+        href="/images/internal"
+        className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
+      >
+        <h2 className="mb-3 text-2xl font-semibold">
+          Internal Images
+          <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+            -&gt;
+          </span>
+        </h2>
+        <p className="m-0 max-w-[30ch] text-sm opacity-50">
+          Test for local images
+        </p>
+      </Link>
+    </>
   );
 }