update landing page spacing
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m0s

This commit is contained in:
Lee 2024-04-18 02:54:16 +01:00
parent 6896db0d89
commit af72418772

@ -29,37 +29,41 @@ const buttons: Button[] = [
export default function Home(): ReactElement { export default function Home(): ReactElement {
return ( return (
<div className="text-center flex flex-col gap-4 mt-4"> <div className="text-center flex flex-col gap-4">
<div> <div className="p-4">
<h1 className="text-4xl mb-2">Minecraft Utilities</h1> <div>
<div className="text-lg"> <h1 className="text-4xl mb-2">Minecraft Utilities</h1>
<p>Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.</p> <div className="text-lg">
<p>We offer you a simple and easy to use API.</p> <p>
Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.
</p>
<p>We offer you a simple and easy to use API.</p>
</div>
</div>
<div className="flex flex-row gap-2 justify-center mt-4">
{buttons.map((button, index) => {
return (
<Tooltip key={index}>
<TooltipTrigger asChild>
<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>
);
})}
</div> </div>
</div> </div>
<div className="flex flex-row gap-2 justify-center mt-4"> <Separator />
{buttons.map((button, index) => {
return (
<Tooltip key={index}>
<TooltipTrigger asChild>
<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>
);
})}
</div>
<Separator className="mt-6 mb-6" /> <div className="flex flex-col gap-4 items-center p-4">
<div className="flex flex-col gap-4 items-center">
<div className="text-center"> <div className="text-center">
<p className="font-semibold text-xl">API Statistics</p> <p className="font-semibold text-xl">API Statistics</p>
<p>View the statistics for the API in real-time!</p> <p>View the statistics for the API in real-time!</p>