Fixing missing image

Trying to use Next.js Image
- https://nextjs.org/docs/pages/building-your-application/optimizing/static-assets

components/Banner.tsx

@@ -1,4 +1,6 @@
 import React, { useEffect, useState } from 'react';
+
+import Image from 'next/image'
 import { Divider } from '@chakra-ui/react'
 import bannerConfig from '../common/config/banner';
 
@@ -87,7 +89,7 @@ const Banner: React.FC = () => {
           <div className="col-span-2 row-span-5 flex flex-col items-start p-4">
               {/* Logo */}
               <div className="flex items-center m-1">
-                 <img src={`${process.env.ASSET_PREFIX}/static/images/conjure-cp-logo.png`} alt="conjure-cp" className="w-16 h-16 " />
+                 <Image src={`/static/images/conjure-cp-logo.png`} alt="conjure-cp" className="w-16 h-16 " />
                   <div className="text-xl font-semibold ml-4">
                     <a href="https://github.com/conjure-cp" target="_blank" rel="noopener noreferrer" className="hover:underline">
                       conjure-cp