diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
index 14929bd..5784328 100644
--- a/client/src/app/layout.tsx
+++ b/client/src/app/layout.tsx
@@ -1,7 +1,7 @@
 import "./globals.css";
 
-import Navbar from "./Navbar";
-import Footer from "./Footer";
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
index b27e044..e329214 100644
--- a/client/src/app/page.tsx
+++ b/client/src/app/page.tsx
@@ -1,4 +1,4 @@
-import PublicGames from "./PublicGames";
+import PublicGames from "@/components/PublicGames";
 
 export default function Home() {
   return (
diff --git a/client/src/app/Footer.tsx b/client/src/components/Footer.tsx
similarity index 100%
rename from client/src/app/Footer.tsx
rename to client/src/components/Footer.tsx
diff --git a/client/src/app/Navbar.tsx b/client/src/components/Navbar.tsx
similarity index 100%
rename from client/src/app/Navbar.tsx
rename to client/src/components/Navbar.tsx
diff --git a/client/src/app/PublicGames.tsx b/client/src/components/PublicGames.tsx
similarity index 100%
rename from client/src/app/PublicGames.tsx
rename to client/src/components/PublicGames.tsx