From a1c63e1bcde345c9bd7d6412059643271e47efa3 Mon Sep 17 00:00:00 2001
From: Andrew Hwang <pandy430@gmail.com>
Date: Sat, 18 Jan 2025 12:21:22 -0800
Subject: [PATCH] Image fix

---
 .../(home)/sections/Organizers/InfiniteMovingCards.tsx       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/site/src/app/(main)/(home)/sections/Organizers/InfiniteMovingCards.tsx b/apps/site/src/app/(main)/(home)/sections/Organizers/InfiniteMovingCards.tsx
index b22f6990f..8ec306036 100644
--- a/apps/site/src/app/(main)/(home)/sections/Organizers/InfiniteMovingCards.tsx
+++ b/apps/site/src/app/(main)/(home)/sections/Organizers/InfiniteMovingCards.tsx
@@ -4,6 +4,7 @@ import React, { useEffect, useState } from "react";
 import box from "@/assets/images/center_chat_box.svg";
 import boxBG from "@/assets/images/center_chat_box_bg.svg";
 import Link from "next/link";
+import Image from "next/image";
 
 export const InfiniteMovingCards = ({
 	items,
@@ -95,7 +96,7 @@ export const InfiniteMovingCards = ({
 							>
 								{/* Background chat box - positioned slightly offset */}
 								<div className="absolute inset-0 -right-1 -bottom-1">
-									<img
+									<Image
 										src={boxBG}
 										alt="Box Background"
 										className="w-full h-full object-contain"
@@ -105,7 +106,7 @@ export const InfiniteMovingCards = ({
 
 								{/* Main chat box */}
 								<div className="absolute inset-0">
-									<img
+									<Image
 										src={box}
 										alt="Box"
 										className="w-full h-full object-contain"