feat: restructure components and add landing page, navbar, and popups…

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 = () => {

src/components/LandingPage.tsx → 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 (

src/components/LoginPopup.tsx → 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;

src/components/Navbar.tsx → 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;

src/components/SignupPopup.tsx → 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;