Add Footer

src/App.tsx

@@ -3,6 +3,7 @@ import '@xyflow/react/dist/style.css';
 import Header from '@/components/Header';
 import Explorer from '@/pages/Explorer';
 import Planner from '@/pages/Planner';
+import Footer from '@/components/Footer'
 
 export default function App() {
   return (
@@ -16,6 +17,7 @@ export default function App() {
             <Route path="/planner" element={<Planner />} />
           </Routes>
         </main>
+        <Footer />
       </div>
     </BrowserRouter>
   );

src/components/Footer.tsx

@@ -0,0 +1,20 @@
+
+export default function Footer() {
+  return (
+    <footer className="bg-black border-t-red-600 border-t-2 p-1">
+      <p className="text-center text-white text-xs">
+        <b>Carleton Computer Science Society</b>
+        <br/>
+        <a href="https://github.com/CarletonComputerScienceSociety/course-graph">
+          <u>GitHub</u>
+        </a>
+        <br/>
+        Not affiliated with or endorsed by Carleton University.
+        <br/>
+        Always verify course requirements in the official undergraduate calendar.
+        <br/>
+        © {new Date().getFullYear()} Carleton Computer Science Society
+      </p>
+    </footer>
+  );
+}