add countdowns for 2026 cycle

portal-frontend/src/components/CountdownRenderer.js

@@ -1,11 +1,24 @@
-const CountdownRenderer = ({ days, hours, minutes, seconds }) => {
+import PropTypes from "prop-types";
+import React from "react";
+
+const CountdownRenderer = ({ days, hours, minutes, seconds, deadlineType }) => {
   return (
     <div className="hero-countdown">
       <p>
-        Due in {days} days {hours} hours {minutes} minutes {seconds} seconds
+        {deadlineType} due in {days} days {hours} hours {minutes} minutes{" "}
+        {seconds} seconds
       </p>
     </div>
   );
 };
 
+// this part was required by the linter?
+CountdownRenderer.propTypes = {
+  days: PropTypes.number.isRequired,
+  hours: PropTypes.number.isRequired,
+  minutes: PropTypes.number.isRequired,
+  seconds: PropTypes.number.isRequired,
+  deadlineType: PropTypes.string.isRequired,
+};
+
 export default CountdownRenderer;

portal-frontend/src/pages/LoginPage.js

@@ -2,14 +2,15 @@ import React from "react";
 import { useAuth0 } from "@auth0/auth0-react";
 import { Navigate } from "react-router-dom";
 import { HeroBackground } from "../components/HeroBackground";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import Button from "../components/Button";
 import "./LoginPage.css";
 import Countdown from "react-countdown";
 import CountdownRenderer from "../components/CountdownRenderer";
 
 const LoginPage = () => {
   const { loginWithRedirect, isAuthenticated } = useAuth0();
+  const [priorityCompleted, setPriorityCompleted] = useState(false);
 
   useEffect(() => {
     document.body.style.overflow = "hidden";
@@ -42,12 +43,36 @@ const LoginPage = () => {
             Mentor/Judge
           </Button>
         </div>
+        {!priorityCompleted && (
+          <Countdown
+            date={new Date("2025-12-31T23:59:59Z")}
+            onComplete={() => setPriorityCompleted(true)}
+            renderer={({ days, hours, minutes, seconds }) => (
+              <CountdownRenderer
+                days={days}
+                hours={hours}
+                minutes={minutes}
+                seconds={seconds}
+                deadlineType="Priority applications"
+              />
+            )}
+          />
+        )}
 
-        <Countdown
-          date={new Date("2025-02-01T04:59:00Z")}
-          renderer={CountdownRenderer}
-        />
-        <p className="priority-text">Applications are closed.</p>
+        {priorityCompleted && (
+          <Countdown
+            date={new Date("2026-01-15T23:59:59Z")}
+            renderer={({ days, hours, minutes, seconds }) => (
+              <CountdownRenderer
+                days={days}
+                hours={hours}
+                minutes={minutes}
+                seconds={seconds}
+                deadlineType="Regular applications"
+              />
+            )}
+          />
+        )}
       </div>
     </>
   );