updated the main page

src/app/page.tsx

@@ -1,8 +1,36 @@
+import Link from "next/link";
+
+type Button = {
+  title: string;
+  url: string;
+};
+
+const buttons: Button[] = [
+  { title: "Get Started", url: "/player" },
+  { title: "Documentation", url: "https://git.fascinated.cc/MinecraftUtilities/Documentation" },
+];
+
 export default function Home() {
   return (
-    <div>
+    <div className="text-center flex flex-col justify-center">
-      <h1 className="font-bold text-xl">Minecraft Utilities - Hello!</h1>
+      <h1 className="text-4xl">Minecraft Utilities</h1>
-      <p>We provide a convenient wrapper for the Minecraft APIs, simplifying their usage for developers.</p>
+      <p className="text-lg">
+        We provide a convenient API for Minecraft, simplifying the usage for players and developers.
+      </p>
+
+      <div className="mt-4 flex flex-row gap-2 justify-center">
+        {buttons.map((button, index) => {
+          return (
+            <Link
+              key={index}
+              href={button.url}
+              className="w-fit p-2 rounded-lg hover:text-primary transition-all cursor-pointer bg-secondary"
+            >
+              <p>{button.title}</p>
+            </Link>
+          );
+        })}
+      </div>
     </div>
   );
 }