Merge branch 'main' into hackbot-server-core

Author: ReehalS

app/(pages)/(hackers)/(hub)/page.tsx

@@ -24,7 +24,7 @@ export default function Page() {
   return (
     <main id="home">
       <TableNumberContextProvider>
-        <ClientTimeProtectedDisplay featureId="hero-judging">
+        <ClientTimeProtectedDisplay featureId="hero-hacking">
           <HeroHacking rolloutTime={rolloutTime} loading={loading} />
           <ScheduleSneakPeek />
           <BeginnersSection />

app/(pages)/(hackers)/_components/HomeHacking/HeroHacking.tsx

@@ -97,46 +97,46 @@ export default function HeroHacking({
                 {/* 2x2 animals */}
                 <div className="grid grid-cols-2 gap-2">
                   {/* Cow */}
-                  <div className="relative rounded-[20px] bg-[#93F5F3] overflow-hidden flex items-end justify-center">
+                  <div className="relative aspect-[5/3] rounded-[20px] bg-[#CCFFFE] overflow-hidden flex items-end justify-center">
                     <Image
                       src={peepingCow}
                       alt="Peeking cow"
                       width={520}
                       height={320}
-                      className="w-[100%] h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
 
                   {/* Duck */}
-                  <div className="relative rounded-[20px] bg-[#FFF3B6] overflow-hidden flex items-end justify-center">
+                  <div className="relative aspect-[5/3] rounded-[20px] bg-[#FFF3B6] overflow-hidden flex items-end justify-center">
                     <Image
                       src={peepingDuck}
                       alt="Peeking duck"
                       width={520}
                       height={320}
-                      className="w-[100%] h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
 
                   {/* Frog */}
-                  <div className="relative rounded-[20px] bg-[#E9FBBA] overflow-hidden flex items-end justify-center">
+                  <div className="relative aspect-[5/3] rounded-[20px] bg-[#E9FBBA] overflow-hidden flex items-end justify-center">
                     <Image
                       src={peepingFrog}
                       alt="Peeking frog"
                       width={520}
                       height={320}
-                      className="w-[100%] h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
 
                   {/* Bunny */}
-                  <div className="relative rounded-[20px] bg-[#FFD2D2] overflow-hidden flex items-end justify-center">
+                  <div className="relative aspect-[5/3] rounded-[20px] bg-[#FFD2D2] overflow-hidden flex items-end justify-center">
                     <Image
                       src={peepingBunny}
                       alt="Peeking bunny"
                       width={520}
                       height={320}
-                      className="w-[100%] h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
                 </div>
@@ -174,13 +174,13 @@ export default function HeroHacking({
                 {/* Row 1: 3 tiles */}
                 <div className="min-h-0 grid grid-cols-[50fr_30fr_20fr] gap-5">
                   {/* Cow */}
-                  <div className="min-h-0 relative rounded-[28px] bg-[#93F5F3] backdrop-blur-xl overflow-hidden flex items-end justify-center">
+                  <div className="min-h-0 relative rounded-[28px] bg-[#CCFFFE] backdrop-blur-xl overflow-hidden flex items-end justify-center">
                     <Image
                       src={peepingCow}
                       alt="Peeking cow"
                       width={520}
                       height={320}
-                      className="w-[100%] max-h-full h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
 
@@ -191,7 +191,7 @@ export default function HeroHacking({
                       alt="Peeking duck"
                       width={520}
                       height={320}
-                      className="w-[100%] max-h-full h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
 
@@ -202,7 +202,7 @@ export default function HeroHacking({
                       alt="Peeking frog"
                       width={520}
                       height={320}
-                      className="w-[100%] max-h-full h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
                 </div>
@@ -216,7 +216,7 @@ export default function HeroHacking({
                       alt="Peeking bunny"
                       width={520}
                       height={320}
-                      className="w-[100%] max-h-full h-auto pointer-events-none select-none"
+                      className="h-full w-auto max-w-none pointer-events-none select-none"
                     />
                   </div>
 

app/(pages)/judges/(app)/_components/Landing/ViewProjects.module.scss

@@ -1,9 +1,6 @@
 .container {
-    background-color: #f2f2f7;
-    padding: 24px 20px 0px;
     color: var(--text-dark);
 
-
     h1 {
         font-size: 1.75rem;
         font-weight: 700;

app/(pages)/judges/_components/AuthForms/CheckInForm.tsx

@@ -36,7 +36,7 @@ export default function CheckInForm({ id }: any) {
     <AuthForm
       role="judge"
       fields={formFields}
-      buttonText="Check in →"
+      buttonText="Check in"
       initialValues={{
         code: '',
         opted_into_panels: false,

app/(pages)/judges/_components/AuthForms/DetailForm.module.scss

@@ -2,7 +2,6 @@
   width: 100%;
   height: 60vh;
   max-height: 100vh;
-  background-color: #F2F2F7;
   border-radius: var(--b-radius);
   display: flex;
   flex-direction: column;

app/(pages)/judges/_components/AuthForms/RegisterForm.tsx

@@ -57,7 +57,7 @@ export default function RegisterForm({ data }: any) {
     <AuthForm
       role="judge"
       fields={formFields}
-      buttonText="Next →"
+      buttonText="Next"
       initialValues={{
         email: data?.email ?? '',
         password: '',

app/_data/db_validation_data.json

@@ -4,8 +4,7 @@
     "business",
     "aiml",
     "hardware",
-    "design",
-    "medtech"
+    "design"
   ],
   "tracks": [
     "Best Hack for Social Good",

scripts/generateData.mjs

@@ -25,7 +25,6 @@ function weightedShuffleSpecialties(specialties) {
     aiml: 0.1,
     hardware: 0.039,
     design: 0.158,
-    medtech: 0.015,
   };
   const availableWeighted = specialties.filter(
     (s) => weightMap[s.toLowerCase()] !== undefined