From 834416aaceae4ab80c71c8669e9955a44e142957 Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Sun, 8 Mar 2026 16:36:30 -0700
Subject: [PATCH 1/3] fix hero loading state

---
 .../_components/HomeHacking/HeroHacking.tsx   | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
index 01c839738..25316e282 100644
--- a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
+++ b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
@@ -2,8 +2,6 @@
 
 import Image from 'next/image';
 import { GoArrowRight } from 'react-icons/go';
-
-import ClientTimeProtectedDisplay from '@pages/_components/TimeProtectedDisplay/ClientTimeProtectedDisplay';
 import Countdown from './_components/Countdown';
 
 interface HeroHackingProps {
@@ -45,18 +43,14 @@ export default function HeroHacking({
               <div className="flex items-start justify-between gap-2">
                 {/* Right: countdown (big) */}
                 <div className="flex-1 flex justify-center">
-                  <div className="text-white">
-                    <ClientTimeProtectedDisplay
-                      featureId="hacking-starts"
-                      fallback={<Countdown />}
-                    >
-                      {countdownTarget !== undefined && (
-                        <Countdown countdownTarget={countdownTarget} />
-                      )}
-                    </ClientTimeProtectedDisplay>
-
+                  <div className="text-white relative">
+                    {countdownTarget !== undefined ? (
+                      <Countdown countdownTarget={countdownTarget} />
+                    ) : (
+                      <Countdown />
+                    )}
                     {loading && (
-                      <div className="mt-2 text-white/90 text-sm text-right">
+                      <div className="absolute top-full mt-2 text-white/90 text-sm">
                         loading…
                       </div>
                     )}

From 34a9c8051e9fa7abc259cd9ba2ca169a11b12cd6 Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Sun, 8 Mar 2026 16:52:53 -0700
Subject: [PATCH 2/3] simplify countdown check

---
 .../(hackers)/_components/HomeHacking/HeroHacking.tsx       | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
index 25316e282..03d7b68de 100644
--- a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
+++ b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
@@ -44,11 +44,7 @@ export default function HeroHacking({
                 {/* Right: countdown (big) */}
                 <div className="flex-1 flex justify-center">
                   <div className="text-white relative">
-                    {countdownTarget !== undefined ? (
-                      <Countdown countdownTarget={countdownTarget} />
-                    ) : (
-                      <Countdown />
-                    )}
+                    <Countdown countdownTarget={countdownTarget} />
                     {loading && (
                       <div className="absolute top-full mt-2 text-white/90 text-sm">
                         loading…

From d149459845a634658d21515e68a1c04fa78b406a Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Sun, 8 Mar 2026 16:56:49 -0700
Subject: [PATCH 3/3] added comments

---
 app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx | 1 +
 .../_components/HomeHacking/_components/Countdown.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
index 03d7b68de..aada35536 100644
--- a/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
+++ b/app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx
@@ -15,6 +15,7 @@ export default function HeroHacking({
   rolloutTime,
   loading,
 }: HeroHackingProps) {
+  // Adds one day to rollout time 'hacking-starts' AKA hacking ending time
   const countdownTarget = rolloutTime ? rolloutTime + ONE_DAY_MS : undefined;
 
   return (
diff --git a/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx b/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx
index 4dbe1bffc..8af40bf98 100644
--- a/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx
+++ b/app/(pages)/(hackers)/_components/HomeHacking/_components/Countdown.tsx
@@ -6,10 +6,10 @@ interface CountdownProps {
   countdownTarget?: number;
 }
 
-const HACKING_ENDS_TIME = new Date('2026-05-10T11:00:00-07:00').getTime(); // May 10, 2026 at 11:00 AM PDT
+const FALLBACK_HACKING_ENDS = new Date('2026-05-10T11:00:00-07:00').getTime(); // May 10, 2026 at 11:00 AM PDT
 
 export default function Countdown({
-  countdownTarget = HACKING_ENDS_TIME,
+  countdownTarget = FALLBACK_HACKING_ENDS,
 }: CountdownProps) {
   const [timeLeft, setTimeLeft] = useState({
     hours: 24,