diff --git a/bun.lockb b/bun.lockb
index 167ed4e..1114b15 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 86657d3..9047cdf 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "^0.28.3",
+    "@coinbase/onchainkit": "^0.28.6",
     "next": "^14.2.5",
     "permissionless": "^0.1.26",
     "react": "^18",
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 7abf0cf..06c8526 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -28,6 +28,7 @@ export default function Footer() {
             target="_blank"
             rel="noreferrer"
             title="OnchainKit"
+            className="font-semibold hover:text-indigo-600"
           >
             OnchainKit
           </a>
diff --git a/src/components/TransactionWrapper.tsx b/src/components/TransactionWrapper.tsx
index 69f07af..fb3c668 100644
--- a/src/components/TransactionWrapper.tsx
+++ b/src/components/TransactionWrapper.tsx
@@ -6,8 +6,22 @@ import {
   TransactionStatusAction,
   TransactionStatusLabel,
 } from '@coinbase/onchainkit/transaction';
-import { clickContractAbi, clickContractAddress } from 'src/constants';
+import type {
+  TransactionError,
+  TransactionResponse,
+} from '@coinbase/onchainkit/transaction';
+import {
+  BASE_SEPOLIA_CHAIN_ID,
+  collectionAddress,
+  comment,
+  mintABI,
+  mintContractAddress,
+  mintReferral,
+  quantity,
+  tokenId,
+} from 'src/constants';
 import type { Address, ContractFunctionParameters } from 'viem';
+import { parseEther } from 'viem';
 
 type TransactionWrapperParams = {
   address: Address;
@@ -16,20 +30,32 @@ type TransactionWrapperParams = {
 export default function TransactionWrapper({
   address,
 }: TransactionWrapperParams) {
+  const mintTo = address;
+
   const contracts = [
     {
-      address: clickContractAddress,
-      abi: clickContractAbi,
-      functionName: 'click',
-      args: [],
+      address: mintContractAddress,
+      abi: mintABI,
+      functionName: 'mint',
+      args: [
+        mintTo,
+        BigInt(quantity),
+        collectionAddress,
+        BigInt(tokenId),
+        mintReferral,
+        comment,
+      ],
+      value: parseEther('0.000111'),
     },
-    {
-      address: clickContractAddress,
-      abi: clickContractAbi,
-      functionName: 'click',
-      args: [],
-    },
-  ] as ContractFunctionParameters[];
+  ] as unknown as ContractFunctionParameters[];
+
+  const handleError = (err: TransactionError) => {
+    console.error('Transaction error:', err);
+  };
+
+  const handleSuccess = (response: TransactionResponse) => {
+    console.log('Transaction successful', response);
+  };
 
   return (
     <div className="flex w-[450px]">
@@ -37,6 +63,9 @@ export default function TransactionWrapper({
         address={address}
         contracts={contracts}
         className="w-[450px]"
+        chainId={BASE_SEPOLIA_CHAIN_ID}
+        onError={handleError}
+        onSuccess={handleSuccess}
       >
         <TransactionButton
           className="mt-0 mr-auto ml-auto w-[450px] text-[white]"
diff --git a/src/constants.ts b/src/constants.ts
index f753737..361c053 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,11 +1,24 @@
-export const clickContractAddress =
-  '0x67c97D1FB8184F038592b2109F854dfb09C77C75';
-export const clickContractAbi = [
+export const BASE_SEPOLIA_CHAIN_ID = 84532;
+
+export const collectionAddress = '0xd6915560d3bb24aec04dc42ef409921ed1931510';
+export const comment = 'testing';
+export const mintContractAddress = '0x777777722D078c97c6ad07d9f36801e653E356Ae';
+export const mintABI = [
   {
-    type: 'function',
-    name: 'click',
-    inputs: [],
+    inputs: [
+      { internalType: 'address', name: 'mintTo', type: 'address' },
+      { internalType: 'uint256', name: 'quantity', type: 'uint256' },
+      { internalType: 'address', name: 'collection', type: 'address' },
+      { internalType: 'uint256', name: 'tokenId', type: 'uint256' },
+      { internalType: 'address', name: 'mintReferral', type: 'address' },
+      { internalType: 'string', name: 'comment', type: 'string' },
+    ],
+    name: 'mint',
     outputs: [],
-    stateMutability: 'nonpayable',
+    stateMutability: 'payable',
+    type: 'function',
   },
-];
+] as const;
+export const mintReferral = '0x0000000000000000000000000000000000000000';
+export const quantity = '1';
+export const tokenId = '1';