Made a lot of the front end

src/components/portal/home/Hero.tsx

@@ -0,0 +1,27 @@
+import { Outfit as FontSans } from "next/font/google";
+import { cn } from "~/lib/utils"
+import Link from "next/link"
+
+const fontSans = FontSans({
+  subsets: ["latin"],
+  variable: "--font-sans",
+});
+
+export default function Hero() {
+  return (
+    <Link href="/">
+      <div className="flex flex-col justify-start items-start">
+        <h1 className={cn("text-4xl md:text-5xl lg:text-6xl font-bold text-center font-sans antialiased", 
+          fontSans.variable)}
+        >
+          TENANT
+        </h1>
+        <h1 className={cn("text-4xl md:text-5xl lg:text-6xl font-bold text-center font-sans antialiased", 
+          fontSans.variable)}
+        >
+          PORTAL
+        </h1>
+      </div>
+    </Link>
+  );
+};