diff --git a/src/components/LatestTransactions/LatestTransactions.jsx b/src/components/LatestTransactions/LatestTransactions.jsx
index f0afcba..d7c5acb 100644
--- a/src/components/LatestTransactions/LatestTransactions.jsx
+++ b/src/components/LatestTransactions/LatestTransactions.jsx
@@ -12,10 +12,9 @@ const LatestTransactions = () => {
   const toast = useToast()
 
   const { colorMode} = useColorMode();
-  const { transactions } = useContext(GlobalStateContext);
-
-
- function copyToClipboard(text) {
+   const { transactions } = useContext(GlobalStateContext);
+   
+  function copyToClipboard(text) {
     navigator.clipboard
       .writeText(text)
       .then(() => {
@@ -63,19 +62,19 @@ const LatestTransactions = () => {
               <GridItem p={4}>
                 <Box>
                   <Text fontSize={"sm"} mb={2} color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
-                    {transaction.description}
+                    <Link to="/did-info"> {transaction.description}</Link>
                   </Text>
                   <HStack fontSize={"sm"} gap={4} mb={2}>
                     <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>Sender :</Text>
                     <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                      <Link style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
+                      <Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
                       <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
                     </HStack>
                   </HStack>
                   <HStack fontSize={"sm"} gap={4} mb={3}>
                     <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>Receiver :</Text>
                     <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                      <Link style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
+                      <Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
                       <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
                     </HStack>
                   </HStack>
@@ -90,7 +89,7 @@ const LatestTransactions = () => {
                       <Text mb={2}  color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
                         Smart contract ID dd :
                       </Text>
-                      <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>{transaction.contract}</Text>
+                      <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}><Link to="/smart-contract">{transaction.contract}</Link></Text>
                     </Box>
                     <Box>
                       <Text mb={2} color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>
@@ -115,7 +114,7 @@ const LatestTransactions = () => {
                       <HStack w={'100%'} justifyContent={'flex-start'}>
                         <Text color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}>Transaction type :</Text>
                         <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
-                        <Link to="/transaction" style={{fontWeight:"inherit"}}>{transaction.transactionType}</Link>
+                        <Link style={{fontWeight:"inherit"}}>{transaction.transactionType}</Link>
                         </Text>
                       </HStack>
 
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index d14c209..d2a6e12 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -74,7 +74,7 @@ const NavBar = () => {
 
             <Box display={"flex"} alignItems={"center"} gap={7}>
               <NavLink
-                to="/mainNet"
+                to="/main-net"
                 style={({ isActive }) => ({
                   fontSize: "14px",
                   fontWeight: "400",
diff --git a/src/index.css b/src/index.css
index 4271550..5e9fa8d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -19,7 +19,7 @@
 }
 
 a {
-  font-weight: 500;
+  /* font-weight: 500; */
   color: #646cff;
   text-decoration: inherit;
 }
diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index 736764a..0281d44 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -6,15 +6,36 @@ import {
     HStack,
     Text,
     useColorMode,
+    useToast,
   } from "@chakra-ui/react";
   import React from "react";
   import { MdContentCopy} from "react-icons/md";
   import { Link } from "react-router-dom";
   import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
   import bannerImage from "../assets/images/bannerImg.png";
+import ToastBox from "../components/ToastBox";
   
   const DidInfo = () => {
     const { colorMode } = useColorMode();
+
+    const toast = useToast()
+ 
+  function copyToClipboard(text) {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {
+        // console.log('Text copied to clipboard');
+        // alert('Text copied to clipboard');
+        toast({
+          render: () => (
+            <ToastBox status={"warn"} message={"Text copied to clipboard"} />
+          ),
+        });
+      })
+      .catch((err) => {
+        console.error("Failed to copy text: ", err);
+      });
+  }
   
     return (
       <>
diff --git a/src/pages/MainNet.jsx b/src/pages/MainNet.jsx
index bbd11a6..d8850a9 100644
--- a/src/pages/MainNet.jsx
+++ b/src/pages/MainNet.jsx
@@ -1,15 +1,36 @@
-import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode } from "@chakra-ui/react";
+import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode, useToast } from "@chakra-ui/react";
 import React, { useContext } from "react";
 import bannerImage from "../assets/images/bannerImg.png";
 import GlobalStateContext from "../Contexts/GlobalStateContext";
 import Pagination from "../components/Pagination";
-import { MdOutlineErrorOutline } from "react-icons/md";
+import { MdContentCopy, MdOutlineErrorOutline } from "react-icons/md";
+import ToastBox from "../components/ToastBox";
+import { Link } from "react-router-dom";
 
 const MainNet = () => {
 
   const { overview } = useContext(GlobalStateContext);
   const { colorMode} = useColorMode();
 
+  const toast = useToast()
+ 
+  function copyToClipboard(text) {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {
+        // console.log('Text copied to clipboard');
+        // alert('Text copied to clipboard');
+        toast({
+          render: () => (
+            <ToastBox status={"warn"} message={"Text copied to clipboard"} />
+          ),
+        });
+      })
+      .catch((err) => {
+        console.error("Failed to copy text: ", err);
+      });
+  }
+
   return (
     <Box p={"10rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
       <Container
@@ -74,23 +95,26 @@ const MainNet = () => {
                       mb={2}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      {transaction.description}
+                      <Link to="/did-info">{transaction.description}</Link>
                     </Text>
                     <HStack fontSize={"sm"} gap={4} mb={2}>
                       <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                         Sender :
                       </Text>
-                      <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                        {transaction.sender}
-                      </Text>
+                      <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
+                        <Link  to="/transaction" style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
+                        <Text as={"span"} ml={5} cursor={"pointer"}>
+                          <MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
+                      </HStack>
                     </HStack>
                     <HStack fontSize={"sm"} gap={4} mb={3}>
                       <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                         Receiver :
                       </Text>
-                      <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                        {transaction.receiver}
-                      </Text>
+                      <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
+                        <Link  to="/transaction" style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
+                        <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
+                      </HStack>
                     </HStack>
                     <HStack
                       display={"flex"}
@@ -104,12 +128,12 @@ const MainNet = () => {
                           mb={2}
                           color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                         >
-                          Smart contract ID dd :
+                          Smart contract ID dd:
                         </Text>
                         <Text
                           color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                         >
-                          {transaction.contract}
+                          <Link to="/smart-contract">{transaction.contract}</Link>
                         </Text>
                       </Box>
                       <Box>
@@ -166,7 +190,7 @@ const MainNet = () => {
                           <Text
                             color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                           >
-                            {transaction.subnetID}
+                            <Link to="/subnet-inner">{transaction.subnetID}</Link>
                           </Text>
                         </HStack>
                       </Box>
diff --git a/src/pages/SmartContract.jsx b/src/pages/SmartContract.jsx
index e1c6cb8..8e4c4d9 100644
--- a/src/pages/SmartContract.jsx
+++ b/src/pages/SmartContract.jsx
@@ -6,15 +6,36 @@ import {
     HStack,
     Text,
     useColorMode,
+    useToast,
   } from "@chakra-ui/react";
   import React from "react";
   import { MdContentCopy} from "react-icons/md";
   import { Link } from "react-router-dom";
   import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
   import bannerImage from "../assets/images/bannerImg.png";
+import ToastBox from "../components/ToastBox";
   
   const Transaction = () => {
     const { colorMode } = useColorMode();
+
+    const toast = useToast()
+ 
+    function copyToClipboard(text) {
+      navigator.clipboard
+        .writeText(text)
+        .then(() => {
+          // console.log('Text copied to clipboard');
+          // alert('Text copied to clipboard');
+          toast({
+            render: () => (
+              <ToastBox status={"warn"} message={"Text copied to clipboard"} />
+            ),
+          });
+        })
+        .catch((err) => {
+          console.error("Failed to copy text: ", err);
+        });
+    }
   
     return (
       <>
diff --git a/src/pages/Subnet.jsx b/src/pages/Subnet.jsx
index 964da80..6b46db4 100644
--- a/src/pages/Subnet.jsx
+++ b/src/pages/Subnet.jsx
@@ -1,16 +1,36 @@
-import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode } from "@chakra-ui/react";
+import { Box, Container, Grid, GridItem, Heading, HStack, Select, Text, useColorMode, useToast } from "@chakra-ui/react";
 import React, { useContext } from "react";
 import { Link } from "react-router-dom";
 import LatestTransactions from "../components/LatestTransactions/LatestTransactions";
 import GlobalStateContext from "../Contexts/GlobalStateContext";
 import Pagination from "../components/Pagination";
-import { MdOutlineErrorOutline } from "react-icons/md";
+import { MdContentCopy, MdOutlineErrorOutline } from "react-icons/md";
 import bannerImage from "../assets/images/bannerImg.png";
+import ToastBox from "../components/ToastBox";
 
 const Subnet = () => {
 
   const { overview } = useContext(GlobalStateContext);
-  const { colorMode, toggleColorMode } = useColorMode();
+  const { colorMode} = useColorMode();
+
+  const toast = useToast()
+ 
+  function copyToClipboard(text) {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {
+        // console.log('Text copied to clipboard');
+        // alert('Text copied to clipboard');
+        toast({
+          render: () => (
+            <ToastBox status={"warn"} message={"Text copied to clipboard"} />
+          ),
+        });
+      })
+      .catch((err) => {
+        console.error("Failed to copy text: ", err);
+      });
+  }
 
   return (
     <Box p={"10rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
@@ -76,23 +96,26 @@ const Subnet = () => {
                         mb={2}
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                        {transaction.description}
+                        <Link to="/did-info">{transaction.description}</Link>
                     </Text>
                     <HStack fontSize={"sm"} gap={4} mb={2}>
                         <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                         Sender :
                         </Text>
-                        <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                        {transaction.sender}
-                        </Text>
+                        <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
+                          <Link  to="/transaction"  style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
+                          <Text as={"span"} ml={5} cursor={"pointer"}>
+                            <MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
+                        </HStack>
                     </HStack>
                     <HStack fontSize={"sm"} gap={4} mb={3}>
                         <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                         Receiver :
                         </Text>
-                        <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                        {transaction.receiver}
-                        </Text>
+                        <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
+                          <Link  to="/transaction"  style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
+                          <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
+                        </HStack>
                     </HStack>
                     <HStack
                         display={"flex"}
@@ -111,7 +134,7 @@ const Subnet = () => {
                         <Text
                             color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                         >
-                            {transaction.contract}
+                            <Link to="/smart-contract">{transaction.contract}</Link>
                         </Text>
                         </Box>
                         <Box>
@@ -168,7 +191,7 @@ const Subnet = () => {
                             <Text
                             color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                             >
-                            {transaction.subnetID}
+                            <Link to="/subnet-inner">{transaction.subnetID}</Link>
                             </Text>
                         </HStack>
                         </Box>
diff --git a/src/pages/SubnetInner.jsx b/src/pages/SubnetInner.jsx
index ca73909..29b9c7a 100644
--- a/src/pages/SubnetInner.jsx
+++ b/src/pages/SubnetInner.jsx
@@ -1,4 +1,4 @@
-import { Box, Container, Grid, GridItem, Heading, HStack, Link, Select, Text, useColorMode } from "@chakra-ui/react";
+import { Box, Container, Grid, GridItem, Heading, HStack, Link, Select, Text, useColorMode, useToast } from "@chakra-ui/react";
 import React, { useContext } from "react";
 import GlobalStateContext from "../Contexts/GlobalStateContext";
 import Pagination from "../components/Pagination";
@@ -11,6 +11,8 @@ const SubnetInner = () => {
   const { overview } = useContext(GlobalStateContext);
   const { colorMode} = useColorMode();
 
+  const toast = useToast()
+ 
   function copyToClipboard(text) {
     navigator.clipboard
       .writeText(text)
@@ -98,19 +100,19 @@ const SubnetInner = () => {
                         <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                         Sender :
                         </Text>
-                        <Text display={"flex"} alignItems={"center"} color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                            <Link style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
-                            <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
-                        </Text>
+                        <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
+                      <Link style={{fontWeight:"inherit"}}>{transaction.sender}</Link>
+                      <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.sender)} /></Text>
+                    </HStack>
                     </HStack>
                     <HStack fontSize={"sm"} gap={4} mb={3}>
                         <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                         Receiver :
                         </Text>
-                        <Text display={"flex"} alignItems={"center"} color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
-                            <Link style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
-                            <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
-                        </Text>
+                        <HStack color={colorMode === "light" ? "#230A79" : "#B09AFF"} textDecoration={"underline"}>
+                          <Link style={{fontWeight:"inherit"}}>{transaction.receiver}</Link>
+                          <Text as={"span"} ml={5} cursor={"pointer"}><MdContentCopy onClick={()=> copyToClipboard(transaction.receiver)} /></Text>
+                        </HStack>
                     </HStack>
                     <HStack
                         display={"flex"}
diff --git a/src/pages/Transaction.jsx b/src/pages/Transaction.jsx
index 8447cd8..1703dad 100644
--- a/src/pages/Transaction.jsx
+++ b/src/pages/Transaction.jsx
@@ -6,16 +6,37 @@ import {
   HStack,
   Text,
   useColorMode,
+  useToast,
 } from "@chakra-ui/react";
 import React from "react";
 import { MdContentCopy} from "react-icons/md";
 import { Link } from "react-router-dom";
 import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
 import bannerImage from "../assets/images/bannerImg.png";
+import ToastBox from "../components/ToastBox";
 
 const Transaction = () => {
   const { colorMode } = useColorMode();
 
+  const toast = useToast()
+ 
+  function copyToClipboard(text) {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {
+        // console.log('Text copied to clipboard');
+        // alert('Text copied to clipboard');
+        toast({
+          render: () => (
+            <ToastBox status={"warn"} message={"Text copied to clipboard"} />
+          ),
+        });
+      })
+      .catch((err) => {
+        console.error("Failed to copy text: ", err);
+      });
+  }
+
   return (
     <>
         <Box backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} backgroundSize="cover"
diff --git a/src/routes/_routes.jsx b/src/routes/_routes.jsx
index ad1ef6d..dd6d800 100644
--- a/src/routes/_routes.jsx
+++ b/src/routes/_routes.jsx
@@ -13,7 +13,7 @@ export const route = [
     element: <Home />,
   },
   {
-    path: "/mainNet",
+    path: "/main-net",
     element: <MainNet />,
   },
   {