diff --git a/app/calendar/page.tsx b/app/calendar/page.tsx
new file mode 100644
index 0000000..0cc3567
--- /dev/null
+++ b/app/calendar/page.tsx
@@ -0,0 +1,9 @@
+export default function Calendar() {
+  return (
+    <iframe
+      src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=America%2FNew_York&bgcolor=%23e5e7eb&showPrint=0&showTabs=0&showTz=0&showDate=0&showNav=1&showTitle=0&showCalendars=0&src=Y18zNjE2MDRhYThlZGRjNGJlMTA0NmI0ZmJmODNhYmZkYjExMzE5NWNhZmIxYTI3NWM4YWZmN2ZlMDgwZmIyNDEzQGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20&color=%23cc004d&mode=WEEK"
+      style={{ height: "calc(100vh - 160px)" }}
+      width="100%"
+    ></iframe>
+  );
+}
diff --git a/app/components/NavBar.tsx b/app/components/NavBar.tsx
index 56e1f10..2bcdfd1 100644
--- a/app/components/NavBar.tsx
+++ b/app/components/NavBar.tsx
@@ -49,9 +49,13 @@ export default function NavBar() {
           </span>
         </div>
         <div>
+          <a href="/calendar" className="mr-0 mr-4">
+            Calendar
+          </a>
           <a href="/about" className="mr-0 md:mr-4">
             About
           </a>
+
           {/* <a href="mailto:dormsoup@mit.edu" className="ml-4 mr-0 md:mr-4">
             Contact&nbsp;Us
           </a> */}