From a17ce202d8257adeb8be5c33038a74e73fa36de5 Mon Sep 17 00:00:00 2001 From: Liam 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 ( -