diff --git a/public/docs/Icon-b-default.svg b/public/docs/Icon-b-default.svg
new file mode 100644
index 0000000..0450322
--- /dev/null
+++ b/public/docs/Icon-b-default.svg
@@ -0,0 +1,17 @@
+<svg width="336" height="308" viewBox="0 0 336 308" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1821_8878)">
+<path d="M278.098 0C272.708 0 267.372 1.04805 262.399 3.12277C257.415 5.19749 252.902 8.23471 249.084 12.0633C245.277 15.9026 242.261 20.4477 240.197 25.4634C238.144 30.4791 237.085 35.8477 237.096 41.2698V303.754C237.096 306.78 240.112 308.855 242.871 307.647C269.307 296.097 292.022 277.274 308.363 253.276C325.881 227.556 335.26 197.098 335.26 165.903V4.30986C335.26 1.93569 333.346 0 330.982 0H278.098Z" fill="#1A1A1A"/>
+<path d="M98.1534 4.27777C98.1534 1.9143 96.2391 0 93.8757 0H4.26707C1.9036 0 0 1.9143 0 4.27777V193.056C0 194.04 0.331478 194.992 0.951755 195.751L90.5604 306.406C93.095 309.54 98.1641 307.743 98.1641 303.711V4.27777H98.1534Z" fill="#1A1A1A"/>
+<path d="M216.714 41.2699V109.789C216.714 111.586 215.591 113.201 213.901 113.81C212.383 114.356 210.864 114.922 209.346 115.5C194.844 121.125 181.166 128.654 168.707 137.883C150.066 151.668 134.335 169.218 122.528 189.11C121.416 190.981 118.561 190.201 118.561 188.019V4.30994C118.561 1.92508 120.475 7.94244e-05 122.838 7.94244e-05H175.722C181.102 -0.010615 186.438 1.05883 191.422 3.12285C196.395 5.19757 200.918 8.23479 204.726 12.0741C208.533 15.9027 211.559 20.4585 213.613 25.4635C215.677 30.4792 216.725 35.8478 216.714 41.2699Z" fill="#1A1A1A"/>
+<path d="M216.714 293.505V140.778C216.714 137.709 213.57 135.613 210.757 136.843C200.223 141.441 190.181 147.227 180.834 154.146C154.333 173.749 134.837 201.362 125.234 232.9C120.774 247.509 118.561 262.609 118.561 277.688V293.505C118.561 296.307 121.202 298.339 123.908 297.633C137.875 294.029 152.526 292.104 167.627 292.104C182.727 292.104 197.389 294.029 211.356 297.644C214.073 298.35 216.714 296.318 216.714 293.516V293.505Z" fill="url(#paint0_linear_1821_8878)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1821_8878" x1="167.637" y1="151.569" x2="167.637" y2="293.751" gradientUnits="userSpaceOnUse">
+<stop offset="0.28" stop-color="#2D6CFF"/>
+<stop offset="0.97" stop-color="#6AB8FF"/>
+</linearGradient>
+<clipPath id="clip0_1821_8878">
+<rect width="335.261" height="308" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/docs/account.png b/public/docs/account.png
new file mode 100644
index 0000000..2562d0e
Binary files /dev/null and b/public/docs/account.png differ
diff --git a/public/docs/execute.png b/public/docs/execute.png
new file mode 100644
index 0000000..f586b77
Binary files /dev/null and b/public/docs/execute.png differ
diff --git a/public/docs/interact.png b/public/docs/interact.png
new file mode 100644
index 0000000..500d926
Binary files /dev/null and b/public/docs/interact.png differ
diff --git a/public/docs/project.png b/public/docs/project.png
new file mode 100644
index 0000000..f6a50a9
Binary files /dev/null and b/public/docs/project.png differ
diff --git a/src/const/network.ts b/src/const/network.ts
index 257871e..8476c1c 100644
--- a/src/const/network.ts
+++ b/src/const/network.ts
@@ -12,4 +12,11 @@ export const ARBITRUM_SEPOLIA = {
   blockExplorerUrls: ["https://sepolia.arbiscan.io/"],
 };
 
-export const ARBITRUM_NETWORK = [ARBITRUM_ONE, ARBITRUM_SEPOLIA];
+export const OPEN_CAMPUS_CODEX = {
+  chainName: "Open Campus Codex",
+  chainId: "0xa045c",
+  rpcUrls: ["	https://rpc.open-campus-codex.gelato.digital"],
+  blockExplorerUrls: ["https://opencampus-codex.blockscout.com/"],
+};
+
+export const ARBITRUM_NETWORK = [ARBITRUM_ONE, ARBITRUM_SEPOLIA, OPEN_CAMPUS_CODEX];