fixed landing images

.env.production

@@ -0,0 +1 @@
+NEXTAUTH_URL="https://pantry-pilot-2.vercel.app/"

components/Hero.tsx

@@ -1,13 +1,22 @@
 "use client";
 import Link from "next/link";
 import { useState, FC } from "react";
-import Image from "next/image";
+import Image, { StaticImageData } from "next/image";
 import IngredientCard from "./IngredientCard";
 import burger from "@/public/hero/burger.webp";
+import bun from "@/public/hero/bun.webp";
+import beef from "@/public/hero/beef.webp";
+import lettuce from "@/public/hero/lettuce.webp";
+import tomato from "@/public/hero/tomato.webp";
+import onion from "@/public/hero/onion.webp";
+import cheese from "@/public/hero/cheese.webp";
+import egg from "@/public/hero/egg.webp";
+import oliveOil from "@/public/hero/olive_oil.webp";
+import ketchup from "@/public/hero/ketchup.webp";
 
 declare namespace HeroTypes {
   interface IngredientBoxProps {
-    src: string;
+    src: StaticImageData;
     alt: string;
   }
 
@@ -112,15 +121,15 @@ const ingData = {
 
 const Hero = () => {
   const ingredientImgPath = [
-    "/../public/hero/bun.webp",
-    "/../public/hero/beef.webp",
-    "/../public/hero/lettuce.webp",
-    "/../public/hero/tomato.webp",
-    "/../public/hero/onion.webp",
-    "/../public/hero/cheese.webp",
-    "/../public/hero/egg.webp",
-    "/../public/hero/olive_oil.webp",
-    "/../public/hero/ketchup.webp",
+    bun,
+    beef,
+    lettuce,
+    tomato,
+    onion,
+    cheese,
+    egg,
+    oliveOil,
+    ketchup,
   ];
 
   const buttons = [

components/IngredientCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { FC, useState } from "react";
-import Image from "next/image";
+import Image, { StaticImageData } from "next/image";
 
 interface IngredientProps {
   name: string;

components/ProductsServices.tsx

@@ -1,21 +1,24 @@
 import Image from "next/image";
+import rendang from "@/public/product/rendang.webp";
+import spaghetti from "@/public/product/spaghetti.webp";
+import foodBox from "@/public/product/foodbox.webp";
 
 const ProductsServices = () => {
   const products = [
     {
-      path: "/../public/product/rendang.webp",
+      path: rendang,
       title: "Local Recipes",
       content:
         "Experience the unique and delicious flavors of your with our collection of local recipes! Discover easy-to-follow recipes that will make mealtime a memorable experience for you and your loved ones.",
     },
     {
-      path: "/../public/product/spaghetti.webp",
+      path: spaghetti,
       title: "International Recipes",
       content:
         "Explore the world through your taste buds with our collection of international recipes! From classNameic French cuisine to spicy Indian curries, discover new and exciting flavors that will take your taste buds on a culinary journey.",
     },
     {
-      path: "/../public/product/foodbox.webp",
+      path: foodBox,
       title: "Food Order",
       content:
         "Try out new flavors from your favorite restaurants before cooking! Order from nearby restaurants and get delicious meals delivered straight to your door. Explore new cuisines with ease.",