diff --git a/app/app.css b/app/app.css index 99345d8..f1d8c73 100644 --- a/app/app.css +++ b/app/app.css @@ -1,15 +1 @@ @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/components/link.tsx b/app/components/link.tsx new file mode 100644 index 0000000..56fb098 --- /dev/null +++ b/app/components/link.tsx @@ -0,0 +1,15 @@ +import type { PropsWithChildren } from "react"; + +export default function Link({ + link, + children, +}: PropsWithChildren<{ link: string }>) { + return ( + + {children} + + ); +} diff --git a/app/components/navbar.tsx b/app/components/navbar.tsx new file mode 100644 index 0000000..39965f1 --- /dev/null +++ b/app/components/navbar.tsx @@ -0,0 +1,10 @@ +import Link from "./link"; + +export default function Navbar() { + return ( +
+ + +
+ ); +} diff --git a/app/favicon.ico b/app/favicon.ico new file mode 100644 index 0000000..6d5005b Binary files /dev/null and b/app/favicon.ico differ diff --git a/app/pages/home.tsx b/app/pages/home.tsx new file mode 100644 index 0000000..a28f16e --- /dev/null +++ b/app/pages/home.tsx @@ -0,0 +1,8 @@ +export default function HomePage() { + return ( +
+

AINDUSTRIES

+

Coming soon...

+
+ ); +} diff --git a/app/root.tsx b/app/root.tsx index 9fc6636..28cfa1f 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -10,29 +10,17 @@ import { 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} @@ -62,9 +50,15 @@ export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) { } return ( -
-

{message}

-

{details}

+
+

{message}

+

{details}

+

+ Take me{" "} + + home + +

{stack && ( 
           {stack}
diff --git a/app/routes.ts b/app/routes.ts
index 102b402..992d712 100644
--- a/app/routes.ts
+++ b/app/routes.ts
@@ -1,3 +1,10 @@
-import { type RouteConfig, index } from "@react-router/dev/routes";
+import {
+  type RouteConfig,
+  index,
+  layout,
+  route,
+} from "@react-router/dev/routes";
 
-export default [index("routes/home.tsx")] satisfies RouteConfig;
+export default [
+  layout("./templates/base.tsx", [index("./routes/home.tsx")]),
+] satisfies RouteConfig;
diff --git a/app/routes/home.tsx b/app/routes/home.tsx
index 398e47c..5f8da5e 100644
--- a/app/routes/home.tsx
+++ b/app/routes/home.tsx
@@ -1,13 +1,10 @@
 import type { Route } from "./+types/home";
-import { Welcome } from "../welcome/welcome";
+import HomePage from "../pages/home";
 
 export function meta({}: Route.MetaArgs) {
-  return [
-    { title: "New React Router App" },
-    { name: "description", content: "Welcome to React Router!" },
-  ];
+  return [{ title: "Home" }];
 }
 
 export default function Home() {
-  return ;
+  return ;
 }
diff --git a/app/templates/base.tsx b/app/templates/base.tsx
new file mode 100644
index 0000000..8e0e10b
--- /dev/null
+++ b/app/templates/base.tsx
@@ -0,0 +1,11 @@
+import { Outlet } from "react-router";
+import Navbar from "../components/navbar";
+
+export default function Base() {
+  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 (
-    

-      

-        

-          

-            React Router
-            React Router
-          

-        

-        

-          
-        

-      

-    

-  );
-}
-
-const resources = [
-  {
-    href: "https://reactrouter.com/docs",
-    text: "React Router Docs",
-    icon: (
-      
-        
-      
-    ),
-  },
-  {
-    href: "https://rmx.as/discord",
-    text: "Join Discord",
-    icon: (
-      
-        
-      
-    ),
-  },
-];
diff --git a/package.json b/package.json
index c3a43a7..11e45e7 100644
--- a/package.json
+++ b/package.json
@@ -27,5 +27,10 @@
     "typescript": "^5.7.2",
     "vite": "^5.4.11",
     "vite-tsconfig-paths": "^5.1.4"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ]
   }
 }
\ No newline at end of file