diff --git a/assets/images/webp/expb-case.webp b/assets/images/webp/expb-case.webp
new file mode 100644
index 0000000..8d25ab8
Binary files /dev/null and b/assets/images/webp/expb-case.webp differ
diff --git a/assets/images/webp/giddy-case.webp b/assets/images/webp/giddy-case.webp
new file mode 100644
index 0000000..aef928d
Binary files /dev/null and b/assets/images/webp/giddy-case.webp differ
diff --git a/assets/images/webp/giddys-shop-wide-follow.webp b/assets/images/webp/giddys-shop-wide-follow.webp
new file mode 100644
index 0000000..b936119
Binary files /dev/null and b/assets/images/webp/giddys-shop-wide-follow.webp differ
diff --git a/cashlinks.html b/cashlinks.html
index 0a6ec5e..6f23b9b 100644
--- a/cashlinks.html
+++ b/cashlinks.html
@@ -83,6 +83,9 @@
 	<!-- JavaScript Libraries -->
 	<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
 
+	<!-- Tailwind CSS -->
+	<script src="https://cdn.tailwindcss.com"></script>
+
 	<!-- Meta Language -->
 	<meta http-equiv='content-language' content='en-gb'>
 
@@ -157,6 +160,34 @@
 		<!-- Main -->
 		<div id="main">
 
+			<div
+				class="relative flex items-center justify-between px-6 pt-5 pb-4 border-b border-purple-700 bg-gradient-to-r from-purple-950 to-black">
+
+				<div class="flex items-center gap-4 z-10">
+
+					<div onclick="window.location.href='/cashlinks-updater.html'"
+						class="flex bg-gradient-to-r from-purple-600 to-pink-500 text-white text-sm font-bold px-5 py-2.5 rounded-3xl items-center gap-2 cursor-pointer shadow-lg hover:shadow-xl transition-all">
+						<span class="text-xl">🔐</span>
+						Admin Panel
+					</div>
+
+				</div>
+
+				<h1
+					class="hidden md:block absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-3xl font-bold tracking-tight text-white pointer-events-none">
+					Digital Gifts
+				</h1>
+
+
+				<div class="flex items-center gap-5 z-10">
+					<i
+						class="fa-solid fa-bell text-2xl text-white/80 hover:text-white cursor-pointer transition-colors"></i>
+					<div onclick="showProfile()"
+						class="w-10 h-10 bg-purple-300 rounded-full flex items-center justify-center text-black font-bold cursor-pointer hover:bg-purple-200 transition-colors">
+						👤</div>
+				</div>
+			</div>
+
 			<!-- Scrolling Ad Banner -->
 			<div id="expb-ball" class="ad-banner-wrapper">
 				<div class="ad-scroll-container">
@@ -218,7 +249,7 @@ <h1 class="center-aligned header-tight classy-font">
 					<!-- Cash Links Section -->
 					<section id="cashlinks" class="cashlinks-section">
 						<header class="major">
-							<h2>Digital Gifts</h2>
+							<h2>Cash Links</h2>
 							<p><a href="../explore.html">Wallets & Apps</a> > <a href="../pages/kinnected.html">Get
 									Kinnected!</a> > <b>Cash Links</b></p>
 							<p>Never miss an opportunity to claim your digital gifts, redeemable in Kinnected!</p>
@@ -288,7 +319,7 @@ <h3>${token.title}</h3>
 											}
 										}, 150);
 									}
-									
+
 								} catch (err) {
 									console.error(err);
 									container.innerHTML = `
@@ -541,8 +572,8 @@ <h2>Select a Token</h2>
 			<div class="nav-item" onclick="window.location.href='../game/app-play.html'">
 				<i class="fas fa-gamepad"></i>Play Blinko!
 			</div>
-			<div class="nav-item" onclick="window.location.href='../bouncyball.html'">
-				<i class="fas fa-wallet"></i>Tokens
+			<div class="nav-item" onclick="window.location.href='../wallet.html'">
+				<i class="fas fa-wallet"></i>Wallet
 			</div>
 			<div class="nav-item" id="navPanelTrigger">
 				<i class="fas fa-bars"></i> Menu
diff --git a/wallet.html b/wallet.html
index acd956a..54c8515 100644
--- a/wallet.html
+++ b/wallet.html
@@ -1,131 +1,138 @@
 <!DOCTYPE HTML>
 <html lang="en-GB">
-<!--Massively by HTML5 UP | html5up.net | @ajlkn
-    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)-->
 
 <head>
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3KX9VK5CCH"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-        gtag('config', 'G-3KX9VK5CCH');
-    </script>
-
-    <!-- JSON -->
-    <script type="application/ld+json">
-    {
-      "@context": "https://schema.org",
-      "@type": "Organization",
-      "name": "OFiDCrypt",
-      "url": "https://www.ofidcrypt.com",
-      "logo": [
-        "https://www.ofidcrypt.com/assets/images/ofid-logo-saturn01.png",
-        "https://www.ofidcrypt.com/assets/images/webp/bg-ofid-giddys.webp"
-      ],
-      "sameAs": [
-        "https://x.com/OFiDCrypt",
-        "https://x.com/Giddys_CA",
-        "https://youtube.com/@OFiDCrypt",
-        "https://www.tiktok.com/@Giddys_CA",
-        "https://www.facebook.com/OFiDCrypt",
-        "https://linkedin.com/company/OFiDCrypt",
-        "https://www.instagram.com/OFiDCrypt"
-      ]
-    }
-    </script>
-
-    <!-- Meta Description (for SEO) -->
-    <title>Giddy's Key | Wallet</title>
+    <title>Giddy Key | Wallet</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="description"
-        content="Giddy's Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies. Redeem links, swap tokens, view balances, and access Giddy's Shop.">
-    <meta name="keywords"
-        content="wallet, Giddy's Key, $GIDDY, $eXPB, Solana wallet, crypto wallet, bouncy ball, stablecoin, OFiDCrypt, Web3, redemption links">
-    <meta name="author" content="Tokin">
-
-    <!-- Open Graph Meta Tags -->
-    <meta property="og:title" content="Giddy's Key | Wallet">
-    <meta property="og:description"
-        content="Giddy's Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies. Redeem links, swap tokens, view balances, and access Giddy's Shop.">
-    <meta property="og:image" content="https://www.ofidcrypt.com/assets/images/webp/digital-gift-toy-poster.webp">
-    <meta property="og:url" content="https://www.ofidcrypt.com/wallet.html">
-    <meta property="og:type" content="website">
-
-    <!-- Twitter Card Meta Tags -->
-    <meta name="twitter:card" content="summary_large_image">
-    <meta name="twitter:title" content="Giddy's Key | Wallet">
-    <meta name="twitter:description"
-        content="Giddy's Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies. Redeem links, swap tokens, view balances, and access Giddy's Shop.">
-    <meta name="twitter:image" content="https://www.ofidcrypt.com/assets/images/webp/digital-gift-toy-poster.webp">
-    <meta name="twitter:url" content="https://www.ofidcrypt.com/wallet.html">
-
-    <!-- Default ICO file with multiple sizes -->
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
-
-    <!-- Specific PNG sizes for modern browsers -->
-    <link rel="icon" type="image/png" sizes="1280x1280" href="/favicon.png">
-
-    <!-- Default Apple-Touch-Icon sizes -->
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-
-    <!-- Canonical Preferred URL -->
-    <link rel="canonical" href="https://www.ofidcrypt.com/wallet.html">
-
-    <!-- Stylesheets -->
+        content="Giddy Key Wallet — your personal Solana wallet for $GIDDY, $eXPB Bouncy Ball, and local currencies.">
+
     <link rel="stylesheet" href="/assets/css/main.css">
     <noscript>
         <link rel="stylesheet" href="/assets/css/noscript.css">
     </noscript>
-
-    <!-- Font Awesome for icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
-
-    <!-- Tailwind for the dashboard (keeps it consistent with modern mobile look) -->
     <script src="https://cdn.tailwindcss.com"></script>
 
-    <!-- Meta Language -->
-    <meta http-equiv='content-language' content='en-gb'>
-
     <style>
-        /* Dashboard-specific overrides to match your screenshot exactly */
-        body { background: linear-gradient(to bottom, #1e0533, #000000); color: white; }
-        .card { background: rgba(30, 5, 51, 0.95); border: 1px solid #6b21a8; border-radius: 1.5rem; }
-        .token-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.2); }
+        body {
+            background: linear-gradient(to bottom, #1e0533, #000000);
+            color: white;
+        }
 
-        /* Match the purple theme from your screenshot */
-        .local-currencies h2 { color: white; font-size: 2.25rem; font-weight: 700; }
+        .card {
+            background: rgba(30, 5, 51, 0.95);
+            border: 1px solid #6b21a8;
+            border-radius: 1.5rem;
+        }
+
+        .token-card:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.2);
+        }
 
-        /* Fade-in for consistency with your existing site */
         .fade-in {
             opacity: 0;
             transform: translateY(20px);
             transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
         }
-        .fade-in.visible { opacity: 1; transform: translateY(0); }
+
+        .fade-in.visible {
+            opacity: 1;
+            transform: translateY(0);
+        }
+
+        .card-content {
+            text-align: left;
+        }
+
+        .token-icon {
+            width: 72px;
+            height: 72px;
+            object-fit: contain;
+        }
+
+        @media (min-width: 768px) {
+            .token-icon {
+                width: 96px;
+                height: 96px;
+            }
+        }
+
+        .back-btn {
+            color: #ffffff;
+            font-size: 2.25rem;
+            padding-left: 12px;
+            padding-right: 12px;
+        }
+
+        /* Mobile Floating Bubble - fixed position so it stays on scroll */
+        .mobile-claim {
+            display: none;
+            position: fixed;
+            bottom: 100px;
+            right: 20px;
+            z-index: 100;
+        }
+
+        @media (max-width: 767px) {
+            .mobile-claim {
+                display: flex;
+            }
+        }
+
+        #mobileClaimBubble {
+            position: fixed;
+            right: 15px;
+            bottom: calc(73px + env(safe-area-inset-bottom));
+            z-index: 999999;
+            display: flex;
+            align-items: center;
+        }
+
+        /* Remove border + outline from the close button */
+        #mobileClaimBubble .close-btn {
+            border: none;
+            outline: none;
+            background: transparent;
+            box-shadow: none;
+            -webkit-tap-highlight-color: transparent;
+        }
+
+        .mobile-claim {
+            display: none;
+        }
+
+        @media (max-width: 767px) {
+            .mobile-claim {
+                display: flex;
+            }
+        }
+
+        /* Hide mobile claim bubble on desktop only */
+        @media (min-width: 768px) {
+            #mobileClaimBubble {
+                display: none !important;
+            }
+        }
     </style>
 </head>
 
 <body class="is-preload">
 
-    <!-- Wrapper -->
     <div id="wrapper" class="fade-in">
 
-        <!-- Header Subpage (same as your shop) -->
         <header class="header-subpage">
             <a href="/index.html">
-                <img src="/assets/images/webp/giddys-shop-tile-rnd.webp" alt="Giddy's Key Logo" class="logo">
+                <img src="/assets/images/webp/giddys-shop-tile-rnd.webp" alt="Giddy's Key" class="logo">
             </a>
         </header>
 
-        <!-- Dark Mode Toggle (keep your existing) -->
         <a href="#darkModePanel" id="darkModeToggle" class="alt">
             <i class="fas fa-sun"></i>
         </a>
 
-        <!-- Nav (same as shop) -->
         <nav id="nav">
             <ul class="links">
                 <li><a href="index.html">Home</a></li>
@@ -135,107 +142,112 @@
                 <li><a href="cashlinks.html">Digital Gifts</a></li>
             </ul>
 
-            <!-- Social Brands (same as shop) -->
             <ul class="icons top-icons">
-                <li class="top-toggle">
-                    <a href="#" aria-label="Dark-Light Desktop Toggle Button">
-                        <img src="/assets/images/darklight-toggle01.svg" alt="Dark-Light Desktop Toggle Button" class="custom-site-icon">
-                    </a>
-                </li>
-                <li class="top-hvr">
-                    <a href="https://www.ofidcrypt.ca" aria-label="Hvr">
-                        <img src="/assets/images/hvr-logo01.svg" alt="Hvr Logo" class="custom-site-icon">
-                    </a>
-                </li>
+                <li class="top-hvr"><a href="https://www.ofidcrypt.ca" aria-label="Hvr"><img
+                            src="/assets/images/hvr-logo01.svg" alt="Hvr Logo" class="custom-site-icon"></a></li>
             </ul>
             <ul class="icons">
-                <li><a href="https://x.com/OFiDCrypt" class="icon brands fa-x-twitter"><span class="label">X</span></a></li>
-                <li><a href="https://youtube.com/@OFiDCrypt" class="icon brands fa-youtube"><span class="label">YouTube</span></a></li>
-                <li><a href="https://www.tiktok.com/@Giddys_CA" class="icon brands alt fa-tiktok"><span class="label">TikTok</span></a></li>
-                <li><a href="https://www.facebook.com/OFiDCrypt" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
-                <li><a href="https://linkedin.com/company/OFiDCrypt" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
+                <li><a href="https://x.com/OFiDCrypt" class="icon brands fa-x-twitter"><span class="label">X</span></a>
+                </li>
+                <li><a href="https://youtube.com/@OFiDCrypt" class="icon brands fa-youtube"><span
+                            class="label">YouTube</span></a></li>
+                <li><a href="https://www.tiktok.com/@Giddys_CA" class="icon brands alt fa-tiktok"><span
+                            class="label">TikTok</span></a></li>
+                <li><a href="https://www.facebook.com/OFiDCrypt" class="icon brands alt fa-facebook-f"><span
+                            class="label">Facebook</span></a></li>
+                <li><a href="https://linkedin.com/company/OFiDCrypt" class="icon brands alt fa-linkedin"><span
+                            class="label">LinkedIn</span></a></li>
             </ul>
 
-            <ul class="footer-links">
-                <li class="footer-info-link"><a href="#copyright">Docs | About | Partners | Compliance</a></li>
-            </ul>
         </nav>
 
-        <!-- Main Content – THIS IS THE NEW DASHBOARD -->
         <div id="main">
 
-            <!-- Top Bar (exactly matches your screenshot) -->
-            <div class="flex items-center justify-between px-4 pt-4 border-b border-purple-800">
-                <div class="flex items-center gap-3">
-                    <button onclick="history.back()" class="text-3xl">←</button>
-                    <h1 class="text-3xl font-bold tracking-tight">Giddy's Key</h1>
+            <div
+                class="relative flex items-center justify-between px-6 pt-5 pb-4 border-b border-purple-700 bg-gradient-to-r from-purple-950 to-black">
+
+                <div class="flex items-center gap-4 z-10">
+                    <button onclick="history.back()" class="back-btn">
+                        <i class="fas fa-arrow-left"></i>
+                    </button>
+
+                    <div onclick="claimBonus()"
+                        class="hidden md:flex bg-gradient-to-r from-purple-600 to-pink-500 text-white text-sm font-bold px-5 py-2.5 rounded-3xl items-center gap-2 cursor-pointer shadow-lg hover:shadow-xl transition-all">
+                        <span class="text-xl">🎁</span>
+                        Claim $GIDDY
+                    </div>
                 </div>
-                <div class="flex items-center gap-5">
-                    <i class="fa-solid fa-bell text-2xl"></i>
-                    <div onclick="showProfile()" class="w-9 h-9 bg-purple-300 rounded-full flex items-center justify-center text-black font-bold cursor-pointer">👤</div>
+
+                <h1
+                    class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-3xl font-bold tracking-tight text-white pointer-events-none">
+                    Giddy Key Wallet
+                </h1>
+
+                <div class="flex items-center gap-5 z-10">
+                    <i
+                        class="fa-solid fa-bell text-2xl text-white/80 hover:text-white cursor-pointer transition-colors"></i>
+                    <div onclick="showProfile()"
+                        class="w-10 h-10 bg-purple-300 rounded-full flex items-center justify-center text-black font-bold cursor-pointer hover:bg-purple-200 transition-colors">
+                        👤</div>
                 </div>
             </div>
 
             <div class="px-4 pt-2 pb-8">
-                <h2 class="local-currencies text-4xl font-bold mb-6">Local Currencies</h2>
+                <h2 class="text-4xl font-bold mt-6 mb-6"></h2>
 
-                <!-- Two Main Token Cards (exact match to screenshot) -->
                 <div class="grid grid-cols-2 gap-4 mb-8">
-                    <!-- $eXPB -->
                     <div onclick="goToToken('expb')" class="card p-5 cursor-pointer token-card fade-in">
                         <div class="flex justify-between items-start">
-                            <div>
+                            <div class="card-content flex-1">
                                 <span class="uppercase text-xs tracking-widest text-purple-300">DYNAMIC TOKEN</span>
                                 <div class="text-3xl font-bold mt-1">$eXPB</div>
                                 <div class="text-lg">BOUNCY BALL</div>
                             </div>
-                            <div class="w-14 h-14 bg-gradient-to-br from-purple-400 to-blue-500 rounded-2xl flex items-center justify-center text-3xl">🔮</div>
+                            <img src="/assets/images/webp/expb-case.webp" alt="eXPB" class="token-icon">
                         </div>
-                        <div class="mt-8">
+                        <div class="mt-8 card-content">
                             <div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
                             <div class="text-4xl font-bold">$1.00 CAD</div>
-                            <div class="text-green-400 flex items-center gap-1 text-sm mt-1">+0.05% <span class="text-zinc-500">Today</span></div>
+                            <div class="text-green-400 text-sm">+0.05% Today</div>
                         </div>
                         <div class="text-purple-400 text-sm mt-6 flex items-center gap-1">Token Price Details →</div>
                     </div>
 
-                    <!-- $GIDDY -->
                     <div onclick="goToToken('giddy')" class="card p-5 cursor-pointer token-card fade-in">
                         <div class="flex justify-between items-start">
-                            <div>
+                            <div class="card-content flex-1">
                                 <span class="uppercase text-xs tracking-widest text-purple-300">STABLE TOKEN</span>
                                 <div class="text-3xl font-bold mt-1">$GIDDY</div>
                                 <div class="text-lg">GIDDY DOLLAR</div>
                             </div>
-                            <div class="w-14 h-14 bg-yellow-500 rounded-2xl flex items-center justify-center text-3xl font-bold">G</div>
+                            <img src="/assets/images/webp/giddy-case.webp" alt="GIDDY" class="token-icon">
                         </div>
-                        <div class="mt-8">
+                        <div class="mt-8 card-content">
                             <div class="text-xs uppercase text-zinc-400">YOUR VALUE</div>
                             <div class="text-4xl font-bold">$0.68 CAD</div>
-                            <div class="text-zinc-400 flex items-center gap-1 text-sm mt-1">0.00% <span class="text-zinc-500">Today</span></div>
+                            <div class="text-zinc-400 text-sm">0.00% Today</div>
                         </div>
                         <div class="text-purple-400 text-sm mt-6 flex items-center gap-1">Token Price Details →</div>
                     </div>
                 </div>
 
-                <!-- Giddy's Shop Banner (exact match) -->
                 <div onclick="goToShop()" class="relative rounded-3xl overflow-hidden mb-8 cursor-pointer fade-in">
-                    <img src="/assets/images/webp/bg-ofid-giddys.webp" alt="Giddy's Shop" class="w-full h-52 object-cover">
+                    <img src="/assets/images/webp/giddys-shop-wide-follow.webp" alt="Giddy's Shop"
+                        class="w-full h-52 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-transparent"></div>
                     <div class="absolute bottom-6 left-6 right-6">
-                        <div class="text-3xl font-bold">Giddy's SHOP</div>
-                        <button class="mt-4 w-full bg-purple-600 hover:bg-purple-500 py-4 rounded-2xl font-semibold text-lg">Visit Store</button>
+                        <button
+                            class="mt-4 w-full bg-purple-600 hover:bg-purple-500 py-3 rounded-2xl font-semibold text-lg text-center">Visit
+                            Store</button>
                     </div>
                 </div>
 
-                <!-- Location Bar -->
                 <div class="flex items-center justify-between bg-zinc-900/80 rounded-3xl px-6 py-3 mb-8 text-sm">
                     <span>Kelowna BC Canada</span>
                     <img src="https://flagcdn.com/w40/ca.png" alt="Canada" class="h-5">
                 </div>
 
-                <!-- Minty Card (exact match) -->
-                <div class="card p-5 fade-in">
+                <div class="card p-5 fade-in mb-12">
                     <div class="flex justify-between items-start">
                         <div class="flex items-center gap-3">
                             <div class="text-4xl">🌿</div>
@@ -250,10 +262,11 @@ <h2 class="local-currencies text-4xl font-bold mb-6">Local Currencies</h2>
                             <div class="text-green-400 text-sm">+0.01% Today</div>
                         </div>
                     </div>
-
                     <div class="flex justify-center gap-8 mt-8">
-                        <button onclick="buyMinty()" class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full flex items-center justify-center text-4xl shadow-lg">＋</button>
-                        <button onclick="sellMinty()" class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full flex items-center justify-center text-4xl shadow-lg">－</button>
+                        <button onclick="buyMinty()"
+                            class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full text-4xl">＋</button>
+                        <button onclick="sellMinty()"
+                            class="w-20 h-20 bg-purple-600 hover:bg-purple-500 rounded-full text-4xl">－</button>
                     </div>
                     <div class="flex justify-center gap-12 text-sm mt-2">
                         <div>Buy</div>
@@ -261,72 +274,64 @@ <h2 class="local-currencies text-4xl font-bold mb-6">Local Currencies</h2>
                     </div>
                 </div>
             </div>
-
-            <!-- Welcome Bonus Floating Button -->
-            <div onclick="claimBonus()" class="fixed bottom-24 right-6 bg-gradient-to-r from-purple-500 to-pink-500 text-white px-6 py-3 rounded-3xl shadow-2xl flex items-center gap-3 cursor-pointer z-50">
-                <span class="text-3xl">🎁</span>
-                <div>
-                    <div class="font-bold">Claim $0.50 GIDDY</div>
-                    <div class="text-xs opacity-90">Welcome to Giddy's Key</div>
-                </div>
-            </div>
         </div>
 
-        <!-- Bottom Nav (exactly as in your shop page) -->
         <nav class="bottom-nav">
-            <div class="nav-item" onclick="window.location.href='https://t.me/oneGIDDY'">
-                <i class="fas fa-comment-dots"></i>Ask Giddy
-            </div>
-            <div class="nav-item" onclick="window.location.href='/kincommunity.html'">
-                <i class="fas fa-users"></i>Connect
-            </div>
-            <div class="nav-item" onclick="window.location.href='/game/app-play.html'">
-                <i class="fas fa-gamepad"></i>Play Blinko!
-            </div>
-            <div class="nav-item active">
-                <i class="fas fa-wallet"></i>Wallet
-            </div>
-            <div class="nav-item" id="navPanelTrigger">
-                <i class="fas fa-bars"></i> Menu
-            </div>
+            <div class="nav-item" onclick="window.location.href='https://t.me/oneGIDDY'"><i
+                    class="fas fa-comment-dots"></i>Ask Giddy</div>
+            <div class="nav-item" onclick="window.location.href='/kincommunity.html'"><i
+                    class="fas fa-users"></i>Connect</div>
+            <div class="nav-item" onclick="window.location.href='/game/app-play.html'"><i
+                    class="fas fa-gamepad"></i>Play Blinko!</div>
+            <div class="nav-item active"><i class="fas fa-wallet"></i>Wallet</div>
+            <div class="nav-item" id="navPanelTrigger"><i class="fas fa-bars"></i> Menu</div>
         </nav>
 
-        <!-- Footer (unchanged from your shop) -->
-        <footer id="footer">
-            <!-- Your existing footer content stays exactly the same -->
-            <!-- ... (contact form, location, social, etc.) ... -->
-            <!-- I kept it identical to your shop.html for perfect consistency -->
-        </footer>
+    </div>
 
-        <!-- Copyright + Extended Footer (unchanged) -->
-        <!-- ... same as your shop ... -->
+    <div id="mobileClaimBubble" onclick="claimBonus()"
+        class="mobile-claim bg-gradient-to-r from-purple-600 to-pink-500 text-white text-sm font-bold px-5 py-3 rounded-3xl shadow-2xl cursor-pointer items-center gap-2">
+        <span>🎁</span>
+        Claim $GIDDY
 
+        <button onclick="event.stopPropagation(); dismissClaimBubble();"
+            class="ml-auto text-white/90 hover:text-white text-2xl leading-none bg-transparent p-0 close-btn">
+            ×
+        </button>
     </div>
 
     <script>
-        // Simple navigation helpers
         function goToToken(token) {
             if (token === 'expb') window.location.href = '/bouncyball.html';
-            else if (token === 'giddy') window.location.href = '/tokens/giddy.html'; // update path if needed
+            else if (token === 'giddy') window.location.href = '/onegiddy.html';
         }
         function goToShop() { window.location.href = '/shop.html'; }
-        function claimBonus() {
-            alert("🎉 $0.50 GIDDY sent to your connected wallet!\n\n(Connect this to your existing redemption/swap code)");
+        function claimBonus() { alert("🎉 $0.50 GIDDY sent to your wallet!"); }
+        function buyMinty() { alert("Buy Minty"); }
+        function sellMinty() { alert("Sell Minty"); }
+        function showProfile() { alert("Profile coming soon"); }
+
+        // Mobile floating bubble fixed function
+        function dismissClaimBubble() {
+            const bubble = document.getElementById('mobileClaimBubble');
+            if (bubble) {
+                bubble.style.setProperty('display', 'none', 'important');
+            }
+            localStorage.setItem('claimBubbleDismissed', 'true');
         }
-        function buyMinty() { alert("Minty Buy flow — connect your swap logic here"); }
-        function sellMinty() { alert("Minty Sell flow — connect your swap logic here"); }
-        function showProfile() { alert("Profile / Wallet details coming soon"); }
 
-        // Fade-in observer (modern & lightweight)
+        window.addEventListener('load', () => {
+            if (window.innerWidth < 768 && localStorage.getItem('claimBubbleDismissed') !== 'true') {
+                document.getElementById('mobileClaimBubble').style.display = 'flex';
+            }
+        });
+
         const observer = new IntersectionObserver((entries) => {
             entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });
         }, { threshold: 0.1 });
         document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
-
-        // Tailwind script already loaded in head
     </script>
 
-    <!-- Your existing scripts (keep everything below) -->
     <script src="/assets/js/jquery.min.js"></script>
     <script src="/assets/js/jquery.scrollex.min.js"></script>
     <script src="/assets/js/jquery.scrolly.min.js"></script>
@@ -337,4 +342,5 @@ <h2 class="local-currencies text-4xl font-bold mb-6">Local Currencies</h2>
     <script src="/assets/js/ofid-main.js"></script>
 
 </body>
+
 </html>
\ No newline at end of file
