make the get started button on the landing more fancy
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m7s

This commit is contained in:
Lee 2024-04-20 14:43:37 +01:00
parent 7553a35b79
commit a17ce202d8

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