aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/packages/docs/app/routes/home.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/docs/app/routes/home.tsx')
-rw-r--r--packages/docs/app/routes/home.tsx30
1 files changed, 30 insertions, 0 deletions
diff --git a/packages/docs/app/routes/home.tsx b/packages/docs/app/routes/home.tsx
new file mode 100644
index 0000000..7f03ba9
--- /dev/null
+++ b/packages/docs/app/routes/home.tsx
@@ -0,0 +1,30 @@
+import type { Route } from './+types/home';
+import { HomeLayout } from 'fumadocs-ui/layouts/home';
+import { Link } from 'react-router';
+import { baseOptions } from '@/lib/layout.shared';
+
+export function meta({}: Route.MetaArgs) {
+ return [
+ { title: 'New React Router App' },
+ { name: 'description', content: 'Welcome to React Router!' },
+ ];
+}
+
+export default function Home() {
+ return (
+ <HomeLayout {...baseOptions()}>
+ <div className="p-4 flex flex-col items-center justify-center text-center flex-1">
+ <h1 className="text-xl font-bold mb-2">Fumadocs on React Router.</h1>
+ <p className="text-fd-muted-foreground mb-4">
+ The truly flexible docs framework on React.js.
+ </p>
+ <Link
+ className="text-sm bg-fd-primary text-fd-primary-foreground rounded-full font-medium px-4 py-2.5"
+ to="/docs"
+ >
+ Open Docs
+ </Link>
+ </div>
+ </HomeLayout>
+ );
+}