Frontend/src/app/(pages)/page.tsx

57 lines
1.6 KiB
TypeScript
Raw Normal View History

2024-04-14 18:01:57 +00:00
import Link from "next/link";
2024-04-17 17:08:13 +00:00
import { Button } from "../components/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "../components/ui/tooltip";
2024-04-14 18:01:57 +00:00
type Button = {
title: string;
2024-04-17 17:08:13 +00:00
tooltip: string;
2024-04-14 18:01:57 +00:00
url: string;
2024-04-17 17:08:13 +00:00
openInNewTab?: boolean;
2024-04-14 18:01:57 +00:00
};
const buttons: Button[] = [
{
title: "Get Started",
tooltip: "Click to view the Postman Collection",
url: "https://www.postman.com/imfascinated/workspace/minecraft-utilities",
openInNewTab: true,
},
2024-04-17 17:08:13 +00:00
{
title: "Documentation",
tooltip: "Click to open the documentation",
url: "https://api.mcutils.xyz/swagger-ui.html",
openInNewTab: true,
},
2024-04-14 18:01:57 +00:00
];
2024-04-16 20:18:08 +00:00
export default function Home(): JSX.Element {
2024-04-14 16:45:04 +00:00
return (
2024-04-14 18:01:57 +00:00
<div className="text-center flex flex-col justify-center">
2024-04-15 11:12:24 +00:00
<h1 className="text-4xl mb-2">Minecraft Utilities</h1>
2024-04-14 18:55:07 +00:00
<div className="text-lg">
<p>Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.</p>
2024-04-16 21:05:36 +00:00
<p>We offer you a simple and easy to use API.</p>
2024-04-14 18:55:07 +00:00
</div>
2024-04-14 18:01:57 +00:00
2024-04-14 18:55:07 +00:00
<div className="mt-6 flex flex-row gap-2 justify-center">
2024-04-14 18:01:57 +00:00
{buttons.map((button, index) => {
return (
2024-04-17 17:08:13 +00:00
<Tooltip key={index}>
<TooltipTrigger>
<Button key={index}>
<Link href={button.url} target={button.openInNewTab ? "_blank" : ""}>
<p>{button.title}</p>
</Link>
</Button>
</TooltipTrigger>
<TooltipContent>
<p>{button.tooltip}</p>
</TooltipContent>
</Tooltip>
2024-04-14 18:01:57 +00:00
);
})}
</div>
2024-04-14 17:46:37 +00:00
</div>
2024-04-14 16:45:04 +00:00
);
}