diff --git a/ngrok-v3-stable-linux-amd64.tgz.1 b/ngrok-v3-stable-linux-amd64.tgz.1
new file mode 100644
index 0000000..4dee14f
Binary files /dev/null and b/ngrok-v3-stable-linux-amd64.tgz.1 differ
diff --git a/packages/nextjs/app/login/page.tsx b/packages/nextjs/app/login/page.tsx
index 8e9970e..f60532f 100644
--- a/packages/nextjs/app/login/page.tsx
+++ b/packages/nextjs/app/login/page.tsx
@@ -12,7 +12,7 @@ const LoginPage = () => {
   const handleSignUp = () => {
     setIsLoading(true);
     // const localUrl = "http://localhost:3000";
-    const localUrl = "https://08de-14-195-142-82.ngrok-free.app"
+    const localUrl = "https://62a2-14-195-142-82.ngrok-free.app"
     window.location.href = `https://small-mouse-2759.arnabbhowmik019.workers.dev/google/auth?redirect_url=${encodeURIComponent(localUrl)}/`;
   };
 
diff --git a/packages/nextjs/components/ChatSearchBar.tsx b/packages/nextjs/components/ChatSearchBar.tsx
index 384959c..db84926 100644
--- a/packages/nextjs/components/ChatSearchBar.tsx
+++ b/packages/nextjs/components/ChatSearchBar.tsx
@@ -1,3 +1,308 @@
+// import { FC, useEffect, useState } from "react";
+// import { AnimatePresence, motion } from "framer-motion";
+// import { 
+//   SparklesIcon, 
+//   PaperAirplaneIcon, 
+//   TrophyIcon, 
+//   XMarkIcon, 
+//   VideoCameraIcon,
+//   GiftIcon 
+// } from "@heroicons/react/24/outline";
+// import { useAccount } from "wagmi";
+
+// interface Message {
+//   text: string;
+//   isUser: boolean;
+//   blockchainInsights?: any;
+//   isNFTMinted?: boolean;
+//   isTyping?: boolean;
+// }
+
+// const TypingIndicator = () => {
+//   <div className="flex space-x-2 p-3 bg-[#000001] rounded-xl max-w-[70%]">
+//     <div className="w-2 h-2 bg-[#11ce6f] rounded-full animate-bounce [animation-delay:-0.3s]"></div>
+//     <div className="w-2 h-2 bg-[#11ce6f] rounded-full animate-bounce [animation-delay:-0.15s]"></div>
+//     <div className="w-2 h-2 bg-[#11ce6f] rounded-full animate-bounce"></div>
+//   </div>
+// }
+
+// const ChatSearchBar: FC = () => {
+//   const [isChat, setIsChat] = useState(false);
+//   const [inputText, setInputText] = useState("");
+//   const [messages, setMessages] = useState<Message[]>([]);
+//   const [isLoading, setIsLoading] = useState(false);
+//   const [showCTA, setShowCTA] = useState(false);
+//   const [showNFTButton, setShowNFTButton] = useState(false);
+
+//   const { address } = useAccount();
+//   const stepCount = 2000;
+
+//   useEffect(() => {
+//     const timer = setTimeout(() => setShowCTA(true), 2000);
+//     return () => clearTimeout(timer);
+//   }, []);
+
+//   const dailyChallenges = `Today's Challenges 🏋️‍♂️:\n
+// 1. 10 Push-ups\n
+// 2. 20 Sit-ups\n
+// 3. 30 Jumping Jacks\n
+// 4. 1 minute Plank\n
+// 5. 20 Squats\n
+// Complete these exercises to earn exciting NFTS!! 
+// Just Upload your video to participate`;
+
+//   const handleDailyChallenges = () => {
+//     setIsChat(true);
+//     setShowCTA(false);
+//     setMessages([
+//       {
+//         text: dailyChallenges,
+//         isUser: false,
+//       },
+//     ]);
+//   };
+
+//   const handleViewNFT = () => {
+//     // Replace with your NFT marketplace URL
+//     window.open('http://localhost:3000/market', '_blank');
+//   };
+
+//   const handleSubmit = async (e: React.FormEvent) => {
+//     setInputText("");
+//     e.preventDefault();
+//     if (!inputText.trim() || isLoading) return;
+
+//     setIsLoading(true);
+//     setMessages(prev => [
+//       ...prev, 
+//       { text: inputText, isUser: true },
+//       { text: "", isUser: false, isTyping: true }
+//     ]);
+
+//     try {
+//       const imageUrls = [
+//         'https://walrus-ms.onrender.com/retrieve/PAnhlbndMMhGpbGYbJn24mbllXwYKXNzICe5oWACaYQ',
+//         'https://walrus-ms.onrender.com/retrieve/KQ7VGN23gif1in3I0wVETV6tiqtwBmLF1vla8GNauH8',
+//         'https://walrus-ms.onrender.com/retrieve/5I1DYglEocvcA0nX0uPClHEBFFxz4a7YspbtoeihcvI',
+//         'https://walrus-ms.onrender.com/retrieve/PQBo7gopc9yluoClAAVZo1OHEw9TZYEkG911WhlqWQ4',
+//         'https://walrus-ms.onrender.com/retrieve/CPLblXHG0sLkPIlK5vxWodC-jm_W8LsseymVgMle2sg'
+//       ];
+//       const randomImageUrl = imageUrls[Math.floor(Math.random() * imageUrls.length)];
+//       const enhancedInput = `${inputText}(my address=${address} & my steps=${stepCount}, USE ONLY IF NEDDED)`;
+//       const response = await fetch("https://0b91-14-195-142-82.ngrok-free.app/chat", {
+//         method: "POST",
+//         headers: {
+//           "Content-Type": "application/json",
+//         },
+//         body: JSON.stringify({ message: enhancedInput }),
+//       });
+
+//       if (!response.ok) throw new Error("Network response was not ok");
+
+//       const data = await response.json();
+//       const isNFTMinted = data.response.includes("NFT minted successfully");
+
+//       setMessages(prev => [
+//         ...prev,
+//         {
+//           text: data.response,
+//           isUser: false,
+//           blockchainInsights: data.blockchain_insights,
+//           isNFTMinted
+//         },
+//       ]);
+
+//       if (isNFTMinted) {
+//         setShowNFTButton(true);
+//       }
+
+//     } catch (error) {
+//       setMessages(prev => [...prev, { text: "Sorry, there was an error processing your request.", isUser: false }]);
+//     } finally {
+//       setIsLoading(false);
+//       setInputText("");
+//     }
+//   };
+
+//   const handleVideoUploadClick = () => {
+//     document.getElementById("video-upload-input")?.click();
+//   };
+
+//   const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
+//     const file = event.target.files?.[0];
+//     if (file) {
+//       const formData = new FormData();
+//       formData.append('file', file);
+//       formData.append('WalletAddress', address || '');
+//       formData.append('description', "Pushups rush!!");
+      
+//       const imageUrls = [
+//         'https://walrus-ms.onrender.com/retrieve/PAnhlbndMMhGpbGYbJn24mbllXwYKXNzICe5oWACaYQ',
+//         'https://walrus-ms.onrender.com/retrieve/KQ7VGN23gif1in3I0wVETV6tiqtwBmLF1vla8GNauH8',
+//         'https://walrus-ms.onrender.com/retrieve/5I1DYglEocvcA0nX0uPClHEBFFxz4a7YspbtoeihcvI'
+//       ];
+//       const randomImageUrl = imageUrls[Math.floor(Math.random() * imageUrls.length)];
+//       formData.append('image_url', randomImageUrl);
+
+//       setIsLoading(true);
+//       try {
+//         const response = await fetch('http://ai.thearnab.tech:5000/upload', {
+//           method: 'POST',
+//           body: formData,
+//         });
+
+//         if (!response.ok) {
+//           throw new Error('File upload failed');
+//         }
+//         console.log('File uploaded successfully');
+//       } catch (error) {
+//         console.error('Error uploading file:', error);
+//       } finally {
+//         setIsLoading(false);
+//       }
+//     }
+//   };
+
+//   return (
+//     <>
+//       <AnimatePresence mode="wait">
+//         {showCTA && !isChat && (
+//           <motion.div
+//             initial={{ opacity: 0, y: 20, scale: 0 }}
+//             animate={{ opacity: 1, y: 0, scale: 1 }}
+//             exit={{
+//               opacity: 0,
+//               scale: 0.5,
+//               y: 10,
+//               transition: {
+//                 duration: 0.2,
+//                 ease: "easeOut",
+//               },
+//             }}
+//             className="fixed bottom-24 left-4 z-50"
+//           >
+//             <motion.div
+//               animate={{
+//                 x: [0, 10, 0],
+//               }}
+//               transition={{
+//                 duration: 1.5,
+//                 repeat: Infinity,
+//               }}
+//               className="relative"
+//             >
+//               <div className="absolute inset-0 bg-[#11ce6f] rounded-xl blur-lg opacity-30"></div>
+//               <div className="relative bg-gradient-to-r from-[#000001] to-[#1a1a1a] p-3 rounded-xl border border-[#11ce6f]">
+//                 <button
+//                   onClick={() => setShowCTA(false)}
+//                   className="absolute -top-2 -right-2 p-1 rounded-full bg-[#1a1a1a] border border-[#11ce6f]
+//                      hover:bg-[#242424] transition-colors"
+//                 >
+//                   <XMarkIcon className="w-4 h-4 text-[#11ce6f]" />
+//                 </button>
+//                 <p className="text-[#11ce6f] text-sm font-bold whitespace-nowrap">Daily Challenge is here! 💪</p>
+//                 <div className="absolute bottom-[-20px] left-4 transform -translate-x-1/2">
+//                   <div className="w-0 h-0 border-l-[10px] border-l-transparent border-r-[10px] border-r-transparent border-t-[10px] border-[#11ce6f]"></div>
+//                 </div>
+//               </div>
+//             </motion.div>
+//           </motion.div>
+//         )}
+//       </AnimatePresence>
+
+//       <div className={`fixed bottom-0 left-0 right-0 transition-all duration-300 ease-in-out ${isChat ? "h-[90vh]" : "h-16"} bg-[#2d2c2e]`}>
+//         {isChat && (
+//           <div className="flex items-center justify-between p-4 border-b border-[#000001]">
+//             <h2 className="text-[#fbf8fe] font-medium">Chat Assistant</h2>
+//             <button onClick={() => setIsChat(false)} className="p-1 rounded-full hover:bg-[#000001] transition-colors">
+//               <XMarkIcon className="w-6 h-6 text-[#fbf8fe]" />
+//             </button>
+//           </div>
+//         )}
+
+//         <div className={`${isChat ? "flex" : "hidden"} flex-col h-[calc(90vh-128px)] overflow-y-auto p-4 gap-4`}>
+//           {messages.map((message, index) => (
+//             <div key={index} className={`flex ${message.isUser ? "justify-end" : "justify-start"}`}>
+//               <div className={`max-w-[70%] rounded-xl p-3 ${message.isUser ? "bg-[#11ce6f] text-[#fbf8fe]" : "bg-[#000001] text-[#fbf8fe]"}`}>
+//                 {message.text}
+//                 {message.isNFTMinted && (
+//                   <button
+//                     onClick={handleViewNFT}
+//                     className="mt-2 flex items-center gap-2 px-3 py-1.5 bg-[#11ce6f] rounded-lg hover:bg-opacity-90 transition-all"
+//                   >
+//                     <GiftIcon className="w-4 h-4" />
+//                     <span>View NFT</span>
+//                   </button>
+//                 )}
+//                 {message.blockchainInsights && (
+//                   <div className="mt-2 text-sm text-gray-400">
+//                     <p>Blockchain Insights:</p>
+//                     <pre>{JSON.stringify(message.blockchainInsights, null, 2)}</pre>
+//                   </div>
+//                 )}
+//               </div>
+//             </div>
+//           ))}
+//         </div>
+
+//         <div className="absolute bottom-0 left-0 right-0 p-4 bg-[#2d2c2e] border-t border-[#000001]">
+//           <form onSubmit={handleSubmit} className="flex items-center gap-4">
+//             <button
+//               type="button"
+//               onClick={handleDailyChallenges}
+//               className="p-2 rounded-xl bg-[#1a1a1a] hover:bg-[#242424] transition-colors
+//                        relative group flex items-center gap-2 min-w-[40px] justify-center
+//                        shadow-md hover:shadow-lg"
+//             >
+//               <TrophyIcon className="w-5 h-5 text-[#11ce6f]" />
+//               <div className="absolute inset-0 bg-[#11ce6f] rounded-xl opacity-0 group-hover:opacity-5 transition-opacity"></div>
+//             </button>
+
+//             <div className="relative flex-1">
+//               <input
+//                 type="text"
+//                 placeholder={isChat ? "Type a message..." : "Start onChain interaction.."}
+//                 value={inputText}
+//                 onChange={e => setInputText(e.target.value)}
+//                 onFocus={() => setIsChat(true)}
+//                 className="w-full px-4 py-2 rounded-xl bg-[#000001] text-[#fbf8fe] 
+//                 placeholder-[#a3a2a7] focus:outline-none focus:ring-2 focus:ring-[#11ce6f]"
+//                 disabled={isLoading}
+//               />
+//               {!isChat && (
+//                 <SparklesIcon className="absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-[#a3a2a7]" />
+//               )}
+//             </div>
+
+//             {isChat && (
+//               <div className="flex items-center space-x-2">
+//                 <button
+//                   type="button"
+//                   onClick={handleVideoUploadClick}
+//                   className="p-2 rounded-xl bg-[#11ce6f] text-[#fbf8fe] hover:opacity-90 transition-opacity"
+//                   disabled={isLoading}
+//                 >
+//                   <VideoCameraIcon className="w-5 h-5" />
+//                 </button>
+//                 <button
+//                   type="submit"
+//                   className="p-2 rounded-xl bg-[#11ce6f] text-[#fbf8fe] hover:opacity-90 transition-opacity"
+//                   disabled={isLoading}
+//                 >
+//                   {isLoading ? <span className="animate-spin">⌛</span> : <PaperAirplaneIcon className="w-5 h-5" />}
+//                 </button>
+//               </div>
+//             )}
+//             <input type="file" id="video-upload-input" accept="video/*" className="hidden" onChange={handleFileChange} />
+//           </form>
+//         </div>
+//       </div>
+//     </>
+//   );
+// };
+
+// export default ChatSearchBar;
+
 import { FC, useEffect, useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { 
@@ -15,8 +320,17 @@ interface Message {
   isUser: boolean;
   blockchainInsights?: any;
   isNFTMinted?: boolean;
+  isTyping?: boolean;
 }
 
+const TypingIndicator = () => (
+  <div className="flex space-x-2 p-3 bg-[#000001] rounded-xl max-w-[70%]">
+    <div className="w-2 h-2 bg-[#11ce6f] rounded-full animate-bounce [animation-delay:-0.3s]"></div>
+    <div className="w-2 h-2 bg-[#11ce6f] rounded-full animate-bounce [animation-delay:-0.15s]"></div>
+    <div className="w-2 h-2 bg-[#11ce6f] rounded-full animate-bounce"></div>
+  </div>
+);
+
 const ChatSearchBar: FC = () => {
   const [isChat, setIsChat] = useState(false);
   const [inputText, setInputText] = useState("");
@@ -54,8 +368,7 @@ Just Upload your video to participate`;
   };
 
   const handleViewNFT = () => {
-    // Replace with your NFT marketplace URL
-    window.open('https://your-nft-marketplace.com', '_blank');
+    window.open('http://localhost:3000/market', '_blank');
   };
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -64,11 +377,23 @@ Just Upload your video to participate`;
     if (!inputText.trim() || isLoading) return;
 
     setIsLoading(true);
-    setMessages(prev => [...prev, { text: inputText, isUser: true }]);
+    setMessages(prev => [
+      ...prev, 
+      { text: inputText, isUser: true },
+      { text: "", isUser: false, isTyping: true }
+    ]);
 
     try {
-      const enhancedInput = `${inputText}(my address=${address} my steps=${stepCount} USE ONLY IF RELEVENT)`;
-      const response = await fetch("http://ai.thearnab.tech:8000/chat", {
+      const imageUrls = [
+        'https://walrus-ms.onrender.com/retrieve/PAnhlbndMMhGpbGYbJn24mbllXwYKXNzICe5oWACaYQ',
+        'https://walrus-ms.onrender.com/retrieve/KQ7VGN23gif1in3I0wVETV6tiqtwBmLF1vla8GNauH8',
+        'https://walrus-ms.onrender.com/retrieve/5I1DYglEocvcA0nX0uPClHEBFFxz4a7YspbtoeihcvI',
+        'https://walrus-ms.onrender.com/retrieve/PQBo7gopc9yluoClAAVZo1OHEw9TZYEkG911WhlqWQ4',
+        'https://walrus-ms.onrender.com/retrieve/CPLblXHG0sLkPIlK5vxWodC-jm_W8LsseymVgMle2sg'
+      ];
+      const randomImageUrl = imageUrls[Math.floor(Math.random() * imageUrls.length)];
+      const enhancedInput = `${inputText}(my address=${address} & my steps=${stepCount}, USE ONLY IF NEDDED)`;
+      const response = await fetch("https://0b91-14-195-142-82.ngrok-free.app/chat", {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -81,29 +406,34 @@ Just Upload your video to participate`;
       const data = await response.json();
       const isNFTMinted = data.response.includes("NFT minted successfully");
 
-      setMessages(prev => [
-        ...prev,
-        {
+      setMessages(prev => prev
+        .filter(msg => !msg.isTyping)
+        .concat({
           text: data.response,
           isUser: false,
           blockchainInsights: data.blockchain_insights,
           isNFTMinted
-        },
-      ]);
+        })
+      );
 
       if (isNFTMinted) {
         setShowNFTButton(true);
       }
 
     } catch (error) {
-      setMessages(prev => [...prev, { text: "Sorry, there was an error processing your request.", isUser: false }]);
+      setMessages(prev => prev
+        .filter(msg => !msg.isTyping)
+        .concat({ 
+          text: "Sorry, there was an error processing your request.", 
+          isUser: false 
+        })
+      );
     } finally {
       setIsLoading(false);
       setInputText("");
     }
   };
-
-  const handleVideoUploadClick = () => {
+    const handleVideoUploadClick = () => {
     document.getElementById("video-upload-input")?.click();
   };
 
@@ -202,24 +532,28 @@ Just Upload your video to participate`;
         <div className={`${isChat ? "flex" : "hidden"} flex-col h-[calc(90vh-128px)] overflow-y-auto p-4 gap-4`}>
           {messages.map((message, index) => (
             <div key={index} className={`flex ${message.isUser ? "justify-end" : "justify-start"}`}>
-              <div className={`max-w-[70%] rounded-xl p-3 ${message.isUser ? "bg-[#11ce6f] text-[#fbf8fe]" : "bg-[#000001] text-[#fbf8fe]"}`}>
-                {message.text}
-                {message.isNFTMinted && (
-                  <button
-                    onClick={handleViewNFT}
-                    className="mt-2 flex items-center gap-2 px-3 py-1.5 bg-[#11ce6f] rounded-lg hover:bg-opacity-90 transition-all"
-                  >
-                    <GiftIcon className="w-4 h-4" />
-                    <span>View NFT</span>
-                  </button>
-                )}
-                {message.blockchainInsights && (
-                  <div className="mt-2 text-sm text-gray-400">
-                    <p>Blockchain Insights:</p>
-                    <pre>{JSON.stringify(message.blockchainInsights, null, 2)}</pre>
-                  </div>
-                )}
-              </div>
+              {message.isTyping ? (
+                <TypingIndicator />
+              ) : (
+                <div className={`max-w-[70%] rounded-xl p-3 ${message.isUser ? "bg-[#11ce6f] text-[#fbf8fe]" : "bg-[#000001] text-[#fbf8fe]"}`}>
+                  {message.text}
+                  {message.isNFTMinted && (
+                    <button
+                      onClick={handleViewNFT}
+                      className="mt-2 flex items-center gap-2 px-3 py-1.5 bg-[#11ce6f] rounded-lg hover:bg-opacity-90 transition-all"
+                    >
+                      <GiftIcon className="w-4 h-4" />
+                      <span>View NFT</span>
+                    </button>
+                  )}
+                  {message.blockchainInsights && (
+                    <div className="mt-2 text-sm text-gray-400">
+                      <p>Blockchain Insights:</p>
+                      <pre>{JSON.stringify(message.blockchainInsights, null, 2)}</pre>
+                    </div>
+                  )}
+                </div>
+              )}
             </div>
           ))}
         </div>
diff --git a/packages/nextjs/components/NewHeader.tsx b/packages/nextjs/components/NewHeader.tsx
index 1398436..24ea568 100644
--- a/packages/nextjs/components/NewHeader.tsx
+++ b/packages/nextjs/components/NewHeader.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import Image from "next/image";
 import "./Header.css";
 import { ConnectButton } from "@rainbow-me/rainbowkit";
+import { useRouter } from "next/navigation";
 
 interface Chain {
     hasIcon: boolean;
@@ -24,6 +25,13 @@ interface CustomConnectButtonProps {
 }
 
 export const NewHeader = () => {
+
+    const router = useRouter();
+
+    const handleLogoClick = () => {
+        router.push("/market");
+    };
+
     return (
         <div className="header-container p-3 flex justify-between items-center relative z-[100]">
             {/* Left side - Logo */}
@@ -34,6 +42,7 @@ export const NewHeader = () => {
                     width={70}
                     height={70}
                     className="rounded-full"
+                    onClick={()=>handleLogoClick}
                 />
             </div>
 
diff --git a/packages/nextjs/public/logo.svg b/packages/nextjs/public/logo.svg
deleted file mode 100644
index 93e4b40..0000000
--- a/packages/nextjs/public/logo.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="103" height="102" viewBox="0 0 103 102" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.72229" y="0.99707" width="101.901" height="100.925" rx="19.6606" fill="black"/>
-<path d="M69.4149 42.5046L70.9118 39.812L72.5438 42.5046L83.0241 59.1906L70.9533 65.9361L59.1193 59.1906L69.4149 42.5046Z" fill="white"/>
-<path d="M70.9533 69.2496L60.6577 63.6876L70.9533 79.0719L81.184 63.4985L70.9533 69.2496Z" fill="white"/>
-<path d="M70.953 65.9259V41.8533V39.8499L83.063 59.1785L70.953 65.9259Z" fill="#DFDFDF"/>
-<path d="M70.9617 79.0499L71.0409 69.2969L81.2062 63.4629L70.9617 79.0499Z" fill="#DFDFDF"/>
-<path d="M34.409 21.6931V24.6125H34.4132L34.4124 27.747H26.8093L26.8093 27.7566H25.5383L21.3839 36.4914H34.4135V39.9723H34.4091L34.4135 69.4549C34.4135 73.5268 31.1126 76.8277 27.0408 76.8277H24.7346L19.8064 84.0772H62.4172L57.3539 76.8277H51.7795C47.7076 76.8277 44.4067 73.5268 44.4067 69.4549L44.4024 43.665C44.5071 39.7076 47.7304 36.5273 51.7046 36.4914H79.5481L74.6584 27.7566H53.6021L53.6021 27.747L44.3987 27.7469L44.3994 24.6125H44.4022V18.3245L34.409 21.6931Z" fill="white"/>
-<path d="M39.882 19.8517V76.5496C39.9731 74.9642 41.0475 70.8554 44.3648 69.1027V50.8665L44.4703 50.8998V43.8309C44.4703 39.7591 47.7712 36.4582 51.843 36.4582H79.5812L76.9508 31.8656H49.9083C46.1286 31.8656 44.3648 34.556 44.3648 34.556L44.4435 18.3066L39.882 19.8517Z" fill="#DFDFDF"/>
-<path d="M23.622 31.7927L21.3295 36.5083H34.4247V31.7927H23.622Z" fill="#DFDFDF"/>
-</svg>