GoodDollar · Godbrand0 · Feb 14, 2026 · Feb 14, 2026 · Feb 15, 2026 · Feb 16, 2026
diff --git a/.gitleaks.toml b/.gitleaks.toml
@@ -0,0 +1,10 @@
+# Gitleaks configuration
+# Used by Sourcery AI and other secret scanners
+
+# The hex strings in constants.ts are public blockchain contract addresses,
+# not API keys or secrets. They are viewable on-chain by anyone.
+[[allowlist]]
+description = "Public blockchain contract addresses (not secrets)"
+paths = [
+  '''packages/bridging-sdk/src/constants\.ts''',
+]
diff --git a/apps/demo-bridging-app/index.html b/apps/demo-bridging-app/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>GoodDollar Bridge Demo</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/apps/demo-bridging-app/package.json b/apps/demo-bridging-app/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "demo-bridging-app",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@goodsdks/bridging-sdk": "workspace:*",
+    "@reown/appkit": "^1.0.0",
+    "@reown/appkit-adapter-wagmi": "^1.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "viem": "^2.28.0",
+    "wagmi": "^2.14.8"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0"
+  }
+}
diff --git a/apps/demo-bridging-app/src/App.tsx b/apps/demo-bridging-app/src/App.tsx
@@ -0,0 +1,154 @@
+import { useState } from "react"
+import { useAccount } from "wagmi"
+import { WagmiProvider } from "./config"
+import { BridgeForm } from "./components/BridgeForm"
+import { TransactionHistory } from "./components/TransactionHistory"
+import type { BridgeProtocol } from "@goodsdks/bridging-sdk"
+
+function AppContent() {
+  const { isConnected } = useAccount()
+  const [selectedProtocol, setSelectedProtocol] =
+    useState<BridgeProtocol>("LAYERZERO")
+
+  return (
+    <div className="min-h-screen bg-slate-50 pb-20">
+      {/* Premium Header */}
+      <header className="pt-16 pb-12 text-center px-4">
+        <h1 className="text-5xl font-extrabold text-slate-900 mb-4 tracking-tight">
+          Main Bridge
+        </h1>
+        <p className="text-slate-500 max-w-2xl mx-auto text-lg leading-relaxed">
+          Seamlessly convert between Fuse G$ tokens to Celo and vice versa,
+          enabling versatile use of G$ tokens across various platforms and
+          ecosystems.
+        </p>
+      </header>
+
+      {/* Main Content Area */}
+      <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
+        {!isConnected ? (
+          <div className="premium-card text-center p-12">
+            <div className="w-20 h-20 bg-blue-50 rounded-3xl flex items-center justify-center mx-auto mb-8">
+              <svg
+                className="w-10 h-10 text-blue-600"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+                />
+              </svg>
+            </div>
+            <h2 className="text-2xl font-bold mb-4 text-slate-900">
+              Connect Your Wallet
+            </h2>
+            <p className="text-slate-500 mb-10 text-lg">
+              To start bridging G$ tokens across chains, please connect your
+              wallet first.
+            </p>
+            <div className="flex justify-center">
+              <w3m-button />
+            </div>
+          </div>
+        ) : (
+          <div className="space-y-12">
+            {/* Integrated Bridge Section */}
+            <div className="premium-card">
+              <div className="mb-10 text-center">
+                <h2 className="text-slate-600 font-semibold mb-6 flex items-center justify-center gap-2">
+                  Select Bridge Provider
+                </h2>
+                <div className="flex p-1.5 bg-slate-50 rounded-2xl border border-slate-100 max-w-sm mx-auto">
+                  <button
+                    onClick={() => setSelectedProtocol("AXELAR")}
+                    className={`flex-1 py-3 px-6 rounded-xl font-bold transition-all duration-300 ${
+                      selectedProtocol === "AXELAR"
+                        ? "bg-white text-blue-600 shadow-md"
+                        : "text-slate-400 hover:text-slate-600"
+                    }`}
+                  >
+                    Axelar
+                  </button>
+                  <button
+                    onClick={() => setSelectedProtocol("LAYERZERO")}
+                    className={`flex-1 py-3 px-6 rounded-xl font-bold transition-all duration-300 ${
+                      selectedProtocol === "LAYERZERO"
+                        ? "bg-white text-blue-600 shadow-md"
+                        : "text-slate-400 hover:text-slate-600"
+                    }`}
+                  >
+                    LayerZero
+                  </button>
+                </div>
+              </div>
+
+              {/* Enhanced Bridge Form */}
+              <BridgeForm defaultProtocol={selectedProtocol} />
+            </div>
+
+            {/* Recent Transactions Section */}
+            <div>
+              <h2 className="text-3xl font-bold text-slate-900 mb-8 px-2">
+                Recent Transactions
+              </h2>
+              <TransactionHistory />
+            </div>
+          </div>
+        )}
+      </main>
+
+      {/* Simple Premium Footer */}
+      <footer className="mt-24 py-12 border-t border-slate-200">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex flex-col md:flex-row justify-between items-center gap-8">
+            <div className="flex items-center gap-3">
+              <div className="w-8 h-8 bg-blue-600 rounded-lg"></div>
+              <span className="font-bold text-slate-900">
+                GoodDollar Bridge
+              </span>
+            </div>
+            <div className="flex gap-10">
+              <a
+                href="https://docs.gooddollar.org"
+                target="_blank"
+                rel="noopener"
+                className="text-slate-500 hover:text-blue-600 transition-colors font-medium"
+              >
+                Docs
+              </a>
+              <a
+                href="https://github.com/GoodDollar"
+                target="_blank"
+                rel="noopener"
+                className="text-slate-500 hover:text-blue-600 transition-colors font-medium"
+              >
+                GitHub
+              </a>
+              <a
+                href="#"
+                className="text-slate-500 hover:text-blue-600 transition-colors font-medium"
+              >
+                Terms
+              </a>
+            </div>
+            <p className="text-slate-400 text-sm">© 2024 GoodDollar SDKs</p>
+          </div>
+        </div>
+      </footer>
+    </div>
+  )
+}
+
+function App() {
+  return (
+    <WagmiProvider>
+      <AppContent />
+    </WagmiProvider>
+  )
+}
+
+export default App