diff --git a/src/App.tsx b/src/App.tsx
index a0386b3..8dc4f06 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from "react";
-import Navbar from "./components/Navbar";
-import LoginPopup from "./components/LoginPopup";
-import SignupPopup from "./components/SignupPopup";
-import LandingPage from "./components/LandingPage";
+import Navbar from "./components/Navbar/Navbar";
+import LoginPopup from "./components/LoginPopup/LoginPopup";
+import SignupPopup from "./components/SignupPopup/SignupPopup";
+import LandingPage from "./components/LandingPage/LandingPage";
 import "./App.css";
 
 const App: React.FC = () => {
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
deleted file mode 100644
index c3a8448..0000000
--- a/src/components/Header.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import logo from '../assets/logo.png'; // Add your logo image here
-
-export default function Header() {
-  return (
-    <div className="flex flex-col items-center">
-      <img src={logo} alt="Tactical Hacker" className="h-24 w-auto" />
-      <h1 className="text-4xl font-bold mt-4">Tactical Hacker</h1>
-      <p className="text-lg text-gray-300 mt-2">Empowering Through Innovation</p>
-    </div>
-  );
-}
diff --git a/src/components/LandingPage.css b/src/components/LandingPage/LandingPage.css
similarity index 100%
rename from src/components/LandingPage.css
rename to src/components/LandingPage/LandingPage.css
diff --git a/src/components/LandingPage.tsx b/src/components/LandingPage/LandingPage.tsx
similarity index 86%
rename from src/components/LandingPage.tsx
rename to src/components/LandingPage/LandingPage.tsx
index a53b752..b4f37d6 100644
--- a/src/components/LandingPage.tsx
+++ b/src/components/LandingPage/LandingPage.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import "./LandingPage.css";
-import THLogo from "../assets/TH-Scribes-Logo.png"; // Import the logo
+import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo
 
 const LandingPage: React.FC = () => {
   return (
diff --git a/src/components/LoginPopup.css b/src/components/LoginPopup/LoginPopup.css
similarity index 100%
rename from src/components/LoginPopup.css
rename to src/components/LoginPopup/LoginPopup.css
diff --git a/src/components/LoginPopup.tsx b/src/components/LoginPopup/LoginPopup.tsx
similarity index 91%
rename from src/components/LoginPopup.tsx
rename to src/components/LoginPopup/LoginPopup.tsx
index e9eb235..33fedbf 100644
--- a/src/components/LoginPopup.tsx
+++ b/src/components/LoginPopup/LoginPopup.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import "./LoginPopup.css";
-import THLogo from "../assets/TH-Scribes-Logo.png"; // Import the logo
+import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo
 
 interface LoginPopupProps {
   onClose: () => void;
diff --git a/src/components/Navbar.css b/src/components/Navbar/Navbar.css
similarity index 100%
rename from src/components/Navbar.css
rename to src/components/Navbar/Navbar.css
diff --git a/src/components/Navbar.tsx b/src/components/Navbar/Navbar.tsx
similarity index 91%
rename from src/components/Navbar.tsx
rename to src/components/Navbar/Navbar.tsx
index b09cd1b..de789ea 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import "./Navbar.css";
-import THLogo from "../assets/TH-Scribes-Logo.png"; // Import the logo
+import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo
 
 interface NavbarProps {
   onLoginClick: () => void;
diff --git a/src/components/SignupPopup.css b/src/components/SignupPopup/SignupPopup.css
similarity index 100%
rename from src/components/SignupPopup.css
rename to src/components/SignupPopup/SignupPopup.css
diff --git a/src/components/SignupPopup.tsx b/src/components/SignupPopup/SignupPopup.tsx
similarity index 92%
rename from src/components/SignupPopup.tsx
rename to src/components/SignupPopup/SignupPopup.tsx
index 9b91530..8b89b75 100644
--- a/src/components/SignupPopup.tsx
+++ b/src/components/SignupPopup/SignupPopup.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import "./SignupPopup.css";
-import THLogo from "../assets/TH-Scribes-Logo.png"; // Import the logo
+import THLogo from "../../assets/TH-Scribes-Logo.png"; // Import the logo
 
 interface SignupPopupProps {
   onClose: () => void;
diff --git a/src/components/cards/Card.tsx b/src/components/cards/Card.tsx
deleted file mode 100644
index d999a81..0000000
--- a/src/components/cards/Card.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-type Props = {
-    title: string;
-    link: string;
-  };
-  
-  export default function Card({ title, link }: Props) {
-    return (
-      <a
-        href={link}
-        target="_blank"
-        rel="noopener noreferrer"
-        className="bg-[#111827] hover:bg-[#1F2937] p-6 rounded-2xl shadow-lg transition duration-300 ease-in-out transform hover:scale-105 text-center"
-      >
-        <h2 className="text-xl font-semibold">{title}</h2>
-        <p className="text-sm text-gray-400 mt-2">Click to visit</p>
-      </a>
-    );
-  }
-  
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
deleted file mode 100644
index b74dca8..0000000
--- a/src/components/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Header } from './Header';
-export { default as Card } from './cards/Card';