docs/examples/react-router-i18n/app/routes/home.tsx

import type { Route } from './+types/home';
import { HomeLayout } from '@hanzo/docs/ui/layouts/home';
import { Link } from 'react-router';
import { baseOptions } from '#/lib/layout.shared.tsx';

export function meta(_meta: Route.MetaArgs) {
  return [
    { title: 'New React Router App' },
    { name: 'description', content: 'Welcome to React Router!' },
  ];
}

export default function Home({ params }: Route.ComponentProps) {
  return (
    <HomeLayout {...baseOptions(params.lang)}>
      <div className="p-4 flex flex-col items-center justify-center text-center flex-1">
        <h1 className="text-xl font-bold mb-2">Hanzo Docs 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>
  );
}