Reorganize files into new directories

Author: Cykotech

src/components/Footer.tsx src/components/Layout/Footer.tsxsrc/components/Footer.tsx renamed to src/components/Layout/Footer.tsx

@@ -1,5 +1,5 @@
-import Header from "./Header";
-import Footer from "./Footer";
+import Header from "./Header.tsx";
+import Footer from "./Footer.tsx";
 import { Outlet } from "react-router";
 
 export default function Layout() {

src/components/Header.tsx src/components/Layout/Header.tsxsrc/components/Header.tsx renamed to src/components/Layout/Header.tsx

@@ -2,9 +2,9 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter, Routes, Route } from "react-router";
 import "./index.css";
-import Layout from "./components/Layout.tsx";
-import Home from "./routes/Home.tsx";
-import About from "./routes/About.tsx";
+import Layout from "./components/Layout/index.tsx";
+import Home from "./routes/Home/index.tsx";
+import About from "./routes/About/index.tsx";
 
 const root = document.getElementById("root");
 

src/components/Layout.tsx src/components/Layout/index.tsxsrc/components/Layout.tsx renamed to src/components/Layout/index.tsx

@@ -0,0 +1,7 @@
+export default function About() {
+  return (
+    <main className="min-h-[25vh] grid place-items-center bg-primary">
+      <h3 className="text-3xl text-secondary">About Code Cafe</h3>
+    </main>
+  );
+}