Set up components for homepage

src/App.tsx

@@ -1,11 +1,12 @@
-import Page from "./Components/Page/Page"
+import { Route, Routes } from "react-router-dom"
+import Home from "./Pages/Home/Home"
 
 function App() {
 
   return (
-    <>
-      <Page></Page>
-    </>
+    <Routes>
+      <Route path="/new-site" element={<Home />} />
+    </Routes>
   )
 }
 

src/Components/Page/Navbar.tsx

@@ -8,8 +8,8 @@ const Navbar = () => {
 
   return (
     <div className="flex fixed w-full z-10 items-center">
-      <button className="text-[2rem] font-bold ml-6 p-4" onClick={() => navigate("/")}>
-        <img src={`${baseURL}/src/Assets/Images/big-logo-light.png`} alt="Logo" className="w-24" />
+      <button className="text-[2rem] font-bold ml-2 p-4 hover:rotate-[-180deg] duration-500" onClick={() => navigate("/")}>
+        <img src={`${baseURL}/src/Assets/Images/ds3_logo.png`} alt="Logo" className="w-12" />
       </button>
       <div className="flex flex-1 justify-end mr-2">
         <button className={btnClass} onClick={() => navigate(`/about-me`)}>

src/Pages/Home/AboutUs.tsx

@@ -0,0 +1,9 @@
+const AboutUs = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default AboutUs

src/Pages/Home/Events.tsx

@@ -0,0 +1,9 @@
+const Events = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default Events

src/Pages/Home/Home.tsx

@@ -0,0 +1,20 @@
+import Page from "../../Components/Page/Page";
+import AboutUs from "./AboutUs";
+import Events from "./Events";
+import Landing from "./Landing";
+import Sponsers from "./Sponsers";
+import Stats from "./Stats";
+
+const Home = () => {
+  return (
+    <Page>
+      <Landing />
+      <AboutUs />
+      <Stats />
+      <Events />
+      <Sponsers />
+    </Page>
+  );
+};
+
+export default Home;

src/Pages/Home/Landing.tsx

@@ -0,0 +1,9 @@
+const Landing = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default Landing

src/Pages/Home/Sponsers.tsx

@@ -0,0 +1,9 @@
+const Sponsers = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default Sponsers

src/Pages/Home/Stats.tsx

@@ -0,0 +1,9 @@
+const Stats = () => {
+  return (
+    <div>
+
+    </div>
+  )
+}
+
+export default Stats

src/Styles/index.css

@@ -4,4 +4,8 @@
 
 .hero-text-shadow {
   text-shadow: 0 5px 20px #0057ff33, 0 -5px 15px #ff5a0026, 0 0 30px #ffffff4d;
+}
+
+p, span, a {
+  @apply text-gray-400;
 }

src/Utils/info.ts

@@ -1,4 +1,4 @@
 export const baseURL =
   window.location.hostname != "localhost"
     ? "https://raw.githubusercontent.com/ucsdds3/new-site/main"
-    : "";
+    : "/new-site";