53 update donors for march 1st deployment

app/(pages)/(index-page)/_components/Donors/Donors.tsx

@@ -34,36 +34,69 @@ export default function Donors() {
     'Alex Marasigan',
     'Sidney Heng',
     'Jack Zheng',
+    'Daniel Yang',
     'Ravi Surinder Singh Sandhu',
     'Roshan Pandey',
     'Sathiyaseelan Kandiah',
+    'Samara Dixon',
     'Stanley Kim',
     'Thenushaa Kandiah',
     'Trang Nguyen',
+    'Tyler Kao',
+    'Tara Sung',
+    'Roland Lo',
+    'Gabrielle Gutierrez',
+    'Joël Porquet-Lupine',
+    'Jonathan Lew',
+    'Rachel Yap',
     'Vivek Sandhu',
+    'Raquib Alam',
+    'Max Chen',
+    'Michael Fang',
+    'Lana W.',
     'Vivek Shome',
+    'Minghuan Cao',
     'Vivian Nguyen',
+    'Morgan Brady',
+    'Yiru Jian',
     'Youza Pak',
-    'Zhaoheng Ding',
   ];
 
   const row2_names = [
     'Alexander Do',
+    'Alston Wong',
+    'Annisa Hadi',
     'Anna Pandey',
     'Ashley Heng',
     'Asif Mansoor Amanullah',
+    'Cynthia Marasigan',
+    'Ramy Marasigan',
     'Christina Chung',
     'Christina Zhu',
+    'Cindy Xing',
     'Eric Lin',
+    'Devin Ly',
+    'Andrew Luyapan',
+    'Anna Li',
     'Glenn Suravech',
     'Hung Nguyen',
     'Jayden Kwong',
+    'Michelle Zhu',
     'Levi Tobias Loureiro',
     'Lynn Farias',
+    'Iris Chen',
+    'Sofia Nadeau',
+    'Shampave Kandiah',
     'Mai Nguyen',
     'Orion Ho',
+    'Hazel Pipp',
+    'Husna Hadi',
     'Pranav Lal',
     'Ram Pandey',
+    'Alan Wong',
+    'Yukie Tanuma',
+    'Zhaoheng Ding',
+    'Adi Chatterjee',
   ];
 
   return (

app/(pages)/(index-page)/_components/heroInfo/heroInfo.tsx

@@ -23,7 +23,7 @@ export default function HeroInfo() {
         className="flex flex-col pl-[9%] items-center -pl-5 p-5 w-full gap-6 md:flex-row md:items-stretch md:pr-[13%]"
       >
         <div
-          className="absolute -top-24 left-[27%] md:left-[30%] -z-10"
+          className="absolute -top-24 left-[27%] md:left-[30%] z-0"
           // can't import getParallaxStyle here because it needs to spin at the same time
           style={{
             transform: `translateX(${
@@ -46,11 +46,11 @@ export default function HeroInfo() {
             alt="watertower"
             width={156.5}
             height={221.27}
-            className="absolute top-29 left-27 -z-10 hidden md:block"
+            className="absolute top-29 left-27 z-0 hidden md:block"
             style={getParallaxStyle(mousePosition, bigShape)}
           />
           <div
-            className="absolute -z-10 top-[56%] md:top-[50%] left-[2%]"
+            className="absolute z-0 top-[56%] md:top-[50%] left-[2%]"
             // can't import getParallaxStyle here because it needs to spin at the same time
             style={{
               transform: `translateX(${
@@ -72,7 +72,7 @@ export default function HeroInfo() {
             alt="blue shape"
             width={100}
             height={100}
-            className="absolute order-2 md:order-none top-[85%] -left-[5%] md:left-[35%] justify-center -z-10 object-contain"
+            className="absolute order-2 md:order-none top-[85%] -left-[5%] md:left-[35%] justify-center z-0 object-contain"
             style={getParallaxStyle(mousePosition, littleShape)}
           />
         </div>

app/(pages)/(index-page)/page.tsx

@@ -8,7 +8,7 @@ import Sponsers from './_components/Sponsers/Sponsers';
 
 export default function Home() {
   return (
-    <div className="pt-40 flex flex-col w-full">
+    <div className="pt-40 flex flex-col w-full bg-[#FAFAFA] min-h-screen">
       <HeroInfo />
       <TenYears />
       <Stats />

tailwind.config.ts

@@ -156,8 +156,8 @@ export default {
 
         // ✅ New marquee utilities
         // adjust durations to change speed
-        'sponsor-left': 'sponsor-marquee-left 100s linear infinite',
-        'sponsor-right': 'sponsor-marquee-right 89s linear infinite',
+        'sponsor-left': 'sponsor-marquee-left 150s linear infinite',
+        'sponsor-right': 'sponsor-marquee-right 120s linear infinite',
       },
     },
   },