Reorganize files into new directories

src/components/Layout.tsx → src/components/Layout/index.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/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/index.tsx";
+import Home from "./routes/Home/index.tsx";
+import About from "./routes/About/index.tsx";
 
 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.tsx";
+import Features from "./Features.tsx";
+import CTA from "./CTA.tsx";
+import Showcase from "./Showcase.tsx";
+
+export default function Home() {
+  return (
+    <>
+      <Hero />
+      <Features />
+      <Showcase />
+      <CTA />
+    </>
+  );
+}