diff --git a/frontend/app/admin/page.js b/frontend/app/admin/page.js
index 783d1c1..8e7da35 100644
--- a/frontend/app/admin/page.js
+++ b/frontend/app/admin/page.js
@@ -7,7 +7,7 @@ import { useEffect, useState } from "react";
 import { ToastContainer, toast } from "react-toastify";
 
 // Wagmi
-import { prepareWriteContract, writeContract } from "@wagmi/core";
+import { useWriteContract } from "@wagmi/core";
 
 // Viem
 import { parseAbiItem } from "viem";
@@ -48,19 +48,29 @@ const admin = () => {
     }
   };
 
+  const writeToContract = async (address) => {
+    const { writeContract } = useWriteContract({
+      mutation: {
+        onSuccess: () => {
+          console.log("Transaction has been sent.");
+        },
+        onError: (error) => {
+          console.error(error.shortMessage);
+        },
+      },
+    });
+
+    writeContract({
+      address: contractAddressAdmins,
+      abi: AdminsABI,
+      functionName: "addSuperAdmin",
+      args: [_addr],
+    });
+  };
+
   const createSuperAdmin = async () => {
     try {
-      const { request } = await prepareWriteContract({
-        address: contractAddressAdmins,
-        abi: AdminsABI,
-        functionName: "addSuperAdmin",
-        args: [_addr],
-      });
-
-      const { hash } = await writeContract(request);
-      const data = await waitForTransaction({
-        hash: hash,
-      });
+      await writeToContract(superAdmin);
 
       getGrantedEvents();
     } catch (err) {
@@ -74,7 +84,7 @@ const admin = () => {
         id="adminForm"
         className="flex justify-center items-center flex-col gap-4"
       >
-        <label for="admin" className="text-2xl">
+        <label htmlFor="admin" className="text-2xl">
           Admin
         </label>
         <div className="flex gap-4">
@@ -83,6 +93,8 @@ const admin = () => {
             id="artistName"
             name="artistName"
             className="text-[#15141a] p-1 rounded"
+            value={superAdmin}
+            onChange={(e) => setSuperAdmin(e.target.value)}
             required
           />
           <button
@@ -99,7 +111,7 @@ const admin = () => {
         id="artistForm"
         className="flex justify-center items-center flex-col gap-4"
       >
-        <label for="artist" className="text-2xl">
+        <label htmlFor="artist" className="text-2xl">
           Artist
         </label>
         <div className="flex gap-4">
@@ -121,5 +133,4 @@ const admin = () => {
     </main>
   );
 };
-
 export default admin;
diff --git a/frontend/app/layout.js b/frontend/app/layout.js
index 440ffe0..5ea180a 100644
--- a/frontend/app/layout.js
+++ b/frontend/app/layout.js
@@ -2,7 +2,7 @@
 import "@rainbow-me/rainbowkit/styles.css";
 import { getDefaultConfig, RainbowKitProvider } from "@rainbow-me/rainbowkit";
 import { WagmiProvider } from "wagmi";
-import { mainnet, polygon, sepolia } from "wagmi/chains";
+import { mainnet, polygon, sepolia, hardhat } from "wagmi/chains";
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
 
 import Layout from "@/components/Layout";
@@ -15,7 +15,7 @@ const { WALLETCONNECT_ID } = process.env;
 const config = getDefaultConfig({
   appName: "Musicmint",
   projectId: WALLETCONNECT_ID || "7c1cde6251fa4b704d96a408856a0525",
-  chains: [mainnet, polygon, sepolia],
+  chains: [mainnet, polygon, sepolia, hardhat],
   ssr: true, // if your dApp uses server side rendering (SSR)
 });
 
diff --git a/frontend/components/NFTCard.js b/frontend/components/NFTCard.js
deleted file mode 100644
index e69de29..0000000
diff --git a/frontend/components/SuperAdmin.js b/frontend/components/SuperAdmin.js
deleted file mode 100644
index e69de29..0000000
diff --git a/frontend/constants/index.js b/frontend/constants/index.js
index 97d466e..2f43364 100644
--- a/frontend/constants/index.js
+++ b/frontend/constants/index.js
@@ -1,5 +1,5 @@
 export const contractAddressAdmins =
-  "0xe7f1725E7734CE288F8367e1Bb143E90bb3F0512";
+  "0x9fE46736679d2D9a65F0992F2272dE9f3c7fa6e0";
 
 export const AdminsABI = [
   {
@@ -233,3 +233,860 @@ export const AdminsABI = [
     type: "function",
   },
 ];
+
+export const contractAddressAlbums =
+  "0xCf7Ed3AccA5a467e9e704C703E8D87F634fB0Fc9";
+
+export const AlbumsABI = [
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "sender",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "balance",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "needed",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "ERC1155InsufficientBalance",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "approver",
+        type: "address",
+      },
+    ],
+    name: "ERC1155InvalidApprover",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "idsLength",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "valuesLength",
+        type: "uint256",
+      },
+    ],
+    name: "ERC1155InvalidArrayLength",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+    ],
+    name: "ERC1155InvalidOperator",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "receiver",
+        type: "address",
+      },
+    ],
+    name: "ERC1155InvalidReceiver",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "sender",
+        type: "address",
+      },
+    ],
+    name: "ERC1155InvalidSender",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "owner",
+        type: "address",
+      },
+    ],
+    name: "ERC1155MissingApprovalForAll",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "InvalidInitialization",
+    type: "error",
+  },
+  {
+    inputs: [],
+    name: "NotInitializing",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "owner",
+        type: "address",
+      },
+    ],
+    name: "OwnableInvalidOwner",
+    type: "error",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+    ],
+    name: "OwnableUnauthorizedAccount",
+    type: "error",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "bool",
+        name: "approved",
+        type: "bool",
+      },
+    ],
+    name: "ApprovalForAll",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: "uint64",
+        name: "version",
+        type: "uint64",
+      },
+    ],
+    name: "Initialized",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint16",
+        name: "album_id",
+        type: "uint16",
+      },
+      {
+        indexed: false,
+        internalType: "string",
+        name: "uri",
+        type: "string",
+      },
+      {
+        indexed: false,
+        internalType: "uint16",
+        name: "song_id",
+        type: "uint16",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "maxSupply",
+        type: "uint256",
+      },
+    ],
+    name: "ItemCreated",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint16",
+        name: "album_id",
+        type: "uint16",
+      },
+      {
+        indexed: false,
+        internalType: "uint16",
+        name: "song_id",
+        type: "uint16",
+      },
+    ],
+    name: "ItemMinted",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "previousOwner",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "newOwner",
+        type: "address",
+      },
+    ],
+    name: "OwnershipTransferred",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        indexed: false,
+        internalType: "uint256[]",
+        name: "values",
+        type: "uint256[]",
+      },
+    ],
+    name: "TransferBatch",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        indexed: false,
+        internalType: "uint256",
+        name: "value",
+        type: "uint256",
+      },
+    ],
+    name: "TransferSingle",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: false,
+        internalType: "string",
+        name: "value",
+        type: "string",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "URI",
+    type: "event",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+    ],
+    name: "balanceOf",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address[]",
+        name: "accounts",
+        type: "address[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+    ],
+    name: "balanceOfBatch",
+    outputs: [
+      {
+        internalType: "uint256[]",
+        name: "",
+        type: "uint256[]",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint64",
+        name: "maxSupply",
+        type: "uint64",
+      },
+      {
+        internalType: "uint64",
+        name: "price",
+        type: "uint64",
+      },
+      {
+        internalType: "string",
+        name: "album_uri",
+        type: "string",
+      },
+    ],
+    name: "createAlbum",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+      {
+        internalType: "uint64",
+        name: "maxSupply",
+        type: "uint64",
+      },
+      {
+        internalType: "uint64",
+        name: "price",
+        type: "uint64",
+      },
+      {
+        internalType: "string",
+        name: "songUri",
+        type: "string",
+      },
+    ],
+    name: "createSong",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+    ],
+    name: "getAlbum",
+    outputs: [
+      {
+        components: [
+          {
+            internalType: "uint16",
+            name: "id",
+            type: "uint16",
+          },
+          {
+            internalType: "uint64",
+            name: "maxSupply",
+            type: "uint64",
+          },
+          {
+            internalType: "uint64",
+            name: "price",
+            type: "uint64",
+          },
+          {
+            internalType: "string",
+            name: "uri",
+            type: "string",
+          },
+          {
+            internalType: "uint16",
+            name: "currentSongId",
+            type: "uint16",
+          },
+        ],
+        internalType: "struct Albums.Album",
+        name: "",
+        type: "tuple",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+    ],
+    name: "getAlbumSongsCount",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "getAlbumsCount",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+      {
+        internalType: "uint16",
+        name: "songId",
+        type: "uint16",
+      },
+    ],
+    name: "getSong",
+    outputs: [
+      {
+        components: [
+          {
+            internalType: "uint16",
+            name: "id",
+            type: "uint16",
+          },
+          {
+            internalType: "uint64",
+            name: "maxSupply",
+            type: "uint64",
+          },
+          {
+            internalType: "uint64",
+            name: "price",
+            type: "uint64",
+          },
+          {
+            internalType: "string",
+            name: "uri",
+            type: "string",
+          },
+        ],
+        internalType: "struct Albums.Song",
+        name: "",
+        type: "tuple",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "artistAddress",
+        type: "address",
+      },
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+      {
+        internalType: "uint16",
+        name: "songId",
+        type: "uint16",
+      },
+    ],
+    name: "getTokenId",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "pure",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "_user",
+        type: "address",
+      },
+    ],
+    name: "initialize",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "account",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+    ],
+    name: "isApprovedForAll",
+    outputs: [
+      {
+        internalType: "bool",
+        name: "",
+        type: "bool",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+    ],
+    name: "mintAlbum",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "payable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint16",
+        name: "albumId",
+        type: "uint16",
+      },
+      {
+        internalType: "uint16",
+        name: "songId",
+        type: "uint16",
+      },
+    ],
+    name: "mintSong",
+    outputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    stateMutability: "payable",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "owner",
+    outputs: [
+      {
+        internalType: "address",
+        name: "",
+        type: "address",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "renounceOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256[]",
+        name: "ids",
+        type: "uint256[]",
+      },
+      {
+        internalType: "uint256[]",
+        name: "values",
+        type: "uint256[]",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "safeBatchTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "from",
+        type: "address",
+      },
+      {
+        internalType: "address",
+        name: "to",
+        type: "address",
+      },
+      {
+        internalType: "uint256",
+        name: "id",
+        type: "uint256",
+      },
+      {
+        internalType: "uint256",
+        name: "value",
+        type: "uint256",
+      },
+      {
+        internalType: "bytes",
+        name: "data",
+        type: "bytes",
+      },
+    ],
+    name: "safeTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      {
+        internalType: "bool",
+        name: "approved",
+        type: "bool",
+      },
+    ],
+    name: "setApprovalForAll",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "bytes4",
+        name: "interfaceId",
+        type: "bytes4",
+      },
+    ],
+    name: "supportsInterface",
+    outputs: [
+      {
+        internalType: "bool",
+        name: "",
+        type: "bool",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "address",
+        name: "newOwner",
+        type: "address",
+      },
+    ],
+    name: "transferOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      {
+        internalType: "uint256",
+        name: "",
+        type: "uint256",
+      },
+    ],
+    name: "uri",
+    outputs: [
+      {
+        internalType: "string",
+        name: "",
+        type: "string",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+];