feat(docs): add new fonts Gotham SS (#153)

docs/components/home.jsx

@@ -1,3 +1,6 @@
+import { Button } from "@openui-org/react/components";
+import Link from "next/link";
+
 export default function Home() {
   return (
     <section className="py-20 sm:py-24 relative">
@@ -12,7 +15,7 @@ export default function Home() {
             and
             <b className="text-sky"> Tailwind CSS </b>
           </h1>
-          <p className="mt-6 text-lg tracking-tight text-foreground text-pretty">
+          <p className="mt-6 text-base tracking-tight text-foreground text-pretty">
             Open UI is an open source design system with a completely
             cutting-edge system.
             {' '}
@@ -21,6 +24,13 @@ export default function Home() {
             Fully customizable and modifiable you
             will make UI development much faster with fully stylized components.
           </p>
+          <div className="mt-10 flex flex-wrap gap-x-6 gap-y-3 justify-center">
+            <Button asChild>
+              <Link href="/docs/introduction">
+                Getting Started
+              </Link>
+            </Button>
+          </div>
         </div>
       </div>
     </section>

docs/components/logo.jsx

@@ -1,5 +1,5 @@
 export default function logo() {
   return (
-    <h2 className="text-3xl font-bold tracking-tight">Open UI</h2>
+    <h2 className="text-3xl font-bold">Open <b className="text-sky">UI</b></h2>
   )
 }

docs/globals.css

@@ -1,3 +1,15 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  @font-face {
+    font-family: 'Gotham Medium';
+    src: url('./fonts/GothamSSm-medium.woff2') format('woff2');
+  }
+  html,
+  body {
+    scroll-behavior: smooth;
+    font-family: 'Gotham Medium', system-ui, sans-serif;
+  }
+}