Initial commit

src/app/globals.css

@@ -0,0 +1,34 @@
+@import "tailwindcss";
+
+body {
+  @apply text-[#e0e0e0] bg-[#121212] select-none m-0;
+}
+
+.center-box {
+  @apply w-fit min-w-[20%] max-w-[95%] border shadow-[0px_0px_8px_8px_rgba(15,15,15,0.8)] rounded-2xl border-solid border-[#323232];
+  @apply bg-[#1e1e1e] p-5 backdrop-blur-sm shadow-lg text-center mx-auto;
+}
+
+.button {
+  @apply transition-all duration-[0.5s] hover:scale-105 text-white border shadow-[0px_0px_8px_8px_rgba(30,30,30,0.8)] rounded-2xl border-solid border-[#464646] bg-[#323232] p-5 flex flex-row items-center text-center text-xl;
+}
+
+.button:hover {
+  @apply bg-[#3c3c3c] p-5 flex flex-row items-center text-center border shadow-[0px_0px_8px_8px_rgba(50,50,50,0.8)] rounded-2xl border-solid border-[#646464];
+}
+
+.button-icon {
+  @apply mr-2;
+}
+
+.space-y-4 {
+  @apply space-y-4;
+}
+
+.button-container {
+  @apply space-y-4;
+}
+
+.center-box h1 {
+  @apply text-2xl text-white font-semibold mb-6;
+}

src/app/layout.tsx

@@ -0,0 +1,20 @@
+import { Lexend } from "next/font/google";
+import "./globals.css";
+
+const lexend = Lexend({
+  variable: "--font-geist-sans"
+});
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={lexend.className}>
+        {children}
+      </body>
+    </html>
+  );
+}

src/app/page.tsx

@@ -0,0 +1,46 @@
+import Link from "next/link";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faFolderOpen, faHouse, faSignal } from '@fortawesome/free-solid-svg-icons';
+import { faDiscord, faGithub, faJenkins } from '@fortawesome/free-brands-svg-icons';
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Lncvrt's Websites & Links"
+};
+
+export default function Home() {
+  return (
+    <div className="flex items-center justify-center min-h-screen">
+      <div className="center-box">
+        <h1 className="text-center">Lncvrt&apos;s Websites & Links</h1>
+        <p className="text-center mb-6">Some of my websites & socials can be found here</p>
+        <div className="button-container">
+          <Link href="https://ci.lncvrt.xyz/" target="_blank" rel="noopener noreferrer" className="button">
+            <FontAwesomeIcon icon={faJenkins} width={24} height={24} className="button-icon" />
+            Jenkins
+          </Link>
+          <Link href="https://repo.lncvrt.xyz/#/" target="_blank" rel="noopener noreferrer" className="button">
+            <FontAwesomeIcon icon={faFolderOpen} width={24} height={24} className="button-icon" />
+            Code Repository
+          </Link>
+          <Link href="https://status.lncvrt.xyz/" target="_blank" rel="noopener noreferrer" className="button">
+            <FontAwesomeIcon icon={faSignal} width={24} height={24} className="button-icon" />
+            Status Page
+          </Link>
+          <Link href="https://lncvrt.xyz/" target="_blank" rel="noopener noreferrer" className="button">
+            <FontAwesomeIcon icon={faHouse} width={24} height={24} className="button-icon" />
+            Main Website
+          </Link>
+          <Link href="https://github.com/Lncvrt" target="_blank" rel="noopener noreferrer" className="button">
+            <FontAwesomeIcon icon={faGithub} width={24} height={24} className="button-icon" />
+            GitHub
+          </Link>
+          <Link href="https://lncvrt.xyz/discord" target="_blank" rel="noopener noreferrer" className="button">
+            <FontAwesomeIcon icon={faDiscord} width={24} height={24} className="button-icon" />
+            Discord
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}