Reorganize files into new directories

src/main.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";
+import Home from "./routes/Home";
+import About from "./routes/About";
 
 const root = document.getElementById("root");
 

src/routes/About/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>
+  );
+}

src/routes/Home/index.tsx

@@ -0,0 +1,15 @@
+import Hero from "./Hero";
+import Features from "./Features";
+import CTA from "./CTA";
+import Showcase from "./Showcase";
+
+export default function Home() {
+  return (
+    <>
+      <Hero />
+      <Features />
+      <Showcase />
+      <CTA />
+    </>
+  );
+}