From a17ce202d8257adeb8be5c33038a74e73fa36de5 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sat, 20 Apr 2024 14:43:37 +0100
Subject: [PATCH] make the get started button on the landing more fancy

---
 src/app/(pages)/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx
index 2725653..c8ec3aa 100644
--- a/src/app/(pages)/page.tsx
+++ b/src/app/(pages)/page.tsx
@@ -27,19 +27,19 @@ type Button = {
    * open the link in a new tab.
    */
   openInNewTab?: boolean;
+
+  /**
+   * The class name to apply to the button.
+   */
+  className?: string;
 };
 
 const buttons: Button[] = [
   {
     title: "Get Started",
-    tooltip: "Click to get started!",
+    tooltip: "Click to get started with the API",
     url: "/documentation",
-  },
-  {
-    title: "Documentation",
-    tooltip: "Click to open the documentation",
-    url: "https://api.mcutils.xyz/swagger-ui.html",
-    openInNewTab: true,
+    className: "bg-gradient-to-r from-indigo-500 to-emerald-500 px-7 hover:opacity-75 transition-all transform-gpu",
   },
 ];
 
@@ -64,7 +64,7 @@ export default function Home(): ReactElement {
             return (
               <Tooltip key={index}>
                 <TooltipTrigger asChild>
-                  <Button key={index}>
+                  <Button key={index} className={button.className ? button.className : ""}>
                     <Link href={button.url} target={button.openInNewTab ? "_blank" : ""}>
                       <p>{button.title}</p>
                     </Link>