feat(docs): add hero to documentation (#136)

docs/components/home.jsx

@@ -0,0 +1,34 @@
+export default function Home() {
+  return (
+    <section className="py-20 sm:py-24 relative">
+      <div className="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl gap-16 sm:gap-y-24 flex flex-col">
+        <div className="text-center relative z-[1]">
+          <h1 className="text-4xl sm:text-6xl font-bold tracking-tight text-balance">
+            <b className="text-sky"> Open UI </b>
+            . A modern design system
+            built with
+            <b className="text-sky"> Shadcn UI</b>
+            {' '}
+            and
+            <b className="text-sky"> Tailwind CSS </b>
+          </h1>
+          <p className="mt-6 text-lg tracking-tight text-foreground text-pretty">
+            Open UI is an open source design system with a completely
+            cutting-edge system.
+            {' '}
+            <br />
+            {' '}
+            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>
+              <ArrowUpRight className="size-6" />
+              Get Started
+            </Button>
+          </div> */}
+        </div>
+      </div>
+    </section>
+  )
+}

docs/components/logo.jsx

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

docs/package.json

@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@openui-org/react": "workspace:*",
+    "lucide-react": "0.368.0",
     "next": "14.2.0",
     "nextra": "2.13.4",
     "nextra-theme-docs": "2.13.4",

docs/pages/index.en-US.mdx

@@ -1,3 +1,8 @@
-# Welcome to Open UI
-
-Hello, world!
+---
+title: 'Design System by Open Land'
+---
+
+import Home from 'components/home'
+
+<Home/>
+

docs/tailwind.config.js

@@ -3,7 +3,7 @@ import { react } from '@openui-org/react'
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
-    './components/**/*.js',
+    './components/**/*.{js,jsx}',
     './pages/**/*.{md,mdx}',
     './theme.config.js',
     './node_modules/@openui-org/react/dist/**/*.{js,ts,jsx,tsx}',

docs/theme.config.jsx

@@ -1,5 +1,7 @@
+import Logo from './components/logo'
+
 export default {
-  logo: <b>Open UI</b>,
+  logo: <Logo />,
   project: {
     link: 'https://github.com/open-land/ui',
   },