first commit

src/routes/__root.tsx

@@ -0,0 +1,19 @@
+import { createRootRoute, Outlet } from "@tanstack/react-router";
+import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import Header from "../ui/Header";
+import Footer from "../ui/Footer";
+
+const RootLayout = () => (
+  <>
+    <Header />
+    <main className="p-4 min-h-screen">
+      <Outlet />
+    </main>
+    <Footer />
+    <TanStackRouterDevtools position="bottom-right" />
+  </>
+);
+
+export const Route = createRootRoute({
+  component: RootLayout,
+});

src/routes/about.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/about")({
+  component: AboutPage,
+});
+
+function AboutPage() {
+  return <h2 className="text-xl font-semibold">About Page</h2>;
+}

src/routes/baywatch.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/baywatch')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/baywatch"!</div>
+}

src/routes/index.tsx

@@ -0,0 +1,15 @@
+import { createFileRoute } from "@tanstack/react-router";
+import DashboardGrid from "../features/dashboard/components/DashboardGrid";
+
+export const Route = createFileRoute("/")({
+  component: HomePage,
+});
+
+function HomePage() {
+  return (
+    <div>
+      <h2 className="text-xl font-semibold"> Dashboard</h2>
+      <DashboardGrid />
+    </div>
+  );
+}

src/routes/output.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/output')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/output"!</div>
+}

src/routes/settings.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/settings')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/settings"!</div>
+}