Changed profile image

components/ClipCard.jsx

@@ -16,7 +16,7 @@ export default function ClipCard({ NFT, isOnLandingPage }) {
   const formattedAddress = `${seller.charAt(0)}${seller.charAt(1)}${seller.charAt(2)}${seller.charAt(3)}....${seller.charAt(addressLength - 4)}${seller.charAt(addressLength - 3)}${seller.charAt(addressLength - 2)}${seller.charAt(addressLength - 1)}`
 
   return (
-    <div className={`bg-gray-light px-2 py-3 rounded-xl ${isOnLandingPage && 'w-1/3'}`}>
+    <div className={`bg-gray-light px-2 py-3 rounded-xl drop-shadow-lg ${isOnLandingPage && 'w-1/3'}`}>
       <div className='w-full h-40 relative'>
         {tag === 'Casual' ? <FaRegDotCircle className='text-blue text-xl z-10 top-1 left-0 absolute' /> : <FaRegDotCircle className='text-yellow text-xl z-10 top-1 left-0 absolute' />}
         <div className='z-0'>

pages/profile/index.js

@@ -7,7 +7,7 @@ import { AiOutlineYoutube } from 'react-icons/ai'
 import { FiTwitter, FiTwitch } from 'react-icons/fi'
 import { MdOutlineEdit } from 'react-icons/md'
 
-import logo from '../../public/recon.png'
+import pfp from '../../public/pfp.png'
 
 export default function Profile({ ownedNFTs, createdNFTs, soldNFTs, walletAddress }) {
   const [tab, setTab] = useState('owned')
@@ -64,10 +64,10 @@ const ProfileInfo = ({ walletAddress, totalOwned, totalCreated, totalSold }) =>
       <div className='p-2 flex flex-col items-center justify-evenly'>
         <div className='my-5 flex flex-col items-center justify-center'>
           <Image
-            className='mt-3 cursor-pointer bg-primary rounded-lg'
-            src={logo}
-            width={130}
-            height={40}
+            className='mt-3 cursor-pointer'
+            src={pfp}
+            width={115}
+            height={110}
           />
           <h6 className='mt-3 text-gray-mute font-semibold text-lg'>{walletAddress}</h6>
         </div>