Add hero component

Author: JackTench

src/app/home.tsx

@@ -1,8 +1,10 @@
 import { AppGitHubReadme } from "@/components/libresplit/AppGitHubReadme";
+import { AppHero } from "@/components/libresplit/AppHero";
 
 export function Home() {
   return (
-    <div>
+    <div className="flex w-screen flex-col items-center justify-center">
+      <AppHero />
       <AppGitHubReadme />
     </div>
   );

src/components/libresplit/AppHero.tsx

@@ -0,0 +1,12 @@
+import { TextScramble } from "../ui/text-scramble";
+
+export function AppHero() {
+  return (
+    <div className="flex flex-col items-center justify-center">
+      <p className="text-bold text-6xl">LibreSplit</p>
+      <TextScramble characterSet="_" speed={28}>
+        Free speedrun timer with auto splitting and load removal for Linux.
+      </TextScramble>
+    </div>
+  );
+}