logo and pictures update

Author: Dharmie18

client/app/asset/[id]/page.tsx

@@ -26,7 +26,7 @@ const assetDetails = {
     type: "Weapon",
     price: "2.5 STT",
     priceUsd: "$4,250",
-    image: "https://images.unsplash.com/photo-1614732414444-096e5f1122d5?w=1200&h=800&fit=crop",
+    image: "/katana.png",
     rarity: "Legendary",
     game: "CyberStrike",
     description: "A legendary cybernetic katana forged in the neon foundries of Neo-Tokyo. This weapon combines ancient samurai craftsmanship with cutting-edge plasma technology.",
@@ -93,7 +93,7 @@ export default function AssetDetailPage({ params }: { params: { id: string } })
 
     // Add to cart
     const cart = JSON.parse(localStorage.getItem('cart') || '[]')
-    const existingItem = cart.find((item: any) => item.id === asset.id)
+    const existingItem = cart.find((item: { id: number }) => item.id === asset.id)
 
     if (existingItem) {
       toast.info('Item already in cart')

client/app/dashboard/page.tsx

@@ -3,6 +3,7 @@
 import { useState } from 'react'
 import Navigation from '@/components/Navigation'
 import BubbleAnimation from '@/components/BubbleAnimation'
+import ProfileDialog from '@/components/ProfileDialog'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
@@ -31,13 +32,24 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { toast } from 'sonner'
 
-const userAssets = [
+interface Asset {
+  id: number
+  name: string
+  type: string
+  price: string
+  image: string
+  rarity: string
+  game: string
+  status: string
+}
+
+const userAssets: Asset[] = [
   {
     id: 1,
     name: "Cyber Katana X-7",
     type: "Weapon",
     price: "2.5 STT",
-    image: "https://images.unsplash.com/photo-1614732414444-096e5f1122d5?w=800&h=600&fit=crop",
+    image: "/katana.png",
     rarity: "Legendary",
     game: "CyberStrike",
     status: "Listed",
@@ -47,7 +59,7 @@ const userAssets = [
     name: "Quantum Armor Set",
     type: "Armor",
     price: "3.2 STT",
-    image: "https://images.unsplash.com/photo-1620121692029-d088224ddc74?w=800&h=600&fit=crop",
+    image: "/quantum armor suit.jpg",
     rarity: "Legendary",
     game: "QuantumWarriors",
     status: "Owned",
@@ -57,7 +69,7 @@ const userAssets = [
     name: "Lightning Strike Bow",
     type: "Weapon",
     price: "1.2 STT",
-    image: "https://images.unsplash.com/photo-1509396591411-549f5662ff5b?w=800&h=600&fit=crop",
+    image: "/Lightning Strike Bow.jpeg",
     rarity: "Rare",
     game: "ArcherLegends",
     status: "Owned",
@@ -122,6 +134,7 @@ export default function DashboardPage() {
   const [activeTab, setActiveTab] = useState("overview")
   const [aiAutoPricing, setAiAutoPricing] = useState(true)
   const [walletSafetyScore] = useState(94) // This would come from API
+  const [profileDialogOpen, setProfileDialogOpen] = useState(false)
 
   const handleAutoPricingToggle = (enabled: boolean) => {
     setAiAutoPricing(enabled)
@@ -175,7 +188,11 @@ export default function DashboardPage() {
             </div>
 
             <div className="flex gap-3">
-              <Button variant="outline" className="neon-border">
+              <Button
+                variant="outline"
+                className="neon-border"
+                onClick={() => setProfileDialogOpen(true)}
+              >
                 <Edit className="h-4 w-4 mr-2" />
                 Edit Profile
               </Button>
@@ -483,6 +500,11 @@ export default function DashboardPage() {
           </CardHeader>
         </Card>
       </div>
+
+      <ProfileDialog
+        open={profileDialogOpen}
+        onOpenChange={setProfileDialogOpen}
+      />
     </div>
   )
-}
+}

client/app/layout.tsx

@@ -5,6 +5,9 @@ import { Toaster } from 'sonner'
 export const metadata: Metadata = {
   title: 'Tavarn.AI',
   description: 'AI Trading Platform',
+  icons: {
+    icon: '/tavarnai-favicon-logo.png',
+  },
 }
 
 export default function RootLayout({

client/app/marketplace/page.tsx

@@ -13,13 +13,23 @@ import Link from 'next/link'
 import { toast } from 'sonner'
 import BubbleAnimation from '@/components/BubbleAnimation'
 
-const allAssets = [
+interface Asset {
+  id: number
+  name: string
+  type: string
+  price: string
+  image: string
+  rarity: string
+  game: string
+}
+
+const allAssets: Asset[] = [
   {
     id: 1,
     name: "Cyber Katana X-7",
     type: "Weapon",
     price: "2.5 STT",
-    image: "https://images.unsplash.com/photo-1614732414444-096e5f1122d5?w=800&h=600&fit=crop",
+    image: "/katana.png",
     rarity: "Legendary",
     game: "CyberStrike",
   },
@@ -28,7 +38,7 @@ const allAssets = [
     name: "Neon Dragon Skin",
     type: "Skin",
     price: "1.8 STT",
-    image: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&h=600&fit=crop",
+    image: "/neon dragon skin.jpeg",
     rarity: "Epic",
     game: "DragonVerse",
   },
@@ -37,7 +47,7 @@ const allAssets = [
     name: "Quantum Armor Set",
     type: "Armor",
     price: "3.2 STT",
-    image: "https://images.unsplash.com/photo-1620121692029-d088224ddc74?w=800&h=600&fit=crop",
+    image: "/quantum armor suit.jpg",
     rarity: "Legendary",
     game: "QuantumWarriors",
   },
@@ -46,7 +56,7 @@ const allAssets = [
     name: "Plasma Blaster Pro",
     type: "Weapon",
     price: "1.5 STT",
-    image: "https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=800&h=600&fit=crop",
+    image: "/Plasma Blaster Pro.jpeg",
     rarity: "Rare",
     game: "SpaceRaiders",
   },
@@ -55,7 +65,7 @@ const allAssets = [
     name: "Holographic Phoenix",
     type: "NFT",
     price: "4.0 STT",
-    image: "https://images.unsplash.com/photo-1634017839464-5c339ebe3cb4?w=800&h=600&fit=crop",
+    image: "/Holographic Phoenix.jpeg",
     rarity: "Mythic",
     game: "MetaRealms",
   },
@@ -64,7 +74,7 @@ const allAssets = [
     name: "Stealth Assassin Gear",
     type: "Outfit",
     price: "2.0 STT",
-    image: "https://images.unsplash.com/photo-1578632767115-351597cf2477?w=800&h=600&fit=crop",
+    image: "/Stealth Assassin Gear.jpeg",
     rarity: "Epic",
     game: "ShadowOps",
   },
@@ -73,7 +83,7 @@ const allAssets = [
     name: "Lightning Strike Bow",
     type: "Weapon",
     price: "1.2 STT",
-    image: "https://images.unsplash.com/photo-1509396591411-549f5662ff5b?w=800&h=600&fit=crop",
+    image: "/Lightning Strike Bow.jpeg",
     rarity: "Rare",
     game: "ArcherLegends",
   },
@@ -82,7 +92,7 @@ const allAssets = [
     name: "Cosmic Wings",
     type: "Accessory",
     price: "2.8 STT",
-    image: "https://images.unsplash.com/photo-1579546929518-9e396f3cc809?w=800&h=600&fit=crop",
+    image: "/Cosmic Wings.jpeg",
     rarity: "Epic",
     game: "SkyRealm",
   },
@@ -91,13 +101,13 @@ const allAssets = [
     name: "Inferno Blade",
     type: "Weapon",
     price: "3.5 STT",
-    image: "https://images.unsplash.com/photo-1588117305388-c2631a279f82?w=800&h=600&fit=crop",
+    image: "/inferno blade.jpeg",
     rarity: "Legendary",
     game: "FireWarriors",
   },
 ]
 
-const getRarityColor = (rarity) => {
+const getRarityColor = (rarity: string) => {
   switch (rarity) {
     case "Mythic":
       return "bg-gradient-to-r from-purple-500 to-pink-500"
@@ -118,22 +128,22 @@ export default function MarketplacePage() {
   const [selectedRarity, setSelectedRarity] = useState("all")
   const [sortBy, setSortBy] = useState("featured")
 
-  const addToCart = (asset) => {
+  const addToCart = (asset: Asset) => {
     const cart = JSON.parse(localStorage.getItem('cart') || '[]')
-    
+
     // Check if item already in cart
-    const existingItem = cart.find(item => item.id === asset.id)
+    const existingItem = cart.find((item: Asset) => item.id === asset.id)
     if (existingItem) {
       toast.info('Item already in cart!')
       return
     }
-    
+
     cart.push(asset)
     localStorage.setItem('cart', JSON.stringify(cart))
-    
+
     // Dispatch custom event for cart update
     window.dispatchEvent(new Event('cartUpdated'))
-    
+
     toast.success(`${asset.name} added to cart!`)
   }
 

client/components/Navigation.tsx

@@ -2,8 +2,9 @@
 
 import { useState, useEffect } from 'react'
 import Link from 'next/link'
+import Image from 'next/image'
 import { Button } from '@/components/ui/button'
-import { ShoppingBag, User, Wallet, Menu, X } from 'lucide-react'
+import { ShoppingBag, User, Wallet, Menu, X, Home } from 'lucide-react'
 import WalletConnectDialog from './WalletConnectDialog'
 import ProfileDialog from './ProfileDialog'
 import CartDrawer from './CartDrawer'
@@ -59,19 +60,14 @@ export default function Navigation() {
     <>
       <nav className="fixed top-0 left-0 right-0 z-50 glass-effect border-b border-primary/20">
         <div className="container mx-auto px-4 h-16 flex items-center justify-between">
-          <Link href="/" className="flex items-center space-x-2">
-            <div className="w-8 h-8 bg-gradient-to-br from-primary to-secondary rounded-lg flex items-center justify-center">
-              <span className="text-xl font-bold">T</span>
-            </div>
-            <span 
-              className="text-xl md:text-2xl font-bold" 
-              style={{ 
-                fontFamily: 'Rajdhani, sans-serif',
-                textShadow: '0 0 3px var(--neon-cyan), 0 0 6px var(--neon-cyan)'
-              }}
-            >
-              TAVARN.AI
-            </span>
+          <Link href="/" className="flex items-center">
+            <Image
+              src="/tavarnai-logo.png"
+              alt="Tavarn.AI Logo"
+              width={200}
+              height={64}
+              className="w-24 h-9 sm:w-32 sm:h-12 md:w-40 md:h-14 lg:w-48 lg:h-16 xl:w-56 xl:h-18"
+            />
           </Link>
 
           {/* Desktop Menu */}
@@ -92,6 +88,15 @@ export default function Navigation() {
 
           {/* Desktop Actions */}
           <div className="hidden md:flex items-center space-x-3 lg:space-x-4">
+            <Button
+              variant="ghost"
+              size="icon"
+              asChild
+            >
+              <Link href="/">
+                <Home className="h-5 w-5" />
+              </Link>
+            </Button>
             {walletConnected && walletAddress && (
               <div className="flex items-center space-x-2 px-3 py-1 glass-effect rounded-lg border border-primary/30">
                 <Wallet className="h-4 w-4 text-primary" />
@@ -132,9 +137,18 @@ export default function Navigation() {
 
           {/* Mobile Actions */}
           <div className="flex md:hidden items-center space-x-2">
-            <Button 
-              variant="ghost" 
-              size="icon" 
+            <Button
+              variant="ghost"
+              size="icon"
+              asChild
+            >
+              <Link href="/">
+                <Home className="h-5 w-5" />
+              </Link>
+            </Button>
+            <Button
+              variant="ghost"
+              size="icon"
               className="relative"
               onClick={() => setCartDrawerOpen(true)}
             >
@@ -145,15 +159,15 @@ export default function Navigation() {
                 </span>
               )}
             </Button>
-            <Button 
-              variant="ghost" 
+            <Button
+              variant="ghost"
               size="icon"
               onClick={() => setProfileDialogOpen(true)}
             >
               <User className="h-5 w-5" />
             </Button>
-            <Button 
-              variant="ghost" 
+            <Button
+              variant="ghost"
               size="icon"
               onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
             >