diff --git a/.github/workflows/docker-publish.yml b/.github/workflows/docker-publish.yml
index 097436d..68957cf 100644
--- a/.github/workflows/docker-publish.yml
+++ b/.github/workflows/docker-publish.yml
@@ -16,6 +16,15 @@ jobs:
   build-service:
     runs-on: ubuntu-latest
     
+    env:
+      NEXT_PUBLIC_PRODUCTION: ${{ env.NEXT_PUBLIC_PRODUCTION }}
+      NEXT_PUBLIC_BASE_URL: ${{ env.NEXT_PUBLIC_BASE_URL }}
+      NEXT_PUBLIC_TESTNET: ${{ env.NEXT_PUBLIC_TESTNET }}
+      NEXT_PUBLIC_RPC_URL: ${{ env.NEXT_PUBLIC_RPC_URL }}
+      NEXT_PUBLIC_LOCAL_RPC_URL: ${{ env.NEXT_PUBLIC_LOCAL_RPC_URL }}
+      NEXT_PUBLIC_CONTRACT_ADDRESS: ${{ secrets.NEXT_PUBLIC_CONTRACT_ADDRESS }}
+      NEXT_PUBLIC_WETH_ADDRESS: ${{ secrets.NEXT_PUBLIC_WETH_ADDRESS }}
+
     steps:
       - name: Check Out Repo
         uses: actions/checkout@v2
diff --git a/context/NFTContext.js b/context/NFTContext.js
index b652de6..0b41d46 100644
--- a/context/NFTContext.js
+++ b/context/NFTContext.js
@@ -53,7 +53,6 @@ export const NFTProvider = ({ children }) => {
         if (token) {
           window.localStorage.setItem("userdata", JSON.stringify(response.data))
           window.localStorage.setItem("vendor", response.data.vendorId);
-          window.localStorage.setItem("token", response.data.token);
           setIsSigned(true);
           // window.location.href = "/";
         } else {
diff --git a/pages/nft-details.jsx b/pages/nft-details.jsx
index 3fae5ff..ae7b853 100644
--- a/pages/nft-details.jsx
+++ b/pages/nft-details.jsx
@@ -1,12 +1,10 @@
 import { useState, useEffect, useContext } from "react";
-import Image from "next/image";
 import { useRouter } from "next/router";
 import axios from "axios";
 
 import { NFTContext } from "../context/NFTContext";
 import { Loader, Button, Modal } from "../components";
 
-import images from "../assets";
 import { shortenAddress } from "../utils/shortenAddress";
 
 const calculateRentalCost = (nft, rentalPeriodInDays) => {
@@ -129,6 +127,7 @@ const NFTDetails = () => {
     sold: "",
     tokenId: "",
     tokenURI: "",
+    avatar:""
   });
   const router = useRouter();
   const [paymentModal, setPaymentModal] = useState(false);
@@ -163,6 +162,26 @@ const NFTDetails = () => {
     }
   }, [nft, nft.tokenId, userOf]);
 
+  const fetchNftOwnerDetails = async (address) =>{
+    try {
+      const res = await axios.get(`${API_BASE_URL}/api/address/vendorinfo/${address}`);
+      return res.data;
+    } catch (error) {
+      console.error("Error fetching user details:", error);
+    }
+  }
+
+  useEffect(() => {
+    if (nft.owner) {
+      fetchNftOwnerDetails(nft.owner.toLowerCase()).then((res) => {
+        console.log(res);
+        if(res && res.avatarurl){
+          setNft({...nft, avatar: res.avatarurl})
+        }
+      });
+    }
+  }, [nft.owner])
+
   const buyCheckout = async () => {
     try {
       console.log(currency);
@@ -228,7 +247,7 @@ const NFTDetails = () => {
     <div className="relative flex justify-center md:flex-col mb-10 pb-20">
       <div className="relative flex-1 flexCenter sm:px-0 p-0 border-r md:border-r-0 md:border-b dark:border-nft-black-1 border-nft-gray-1 ">
         <div className="relative  h- minmd:w-2/3 sm:w-full sm:h-300 h-100">
-          <div className="card m-auto text-gray-300 w-[clamp(400px,80%,10px)] hover:brightness-90 transition-all group bg-gradient-to-tl from-gray-900 to-gray-950 hover:from-gray-800 hover:to-gray-950 border-2 border-gray-900 m-4 rounded-lg overflow-hidden relative">
+          <div className="cardtext-gray-300 w-[clamp(400px,80%,10px)] hover:brightness-90 transition-all group bg-gradient-to-tl from-gray-900 to-gray-950 hover:from-gray-800 hover:to-gray-950 border-2 border-gray-900 m-4 rounded-lg overflow-hidden relative">
             <div className="px-8 py-8 mr-10 pr-20">
               <div className="bg-pink-500 w-10 h-10 rounded-full rounded-tl-none mb-4 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-pink-900 transition-all"></div>
               <div className="uppercase font-bold text-xl">{nft.name}</div>
@@ -270,8 +289,8 @@ const NFTDetails = () => {
           </p>
           <div className="flex flex-row items-center mt-3">
             <div className="relative w-12 h-12 minlg:w-20 minlg:h-20 mr-2">
-              <Image
-                src={images.creator1}
+              <img
+                src={nft.avatar ? nft.avatar : "https://vendorsprofile.s3.amazonaws.com/creator1.png"}
                 className="rounded-full"
               />
             </div>
@@ -423,7 +442,7 @@ const NFTDetails = () => {
           body={
             <div className="flexCenter flex-col text-center">
               <div className="relative w-87 h- minmd:w-2/3 sm:w-full sm:h-300 h-100">
-                <div className="card m-auto text-gray-300 w-[clamp(260px,80%,300px)] hover:brightness-90 transition-all group bg-gradient-to-tl from-gray-900 to-gray-950 hover:from-gray-800 hover:to-gray-950 border-2 border-gray-900 m-4 rounded-lg overflow-hidden relative">
+                <div className="card text-gray-300 w-[clamp(260px,80%,300px)] hover:brightness-90 transition-all group bg-gradient-to-tl from-gray-900 to-gray-950 hover:from-gray-800 hover:to-gray-950 border-2 border-gray-900 m-4 rounded-lg overflow-hidden relative">
                   <div className="px-8 py-10">
                     <div className="bg-pink-500 w-10 h-10 rounded-full rounded-tl-none mb-4 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-pink-900 transition-all"></div>
                     <div className="uppercase font-bold text-xl">
@@ -470,7 +489,7 @@ const NFTDetails = () => {
           body={
             <div className="flexCenter flex-col text-center">
               <div className="relative w-87 h- minmd:w-2/3 sm:w-full sm:h-300 h-100">
-                <div className="card m-auto text-gray-300 w-[clamp(260px,80%,300px)] hover:brightness-90 transition-all group bg-gradient-to-tl from-gray-900 to-gray-950 hover:from-gray-800 hover:to-gray-950 border-2 border-gray-900 m-4 rounded-lg overflow-hidden relative">
+                <div className="card text-gray-300 w-[clamp(260px,80%,300px)] hover:brightness-90 transition-all group bg-gradient-to-tl from-gray-900 to-gray-950 hover:from-gray-800 hover:to-gray-950 border-2 border-gray-900 m-4 rounded-lg overflow-hidden relative">
                   <div className="px-8 py-10">
                     <div className="bg-pink-500 w-10 h-10 rounded-full rounded-tl-none mb-4 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-pink-900 transition-all"></div>
                     <div className="uppercase font-bold text-xl">