[Giving Day] New Heros (#874)

### Summary <!-- Required -->
Update heros to new design for giving day.

### Notion/Figma Link <!-- Optional -->

[Figma](https://www.figma.com/design/ttAGEX3pHmzuhMzp8uAyhz/SP25-Cornelldti.org-Website-Revamp?node-id=1294-1572&p=f&t=WDQMxk0HlLXvclMh-0)

## DESKTOP:
|X|Before|After|
|-|-|-|
|Team|<img width="1355" alt="Screenshot 2025-03-02 at 10 48 39 PM"
src="https://github.com/user-attachments/assets/f9af6d53-42d3-493d-89fc-8b6b1fb6c4dc"
/>|<img width="1355" alt="Screenshot 2025-03-02 at 10 48 11 PM"
src="https://github.com/user-attachments/assets/928c3860-57f6-4171-b8b2-5eeb607c8151"
/>|
|Products|<img width="1355" alt="Screenshot 2025-03-02 at 10 48 50 PM"
src="https://github.com/user-attachments/assets/5cdbc822-ff03-4869-9c5a-36992ac2d47a"
/>|<img width="1355" alt="Screenshot 2025-03-02 at 10 48 45 PM"
src="https://github.com/user-attachments/assets/cfb1fa77-843e-4439-93a8-80b772a2733b"
/>|
|Course|<img width="1355" alt="Screenshot 2025-03-02 at 10 49 04 PM"
src="https://github.com/user-attachments/assets/60926067-8440-4e81-88b2-fb9d9c13e7bc"
/>|<img width="1355" alt="Screenshot 2025-03-02 at 10 49 12 PM"
src="https://github.com/user-attachments/assets/96bc2d92-c78e-4c1c-83d2-163d256fec14"
/>|
|Initiatives|<img width="1355" alt="Screenshot 2025-03-02 at 10 49
22 PM"
src="https://github.com/user-attachments/assets/e58ce385-edc5-4705-942e-86d4ea27e4f2"
/>|<img width="1355" alt="Screenshot 2025-03-02 at 10 49 16 PM"
src="https://github.com/user-attachments/assets/934c14dc-45fc-458e-a5c4-3335e6aea5a1"
/>|
|Sponsor|<img width="1355" alt="Screenshot 2025-03-02 at 10 49 44 PM"
src="https://github.com/user-attachments/assets/5395e5b5-03a5-4d95-980f-9ec0e0d89869"
/>|<img width="1355" alt="Screenshot 2025-03-02 at 10 49 33 PM"
src="https://github.com/user-attachments/assets/13fa64a9-c066-4112-bd0b-991a62ca266a"
/>|
|Apply|<img width="1355" alt="Screenshot 2025-03-02 at 10 49 48 PM"
src="https://github.com/user-attachments/assets/d66119d3-1cf0-46dc-9de5-753f9352d72c"
/>|<img width="1355" alt="Screenshot 2025-03-02 at 10 53 25 PM"
src="https://github.com/user-attachments/assets/4067dd76-c288-4eb2-a9c1-584aba18e832"
/>|

***

## MOBILE


|X|Before|After|
|-|-|-|
|Team|<img width="400" alt="Screenshot 2025-03-02 at 10 56 44 PM"
src="https://github.com/user-attachments/assets/2515c794-52e9-46e8-b968-47532e3bd7df"
/>|<img width="400" alt="Screenshot 2025-03-02 at 10 56 35 PM"
src="https://github.com/user-attachments/assets/d5a8b11d-80e9-4713-aa75-31dae6c553fb"
/>|
|Products|<img width="400" alt="Screenshot 2025-03-02 at 10 57 14 PM"
src="https://github.com/user-attachments/assets/9b4a3612-d391-4c01-b49e-04275d2b5555"
/>|<img width="400" alt="Screenshot 2025-03-02 at 10 56 52 PM"
src="https://github.com/user-attachments/assets/0fdc3d07-92af-4747-ad4a-45dee2d39bff"
/>|
|Course|<img width="400" alt="Screenshot 2025-03-02 at 10 57 01 PM"
src="https://github.com/user-attachments/assets/e522cb24-9c0c-4dc8-8819-81a5beee2ba3"
/>|<img width="400" alt="Screenshot 2025-03-02 at 10 57 31 PM"
src="https://github.com/user-attachments/assets/49fa7e4a-4212-4ce6-aaef-78c68ffa74d5"
/>|
|Initiaties|<img width="400" alt="Screenshot 2025-03-02 at 10 57 48 PM"
src="https://github.com/user-attachments/assets/f4466e61-1ca1-4696-8345-f7fc02471f3d"
/>|<img width="400" alt="Screenshot 2025-03-02 at 10 57 42 PM"
src="https://github.com/user-attachments/assets/54e94697-faec-4fb6-94b6-520040238bce"
/>|
|Sponsor|<img width="400" alt="Screenshot 2025-03-02 at 10 57 52 PM"
src="https://github.com/user-attachments/assets/4841fde3-a382-4aae-8dfc-e3ff4404d3d5"
/>|<img width="400" alt="Screenshot 2025-03-02 at 10 58 00 PM"
src="https://github.com/user-attachments/assets/767688e8-dc17-4c92-95a4-ad1d4e42fe2e"
/>|
|Apply|<img width="400" alt="Screenshot 2025-03-02 at 10 58 14 PM"
src="https://github.com/user-attachments/assets/7edcb987-a2b5-41c1-86bd-281b124728bb"
/>|<img width="400" alt="Screenshot 2025-03-02 at 10 58 09 PM"
src="https://github.com/user-attachments/assets/63fc88cd-3d05-4951-9f0b-055f6b62de19"
/>|

---------

Co-authored-by: Clément <[email protected]>

new-dti-website/components/hero.tsx

@@ -0,0 +1,41 @@
+import SectionWrapper from './hoc/SectionWrapper';
+
+type HeroProps = {
+  title: string;
+  description: string;
+  image: {
+    src: string;
+    alt: string;
+  };
+  action?: {
+    buttonText: string;
+    link: string;
+    disabled?: boolean;
+  };
+};
+
+const Hero = ({ title, description, image, action }: HeroProps) => (
+  <SectionWrapper id={`${title} hero`}>
+    <img src={image.src} alt={image.alt} height={600} className="w-[100%] rounded-[16px]" />
+    <div className="flex flex-col gap-4">
+      <div className="flex flex-col gap-2">
+        <h1 className="md:text-[40px] md:leading-[46px] font-bold mt-4 xs:text-[32px] xs:leading-[36.8px] text-[#ffffff]">
+          {title}
+        </h1>
+        <p className="md:text-[18px] text-hero-secondary leading-[28.8px]">{description}</p>
+      </div>
+      {action &&
+        (action.disabled ? (
+          <button className="primary-button opacity-50 cursor-not-allowed" disabled={true}>
+            {action.buttonText}
+          </button>
+        ) : (
+          <a className="primary-button" href={action.link}>
+            {action.buttonText}
+          </a>
+        ))}
+    </div>
+  </SectionWrapper>
+);
+
+export default Hero;