diff --git a/app/app.css b/app/app.css
deleted file mode 100644
index 99345d8..0000000
--- a/app/app.css
+++ /dev/null
@@ -1,15 +0,0 @@
-@import "tailwindcss";
-
-@theme {
- --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-html,
-body {
- @apply bg-white dark:bg-gray-950;
-
- @media (prefers-color-scheme: dark) {
- color-scheme: dark;
- }
-}
diff --git a/app/root.tsx b/app/root.tsx
deleted file mode 100644
index 9fc6636..0000000
--- a/app/root.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import {
- isRouteErrorResponse,
- Links,
- Meta,
- Outlet,
- Scripts,
- ScrollRestoration,
-} from "react-router";
-
-import type { Route } from "./+types/root";
-import "./app.css";
-
-export const links: Route.LinksFunction = () => [
- { rel: "preconnect", href: "https://fonts.googleapis.com" },
- {
- rel: "preconnect",
- href: "https://fonts.gstatic.com",
- crossOrigin: "anonymous",
- },
- {
- rel: "stylesheet",
- href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
- },
-];
-
-export function Layout({ children }: { children: React.ReactNode }) {
- return (
-
-
-
-
-
-
-
-
- {children}
-
-
-
-
- );
-}
-
-export default function App() {
- return ;
-}
-
-export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
- let message = "Oops!";
- let details = "An unexpected error occurred.";
- let stack: string | undefined;
-
- if (isRouteErrorResponse(error)) {
- message = error.status === 404 ? "404" : "Error";
- details =
- error.status === 404
- ? "The requested page could not be found."
- : error.statusText || details;
- } else if (import.meta.env.DEV && error && error instanceof Error) {
- details = error.message;
- stack = error.stack;
- }
-
- return (
-
- {message}
- {details}
- {stack && (
-
- {stack}
-
- )}
-
- );
-}
diff --git a/app/routes.ts b/app/routes.ts
deleted file mode 100644
index 102b402..0000000
--- a/app/routes.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { type RouteConfig, index } from "@react-router/dev/routes";
-
-export default [index("routes/home.tsx")] satisfies RouteConfig;
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
deleted file mode 100644
index 398e47c..0000000
--- a/app/routes/home.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { Route } from "./+types/home";
-import { Welcome } from "../welcome/welcome";
-
-export function meta({}: Route.MetaArgs) {
- return [
- { title: "New React Router App" },
- { name: "description", content: "Welcome to React Router!" },
- ];
-}
-
-export default function Home() {
- return ;
-}
diff --git a/app/welcome/logo-dark.svg b/app/welcome/logo-dark.svg
deleted file mode 100644
index dd82028..0000000
--- a/app/welcome/logo-dark.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
diff --git a/app/welcome/logo-light.svg b/app/welcome/logo-light.svg
deleted file mode 100644
index 7328492..0000000
--- a/app/welcome/logo-light.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-
diff --git a/app/welcome/welcome.tsx b/app/welcome/welcome.tsx
deleted file mode 100644
index 8ac6e1d..0000000
--- a/app/welcome/welcome.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import logoDark from "./logo-dark.svg";
-import logoLight from "./logo-light.svg";
-
-export function Welcome() {
- return (
-
-
-
-
-
-
-
-
-
-
-
+
Main Page
+
+ );
+};
+
+export default App;
diff --git a/src/index.tsx b/src/index.tsx
new file mode 100644
index 0000000..c24e9d8
--- /dev/null
+++ b/src/index.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./App";
+
+ReactDOM.render(, document.getElementById("root"));