diff --git a/website/app/category/[category]/restaurant.tsx b/website/app/category/[category]/restaurant.tsx
index 1112edf..cad3baa 100644
--- a/website/app/category/[category]/restaurant.tsx
+++ b/website/app/category/[category]/restaurant.tsx
@@ -41,7 +41,7 @@ const RestaurantsPage = ({
                         <source src={item.video} type="video/mp4" />
                       </video>
                     ) : (
-                      <Image
+                      <img
                         src={item.image}
                         width={1000}
                         height={1000}
diff --git a/website/app/restaurants/[restaurant]/menu/menu.tsx b/website/app/restaurants/[restaurant]/menu/menu.tsx
index d178aaf..c0f4612 100644
--- a/website/app/restaurants/[restaurant]/menu/menu.tsx
+++ b/website/app/restaurants/[restaurant]/menu/menu.tsx
@@ -110,7 +110,7 @@ const Menu = ({ paramsData }: { paramsData: { restaurant: string } }) => {
             <div className="relative mx-auto mb-16 capitalize">
               <div className="animated-fade-y h-[50rem] w-full">
                 {restaurantData.images ? (
-                  <Image
+                  <img
                     src={restaurantData.images[0]}
                     height={1000}
                     width={1000}
@@ -223,7 +223,7 @@ const Menu = ({ paramsData }: { paramsData: { restaurant: string } }) => {
                                     id={"image-" + data}
                                   >
                                     <SwiperSlide>
-                                      <Image
+                                      <img
                                         src={data}
                                         width={1000}
                                         height={1000}
@@ -272,7 +272,7 @@ const Menu = ({ paramsData }: { paramsData: { restaurant: string } }) => {
           <div className="scrollbar-hidden reelsContainer">
             <div className="reel relative capitalize">
               <div className="h-full w-full">
-                <Image
+                <img
                   src="/images/restaurants/1-1.webp"
                   height={1000}
                   width={1000}
@@ -378,7 +378,7 @@ const Menu = ({ paramsData }: { paramsData: { restaurant: string } }) => {
                                       }}
                                     >
                                       <div className="flex h-full w-full items-center bg-black bg-opacity-20 backdrop-blur-sm">
-                                        <Image
+                                        <img
                                           src={data}
                                           width={1000}
                                           height={5000}
diff --git a/website/components/FoodCategory/index.tsx b/website/components/FoodCategory/index.tsx
index cecffeb..1ec7566 100644
--- a/website/components/FoodCategory/index.tsx
+++ b/website/components/FoodCategory/index.tsx
@@ -56,7 +56,7 @@ const FoodCategory = () => {
                     href={`/category/${item.id}`}
                     className="flex h-80 w-[15rem] cursor-pointer flex-col gap-2"
                   >
-                    <Image
+                    <img
                       src={item.image}
                       width={1000}
                       height={1000}
@@ -89,7 +89,7 @@ const FoodCategory = () => {
                       .replace(/ /g, "-")}`}
                     className="flex h-80 w-[15rem] cursor-pointer flex-col gap-2"
                   >
-                    <Image
+                    <img
                       src={item.image}
                       width={1000}
                       height={1000}
@@ -122,7 +122,7 @@ const FoodCategory = () => {
                       .replace(/ /g, "-")}`}
                     className="flex h-80 cursor-pointer flex-col gap-2"
                   >
-                    <Image
+                    <img
                       src={item.image}
                       width={1000}
                       height={1000}
@@ -155,7 +155,7 @@ const FoodCategory = () => {
                       .replace(/ /g, "-")}`}
                     className="flex h-80 w-full cursor-pointer flex-col gap-2"
                   >
-                    <Image
+                    <img
                       src={item.image}
                       width={1000}
                       height={1000}
diff --git a/website/components/ItemCard/SingleItem.tsx b/website/components/ItemCard/SingleItem.tsx
index 47f0ca6..17b8726 100644
--- a/website/components/ItemCard/SingleItem.tsx
+++ b/website/components/ItemCard/SingleItem.tsx
@@ -23,7 +23,7 @@ const SingleItem = ({ item }: { item: Item }) => {
               <source src={video} type="video/mp4" />
             </video>
           ) : (
-            <Image src={image} alt="item-image" fill className="object-cover" />
+            <img src={image} alt="item-image" fill className="object-cover" />
           )}
         </div>
         <div
diff --git a/website/components/YouMayLike/index.tsx b/website/components/YouMayLike/index.tsx
index e3d4ec6..3d15ee0 100644
--- a/website/components/YouMayLike/index.tsx
+++ b/website/components/YouMayLike/index.tsx
@@ -92,7 +92,7 @@ const YouMayLike = () => {
                   {item.images.map((data) => (
                     <div key={"image-" + data}>
                       <SwiperSlide>
-                        <Image
+                        <img
                           src={data}
                           width={1000}
                           height={1000}