From 34e1b5dd8e138d30ab8e5261e49fe1ef3481f231 Mon Sep 17 00:00:00 2001
From: shubhi1928 <shubhijoshi28@gmail.com>
Date: Sun, 20 Feb 2022 23:57:53 +0530
Subject: [PATCH] initial design

---
 assets/icons/ubiquity.svg                     |   3 +
 assets/img/icons/ubiquity/coin_stack.svg      |  17 ++
 assets/img/icons/ubiquity/dollar.svg          |   4 +
 assets/img/icons/ubiquity/earn.svg            |   5 +
 assets/img/icons/ubiquity/gorilla.svg         |   6 +
 assets/img/icons/ubiquity/rainbow.svg         |  38 ++++
 assets/img/icons/ubiquity/stableize.svg       |   6 +
 assets/img/icons/ubiquity/ubiquity1.svg       |   3 +
 assets/img/icons/ubiquity/ubiquity2.svg       |   3 +
 assets/img/icons/ubiquity/use.svg             |   4 +
 .../protocols/ubiquity/CardUbiquity.vue       |  71 +++++++
 constant/abis.ts                              |   1 +
 constant/addresses.ts                         |   3 +-
 pages/Ubiquity.vue                            |   0
 pages/index.vue                               |   7 +
 pages/mainnet/ubiquity.vue                    | 196 ++++++++++++++++++
 16 files changed, 366 insertions(+), 1 deletion(-)
 create mode 100644 assets/icons/ubiquity.svg
 create mode 100644 assets/img/icons/ubiquity/coin_stack.svg
 create mode 100644 assets/img/icons/ubiquity/dollar.svg
 create mode 100644 assets/img/icons/ubiquity/earn.svg
 create mode 100644 assets/img/icons/ubiquity/gorilla.svg
 create mode 100644 assets/img/icons/ubiquity/rainbow.svg
 create mode 100644 assets/img/icons/ubiquity/stableize.svg
 create mode 100644 assets/img/icons/ubiquity/ubiquity1.svg
 create mode 100644 assets/img/icons/ubiquity/ubiquity2.svg
 create mode 100644 assets/img/icons/ubiquity/use.svg
 create mode 100644 components/protocols/ubiquity/CardUbiquity.vue
 create mode 100644 pages/Ubiquity.vue
 create mode 100644 pages/mainnet/ubiquity.vue

diff --git a/assets/icons/ubiquity.svg b/assets/icons/ubiquity.svg
new file mode 100644
index 0000000..6889718
--- /dev/null
+++ b/assets/icons/ubiquity.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4163 0.715927L0.915705 6.34155C0.738628 6.44637 0.59158 6.59715 0.489342 6.77871C0.387104 6.96028 0.333278 7.16624 0.333273 7.3759V18.6247C0.332046 18.8356 0.385288 19.0431 0.487588 19.226C0.589887 19.4089 0.737597 19.5608 0.915705 19.6663L10.4163 25.2919C10.5934 25.3967 10.7943 25.4519 10.9988 25.4519C11.2033 25.4519 11.4041 25.3967 11.5812 25.2919L21.0842 19.6663C21.2613 19.5614 21.4083 19.4107 21.5105 19.2291C21.6128 19.0475 21.6666 18.8416 21.6666 18.6319V7.3759C21.6666 7.16624 21.6128 6.96028 21.5105 6.77871C21.4083 6.59715 21.2613 6.44637 21.0842 6.34155L11.5812 0.715927C11.4041 0.611097 11.2033 0.555908 10.9988 0.555908C10.7943 0.555908 10.5934 0.611097 10.4163 0.715927V0.715927ZM18.8756 6.68792C18.9462 6.72992 19.0048 6.7902 19.0456 6.86273C19.0863 6.93526 19.1077 7.01749 19.1077 7.10118C19.1077 7.18488 19.0863 7.26711 19.0456 7.33964C19.0048 7.41217 18.9462 7.47245 18.8756 7.51445L17.4778 8.34575C16.8441 8.72079 16.5202 9.32277 16.2337 9.85069C16.1917 9.92952 16.1498 10.0084 16.1055 10.0896C15.4066 11.3413 15.0805 12.6551 14.7916 13.8161C14.2441 16.0257 13.8457 17.3014 12.0262 17.7767C11.3529 17.9535 10.647 17.9535 9.9737 17.7767C8.15418 17.299 7.75346 16.0257 7.20365 13.8137C6.91476 12.6528 6.5886 11.3389 5.88735 10.0872L5.76154 9.8483C5.47499 9.32038 5.15116 8.7184 4.51747 8.34336L3.11963 7.51445C3.04847 7.47261 2.98935 7.41226 2.94823 7.33948C2.90712 7.26671 2.88546 7.18409 2.88546 7.09999C2.88546 7.01589 2.90712 6.93327 2.94823 6.8605C2.98935 6.78773 3.04847 6.72737 3.11963 6.68553L10.4163 2.37136C10.5934 2.26653 10.7943 2.21135 10.9988 2.21135C11.2033 2.21135 11.4041 2.26653 11.5812 2.37136L18.8756 6.68792ZM10.4163 23.6293L2.31354 18.8326C2.13647 18.7277 1.98942 18.577 1.88718 18.3954C1.78494 18.2138 1.73112 18.0079 1.73111 17.7982V9.17466C1.73119 9.09084 1.75279 9.00851 1.79371 8.93595C1.83464 8.86339 1.89347 8.80315 1.96429 8.76128C2.03511 8.7194 2.11543 8.69737 2.19718 8.69739C2.27893 8.69741 2.35923 8.71949 2.43003 8.7614L3.82787 9.58792C4.1284 9.7647 4.3241 10.1254 4.54776 10.5434L4.68754 10.7823C5.29094 11.8668 5.58216 13.0302 5.8524 14.1529C6.37659 16.2646 6.91942 18.4528 9.63822 19.1527C10.5335 19.3851 11.4711 19.3851 12.3663 19.1527C15.0805 18.4719 15.6233 16.2789 16.1498 14.172C16.4294 13.0493 16.7183 11.8859 17.3147 10.8038L17.4521 10.5506C17.6851 10.1302 17.8738 9.76947 18.1743 9.59509L19.5582 8.77095C19.629 8.72904 19.7093 8.70697 19.7911 8.70695C19.8728 8.70693 19.9531 8.72896 20.0239 8.77083C20.0948 8.81271 20.1536 8.87295 20.1945 8.94551C20.2355 9.01807 20.257 9.10039 20.2571 9.18422V17.8078C20.2571 18.0174 20.2033 18.2234 20.1011 18.405C19.9988 18.5865 19.8518 18.7373 19.6747 18.8421L11.5812 23.6293C11.4041 23.7341 11.2033 23.7893 10.9988 23.7893C10.7943 23.7893 10.5934 23.7341 10.4163 23.6293Z" fill="white"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/coin_stack.svg b/assets/img/icons/ubiquity/coin_stack.svg
new file mode 100644
index 0000000..b9321cf
--- /dev/null
+++ b/assets/img/icons/ubiquity/coin_stack.svg
@@ -0,0 +1,17 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_256)">
+<path d="M5.81087 11.421C6.37292 11.421 6.91619 11.3847 7.43029 11.3171V5.6822C6.91624 5.61467 6.37292 5.57837 5.81087 5.57837C2.60166 5.57837 7.62939e-05 6.7583 7.62939e-05 8.21388V8.78544C7.62939e-05 10.241 2.60166 11.421 5.81087 11.421Z" fill="#9FB0C9"/>
+<path d="M5.81087 14.3631C6.37292 14.3631 6.91619 14.3268 7.43029 14.2593V12.6076C6.91609 12.6751 6.37307 12.7119 5.81087 12.7119C3.00958 12.7119 0.671489 11.8128 0.122287 10.6162C0.0423073 10.7905 7.62939e-05 10.971 7.62939e-05 11.156V11.7276C7.62939e-05 13.1831 2.60166 14.3631 5.81087 14.3631Z" fill="#9FB0C9"/>
+<path d="M7.43021 15.6784V15.55C6.91602 15.6175 6.37299 15.6543 5.81079 15.6543C3.0095 15.6543 0.671413 14.7552 0.122211 13.5586C0.042231 13.7328 0 13.9133 0 14.0983V14.6699C0 16.1255 2.60159 17.3055 5.81079 17.3055C6.45257 17.3055 7.06985 17.2581 7.64709 17.171C7.50401 16.8783 7.43021 16.5697 7.43021 16.2499V15.6784Z" fill="#9FB0C9"/>
+<path d="M14.1895 1.1145C10.9803 1.1145 8.37874 2.29443 8.37874 3.75001V4.32157C8.37874 5.77715 10.9803 6.95708 14.1895 6.95708C17.3987 6.95708 20.0003 5.77715 20.0003 4.32157V3.75001C20.0003 2.29443 17.3987 1.1145 14.1895 1.1145Z" fill="#9FB0C9"/>
+<path d="M14.1895 8.2483C11.3882 8.2483 9.05015 7.34925 8.50095 6.15259C8.42097 6.32684 8.37874 6.50732 8.37874 6.69238V7.26394C8.37874 8.71952 10.9803 9.89945 14.1895 9.89945C17.3987 9.89945 20.0003 8.71952 20.0003 7.26394V6.69238C20.0003 6.50732 19.9581 6.32684 19.8781 6.15259C19.3289 7.34925 16.9908 8.2483 14.1895 8.2483Z" fill="#9FB0C9"/>
+<path d="M14.1895 11.1907C11.3882 11.1907 9.05015 10.2916 8.50095 9.09497C8.42097 9.26922 8.37874 9.4497 8.37874 9.63476V10.2063C8.37874 11.662 10.9803 12.8419 14.1895 12.8419C17.3987 12.8419 20.0003 11.662 20.0003 10.2063V9.63476C20.0003 9.4497 19.9581 9.26922 19.8781 9.09497C19.3289 10.2916 16.9908 11.1907 14.1895 11.1907Z" fill="#9FB0C9"/>
+<path d="M14.1895 14.2918C11.3882 14.2918 9.05015 13.3927 8.50095 12.196C8.42097 12.3703 8.37874 12.5508 8.37874 12.7358V13.3074C8.37874 14.763 10.9803 15.9429 14.1895 15.9429C17.3987 15.9429 20.0003 14.763 20.0003 13.3074V12.7358C20.0003 12.5508 19.9581 12.3702 19.8781 12.196C19.3289 13.3926 16.9908 14.2918 14.1895 14.2918Z" fill="#9FB0C9"/>
+<path d="M14.1895 17.2344C11.3882 17.2344 9.05015 16.3353 8.50095 15.1387C8.42097 15.313 8.37874 15.4936 8.37874 15.6785V16.25C8.37874 17.7056 10.9803 18.8855 14.1895 18.8855C17.3987 18.8855 20.0003 17.7056 20.0003 16.25V15.6784C20.0003 15.4934 19.9581 15.3129 19.8781 15.1387C19.3289 16.3353 16.9908 17.2344 14.1895 17.2344Z" fill="#9FB0C9"/>
+</g>
+<defs>
+<clipPath id="clip0_1_256">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/img/icons/ubiquity/dollar.svg b/assets/img/icons/ubiquity/dollar.svg
new file mode 100644
index 0000000..7ca7bf2
--- /dev/null
+++ b/assets/img/icons/ubiquity/dollar.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C3.589 0 0 3.589 0 8C0 12.411 3.589 16 8 16C12.411 16 16 12.411 16 8C16 3.589 12.411 0 8 0ZM8 14.546C6.26464 14.5439 4.60097 13.8535 3.37397 12.6263C2.14698 11.3991 1.45685 9.73536 1.455 8C1.45712 6.26481 2.14736 4.60129 3.37432 3.37432C4.60129 2.14736 6.26481 1.45712 8 1.455C9.73536 1.45685 11.3991 2.14698 12.6263 3.37397C13.8535 4.60097 14.5439 6.26464 14.546 8C14.5441 9.73554 13.8539 11.3995 12.6267 12.6267C11.3995 13.8539 9.73554 14.5441 8 14.546Z" fill="#9FB0C9"/>
+<path d="M9.01891 7.60273L7.33141 7.04727C7.1361 6.98398 7.00016 6.77832 7.00016 6.5498C7.00016 6.26328 7.20641 6.03125 7.4611 6.03125H8.49704C8.68766 6.03125 8.87516 6.09629 9.03141 6.21582C9.12673 6.28789 9.25485 6.27031 9.3361 6.18066L9.87985 5.58301C9.99079 5.46172 9.97516 5.25957 9.85173 5.15234C9.46891 4.81484 8.99079 4.62676 8.50016 4.625V3.78125C8.50016 3.62656 8.38766 3.5 8.25016 3.5H7.75016C7.61266 3.5 7.50016 3.62656 7.50016 3.78125V4.625H7.4611C6.46579 4.625 5.66579 5.58652 5.75798 6.72734C5.8236 7.5377 6.3736 8.19688 7.06735 8.42539L8.66891 8.95273C8.86423 9.01777 9.00016 9.22168 9.00016 9.4502C9.00016 9.73672 8.79391 9.96875 8.53923 9.96875H7.50329C7.31266 9.96875 7.12516 9.90371 6.96891 9.78418C6.8736 9.71211 6.74548 9.72969 6.66423 9.81934L6.12048 10.417C6.00954 10.5383 6.02516 10.7404 6.1486 10.8477C6.53141 11.1852 7.00954 11.3732 7.50016 11.375V12.2188C7.50016 12.3734 7.61266 12.5 7.75016 12.5H8.25016C8.38766 12.5 8.50016 12.3734 8.50016 12.2188V11.3715C9.22829 11.3557 9.9111 10.8688 10.1517 10.0936C10.4877 9.01074 9.9236 7.8998 9.01891 7.60273Z" fill="#9FB0C9"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/earn.svg b/assets/img/icons/ubiquity/earn.svg
new file mode 100644
index 0000000..1d43aaa
--- /dev/null
+++ b/assets/img/icons/ubiquity/earn.svg
@@ -0,0 +1,5 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.97372 13.6552C10.8201 12.8088 11.3562 11.6239 11.3562 10.2978C11.3562 9.81821 11.2151 9.28216 10.9894 8.7179C10.7355 8.12542 10.3969 7.53295 10.0019 6.91226C10.0019 6.88405 9.97372 6.88405 9.97372 6.85583C9.15554 5.61445 8.08344 4.40129 7.18061 3.3574L6.61635 2.7085L6.05209 3.3574C4.30287 5.38875 1.87654 8.18185 1.87654 10.2978C1.87654 11.5956 2.41259 12.7806 3.25898 13.6552C4.10538 14.5016 5.29033 15.0377 6.61635 15.0377C7.91416 15.0377 9.09911 14.5016 9.97372 13.6552Z" fill="white"/>
+<path d="M22.6421 0.169279L22.5011 0L22.36 0.169279C21.3161 1.38245 19.8773 3.04702 19.8773 4.23198C19.8773 4.96552 20.1594 5.61442 20.639 6.09404C21.1186 6.57367 21.7675 6.8558 22.5011 6.8558C23.2346 6.8558 23.8835 6.57367 24.3631 6.09404C24.8428 5.61442 25.1249 4.96552 25.1249 4.23198C25.1249 3.04702 23.686 1.38245 22.6421 0.169279Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0543 4.7144C13.2376 4.50084 13.4156 4.29358 13.5846 4.09082C14.036 4.59866 14.4874 5.13471 14.967 5.7554C15.0116 5.80725 15.0564 5.85939 15.1014 5.9118C18.1935 9.50906 22.3871 14.3877 22.3871 18.1974C22.3871 20.6237 21.4278 22.8526 19.8197 24.4325C18.2115 26.0125 16.0109 26.9999 13.5846 26.9999C11.1582 26.9999 8.9576 26.0407 7.34945 24.4325C5.76951 22.8244 4.78205 20.6237 4.78205 18.1974C4.78205 17.7742 4.83848 17.3792 4.92312 16.956L5.0924 16.2789C5.16293 16.293 5.22641 16.3071 5.28989 16.3212C5.35337 16.3353 5.41685 16.3494 5.48738 16.3635C5.85415 16.4482 6.22092 16.4764 6.61591 16.4764C8.33691 16.4764 9.86042 15.7993 10.9889 14.6708C12.1175 13.5422 12.7946 11.9905 12.7946 10.2977C12.7946 9.6206 12.6253 8.91527 12.315 8.18173C12.0893 7.64568 11.8071 7.10963 11.4686 6.57358L12.2021 5.72718C12.4902 5.37126 12.7784 5.03571 13.0543 4.7144ZM16.152 20.0313C16.152 19.6752 15.8639 19.3864 15.5084 19.3864H12.2904V18.0968H15.5084C15.8639 18.0968 16.152 17.808 16.152 17.4519C16.152 17.0957 15.8639 16.807 15.5084 16.807H14.2212V16.1621C14.2212 15.8059 13.933 15.5172 13.5776 15.5172C13.2221 15.5172 12.934 15.8059 12.934 16.1621V16.8069H11.6468C11.2913 16.8069 11.0031 17.0957 11.0031 17.4518V20.0313C11.0031 20.3874 11.2913 20.6761 11.6468 20.6761H14.8648V21.9658H11.6468C11.2913 21.9658 11.0031 22.2545 11.0031 22.6107C11.0031 22.9668 11.2913 23.2555 11.6468 23.2555H12.934V23.9004C12.934 24.2566 13.2221 24.5454 13.5776 24.5454C13.933 24.5454 14.2212 24.2566 14.2212 23.9005V23.2556H15.5084C15.8639 23.2556 16.152 22.9669 16.152 22.6107V20.0313Z" fill="white"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/gorilla.svg b/assets/img/icons/ubiquity/gorilla.svg
new file mode 100644
index 0000000..1f0b377
--- /dev/null
+++ b/assets/img/icons/ubiquity/gorilla.svg
@@ -0,0 +1,6 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.1011 18.7968C8.30806 18.9472 8.56604 18.9868 8.80959 18.905C10.2195 18.4356 11.7728 18.4351 13.1827 18.9055C13.4237 18.9849 13.6835 18.9472 13.8905 18.7968C14.0981 18.647 14.2171 18.4149 14.2171 18.1594C14.2171 17.9525 14.1333 17.7499 13.9868 17.6032L13.1076 16.7242C12.8834 16.8363 12.6424 16.9263 12.3711 16.9634C12.3416 16.9672 12.3125 16.9691 12.2837 16.9691C11.9666 16.9691 11.6897 16.7351 11.6457 16.4117C11.5979 16.0593 11.8444 15.7346 12.1974 15.6862C12.5573 15.637 12.8047 15.4628 12.8945 15.1961C12.9732 14.962 12.9141 14.7085 12.7397 14.5343C12.4881 14.2825 12.0804 14.2825 11.8286 14.5343L11.4512 14.9118C11.1996 15.1634 10.7919 15.1634 10.5403 14.9118L10.1628 14.5343C9.91116 14.2825 9.5033 14.2825 9.25169 14.5343C9.07747 14.7085 9.01822 14.962 9.09694 15.1961C9.1869 15.4628 9.43414 15.6372 9.79401 15.6862C10.147 15.7346 10.3936 16.0593 10.3457 16.4117C10.298 16.764 9.97327 17.0087 9.62029 16.9634C9.34921 16.9263 9.10818 16.8363 8.88377 16.7242L8.00459 17.6032C7.85806 17.7499 7.77448 17.9525 7.77448 18.1594C7.77448 18.4147 7.89348 18.6469 8.1011 18.7968Z" fill="#9FB0C9"/>
+<path d="M9.70721 20.7877H12.2843C12.6366 20.7877 12.9216 20.5037 12.9267 20.1524C12.8765 20.1397 12.8253 20.1444 12.7756 20.1277C11.6269 19.7452 10.3642 19.7447 9.2166 20.1271C9.16692 20.1435 9.11623 20.1457 9.06604 20.1583C9.07426 20.5064 9.35709 20.7877 9.70721 20.7877Z" fill="#9FB0C9"/>
+<path d="M10.9958 13.5486C11.7546 12.8712 12.9228 12.8957 13.6508 13.623C13.8084 13.7806 13.9232 13.9636 14.0162 14.1561C14.9024 13.8419 15.5055 13.1678 15.5055 12.4125C15.5055 11.3468 14.3499 10.4797 12.9285 10.4797C12.3517 10.4797 11.7986 10.6301 11.3293 10.9138C11.1242 11.0385 10.8674 11.0385 10.6624 10.9138C10.193 10.6301 9.63992 10.4797 9.06303 10.4797C7.64171 10.4797 6.48608 11.3467 6.48608 12.4125C6.48608 13.1678 7.08916 13.8419 7.97539 14.1561C8.06837 13.9636 8.18318 13.7804 8.34079 13.623C9.06874 12.8957 10.2383 12.8712 10.9958 13.5486ZM13.5722 11.7683C13.9279 11.7683 14.2164 12.0567 14.2164 12.4125C14.2164 12.7683 13.9279 13.0567 13.5722 13.0567C13.2164 13.0567 12.9279 12.7683 12.9279 12.4125C12.9279 12.0567 13.2164 11.7683 13.5722 11.7683ZM8.41817 13.0567C8.06233 13.0567 7.77397 12.7683 7.77397 12.4125C7.77397 12.0567 8.06233 11.7683 8.41817 11.7683C8.774 11.7683 9.06236 12.0567 9.06236 12.4125C9.06236 12.7683 8.774 13.0567 8.41817 13.0567Z" fill="#9FB0C9"/>
+<path d="M16.9085 5.72542C15.8743 4.59413 15.0671 3.11121 14.3291 1.86478C13.6068 0.644867 12.4542 0 10.9958 0C9.58018 0 8.44521 0.624725 7.71222 1.80754C6.91612 3.09459 6.09737 4.61528 5.08307 5.72542C2.80421 8.21928 1.33203 11.8559 1.33203 14.9895C1.33203 19.2278 3.9825 21.5764 9.19917 22C8.38075 21.7751 7.77449 21.0324 7.77449 20.1436V20.0795C7.62595 20.0179 7.48244 19.939 7.34732 19.8417C6.79997 19.4471 6.4861 18.8337 6.4861 18.1593C6.4861 17.6132 6.70749 17.0784 7.09387 16.692L7.97809 15.8078C7.94586 15.7397 7.90038 15.6802 7.87587 15.6074C7.85959 15.5594 7.8606 15.51 7.84834 15.4615C6.28989 15.0313 5.19754 13.8134 5.19754 12.4126C5.19754 10.6364 6.9314 9.19145 9.06305 9.19145C9.74384 9.19145 10.4043 9.34235 10.9958 9.62987C11.5871 9.34235 12.2478 9.19145 12.9286 9.19145C15.06 9.19145 16.7941 10.6364 16.7941 12.4126C16.7941 13.8136 15.7017 15.0313 14.1433 15.4615C14.131 15.51 14.1319 15.5594 14.1157 15.6074C14.0912 15.6802 14.0456 15.7397 14.0134 15.8078L14.8977 16.692C15.2841 17.0784 15.5055 17.6132 15.5055 18.1593C15.5055 18.8337 15.1915 19.4471 14.6441 19.8417C14.5108 19.9377 14.3635 19.9979 14.2169 20.0594V20.1436C14.2169 21.0324 13.6109 21.7751 12.7924 22C18.0091 21.5764 20.6596 19.2278 20.6596 14.9895C20.6596 11.8559 19.1874 8.21928 16.9085 5.72542ZM12.9286 7.90289C12.3327 7.90289 11.7483 7.99219 11.1902 8.16893C11.1272 8.18907 11.0613 8.19914 10.9958 8.19914C10.9303 8.19914 10.8644 8.18907 10.8014 8.16893C10.2433 7.99219 9.65891 7.90289 9.06305 7.90289C8.70688 7.90289 8.41885 7.6147 8.41885 7.25853C8.41885 6.90253 8.70688 6.61433 9.06305 6.61433C9.72185 6.61433 10.3711 6.7043 10.9958 6.88239C11.6205 6.7043 12.2698 6.61433 12.9286 6.61433C13.2847 6.61433 13.5728 6.90253 13.5728 7.25853C13.5728 7.6147 13.2847 7.90289 12.9286 7.90289Z" fill="#9FB0C9"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/rainbow.svg b/assets/img/icons/ubiquity/rainbow.svg
new file mode 100644
index 0000000..37a25ce
--- /dev/null
+++ b/assets/img/icons/ubiquity/rainbow.svg
@@ -0,0 +1,38 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0032 20.646C12.9438 24.6497 11.8816 28.324 9.63055 28.8528C7.37955 29.3817 4.79223 26.5648 3.8516 22.5612C2.91097 18.5575 3.97324 14.8832 6.22424 14.3543C8.47524 13.8255 11.0626 16.6424 12.0032 20.646Z" fill="url(#paint0_angular_1_339)"/>
+<path d="M30.6951 12.0939C30.6951 12.0939 30.2989 10.9978 29.5917 9.97479C27.0561 6.31502 20.0463 3.42859 18.7845 2.91099C17.2973 2.30204 15.8039 1.85143 15.8039 1.85143C13.8961 1.28188 12.1529 0.917794 9.9522 0.73091C9.37928 0.682256 7.46531 0.755278 5.63062 1.80881L12.6586 6.27851C11.6862 7.29997 11.6786 11.1266 12.9462 14.72C13.7395 17.38 12.3395 18.4533 23.7729 15.5133C26.2514 14.4866 26.3185 12.2096 26.2514 12.5689L30.6951 12.0939Z" fill="url(#paint1_linear_1_339)"/>
+<path d="M31.214 14.7064C31.1531 13.5737 30.897 12.6662 30.6959 12.0938L26.2524 12.5688C25.9781 13.9694 22.6803 14.5663 19.7362 15.0961C18.2001 15.3701 17.5183 15.4697 16.4002 15.5598C15.4183 15.6391 14.9332 15.651 14.6772 15.8398C14.2597 16.3179 14.732 17.2003 14.7199 19.6665C14.7199 20.5312 14.7139 21.3037 14.6772 21.7665C14.5371 23.4107 13.6991 25.2157 14.1136 25.4532C14.3086 25.5628 15.7927 24.7236 16.0244 24.6383C16.9203 24.3095 17.8529 24.0721 18.7733 23.8224C21.2176 23.1708 23.6497 22.5619 24.4116 22.367C25.4906 22.166 26.3683 21.9102 26.9961 21.7031C28.1055 21.3316 28.7637 21.0575 29.3732 20.5521C31.4456 18.8653 31.2628 15.5649 31.214 14.7064Z" fill="url(#paint2_linear_1_339)"/>
+<path d="M5.63107 1.80884C2.86369 3.39814 1.9372 6.36984 1.35816 8.22719C0.663279 10.4559 0.626648 12.3863 0.626648 13.9452C0.626648 15.157 0.733952 16.8031 0.953315 18.3133C1.09967 19.3363 1.39044 21.6136 2.21332 23.8667C3.14665 26.76 4.92 30.26 8.53861 31.3733C8.84942 31.422 9.45293 31.4952 10.1782 31.2881C12.9822 30.4904 14.7438 26.179 14.8108 20.601C14.8779 19.3405 14.8718 17.8851 14.7194 16.2714C14.6218 15.2666 14.4694 13.6529 13.8965 11.619C13.482 10.1515 12.9943 8.9518 12.5982 8.0871C12.4031 7.466 12.2812 6.72308 12.6591 6.27858L12.3867 5.85334L5.63107 1.80884ZM9.64799 28.7914C7.40483 29.3212 4.81423 26.5261 3.86947 22.5375C2.92463 18.5489 3.97307 14.889 6.21623 14.3593C8.4593 13.8295 11.0499 16.6246 11.9947 20.6132C12.9395 24.5958 11.8911 28.2616 9.64799 28.7914Z" fill="url(#paint3_radial_1_339)"/>
+<defs>
+<radialGradient id="paint0_angular_1_339" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.4736 19.9) rotate(175.956) scale(13.8946 8.49415)">
+<stop stop-color="#E8FE42"/>
+<stop offset="0.199738" stop-color="#F35432"/>
+<stop offset="0.404167" stop-color="#EBFB41"/>
+<stop offset="0.555208" stop-color="#84FFC1"/>
+<stop offset="0.701042" stop-color="#5981F2"/>
+<stop offset="0.841667" stop-color="#7AD6CE"/>
+<stop offset="1" stop-color="#E8FF46"/>
+</radialGradient>
+<linearGradient id="paint1_linear_1_339" x1="10.9862" y1="2.95997" x2="15.5045" y2="19.4823" gradientUnits="userSpaceOnUse">
+<stop stop-color="#ED2626"/>
+<stop offset="0.259729" stop-color="#FFA84C"/>
+<stop offset="0.544792" stop-color="#FFD84C"/>
+<stop offset="0.815625" stop-color="#ECFF5A"/>
+<stop offset="1" stop-color="#62CDDD"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_339" x1="18.0338" y1="14.0665" x2="21.5758" y2="23.2617" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD84C"/>
+<stop offset="0.196022" stop-color="#EAFF44"/>
+<stop offset="0.357292" stop-color="#CDF364"/>
+<stop offset="0.556721" stop-color="#A2E093"/>
+<stop offset="1" stop-color="#5FCEF1"/>
+</linearGradient>
+<radialGradient id="paint3_radial_1_339" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.34665 3.28668) rotate(84.4117) scale(28.2744 11.0113)">
+<stop offset="0.1125" stop-color="#ED2626"/>
+<stop offset="0.625386" stop-color="#FFC04C"/>
+<stop offset="0.779167" stop-color="#E9FF3F"/>
+<stop offset="0.904167" stop-color="#71D3D9"/>
+<stop offset="1" stop-color="#4C53FF"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/assets/img/icons/ubiquity/stableize.svg b/assets/img/icons/ubiquity/stableize.svg
new file mode 100644
index 0000000..40f74fb
--- /dev/null
+++ b/assets/img/icons/ubiquity/stableize.svg
@@ -0,0 +1,6 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.1669 7.0549C22.0602 6.86806 21.929 6.73802 21.7271 6.66625L15.8725 4.53525C15.8946 3.89928 15.6642 3.25644 15.1796 2.77234C14.1826 1.77482 12.5173 1.85466 11.6279 2.99014L5.78228 0.86283C5.78176 0.862303 5.78123 0.862303 5.78123 0.862303C5.37175 0.716018 4.95915 0.932809 4.80511 1.2499L1.10052 8.60635H2.87187L5.51545 3.35611L8.19119 8.60635H9.96676L7.12806 3.03601L11.1253 4.49096C11.1417 5.50725 11.791 6.36725 12.7089 6.69209V22.0557C12.7089 22.4924 13.0633 22.8467 13.5 22.8467C13.9366 22.8467 14.291 22.4924 14.291 22.0557V6.69209C14.6763 6.55635 15.0227 6.32263 15.294 6.00812L20.3533 7.84961L17.0231 14.4651H18.7945L21.4602 9.16955L24.128 14.4651H25.8994L22.1669 7.0549ZM14.0611 5.01303C13.7515 5.32258 13.2484 5.32258 12.9389 5.01303C12.6293 4.70348 12.6293 4.20039 12.9389 3.89084C13.2484 3.58129 13.7515 3.58129 14.0611 3.89084C14.3711 4.20086 14.3716 4.70247 14.0611 5.01303Z" fill="white"/>
+<path d="M14.4308 21.3174H12.568C10.3207 21.3174 8.49225 23.1457 8.49225 25.3931C8.49225 25.83 8.84641 26.1841 9.28326 26.1841H17.7155C18.1523 26.1841 18.5065 25.83 18.5065 25.3931C18.5065 23.1457 16.6781 21.3174 14.4308 21.3174Z" fill="white"/>
+<path d="M26.2096 16.0469H16.7148C16.278 16.0469 15.9238 16.401 15.9238 16.8379C15.9238 19.8918 18.4083 22.3763 21.4622 22.3763C24.5161 22.3763 27.0006 19.8918 27.0006 16.8379C27.0006 16.401 26.6465 16.0469 26.2096 16.0469Z" fill="white"/>
+<path d="M10.2885 10.1885H0.791016C0.354164 10.1885 0 10.5426 0 10.9795C0 14.0341 2.48511 16.5192 5.53975 16.5192C8.59439 16.5192 11.0795 14.0341 11.0795 10.9795C11.0795 10.5426 10.7253 10.1885 10.2885 10.1885Z" fill="white"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/ubiquity1.svg b/assets/img/icons/ubiquity/ubiquity1.svg
new file mode 100644
index 0000000..2e27856
--- /dev/null
+++ b/assets/img/icons/ubiquity/ubiquity1.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="28" viewBox="0 0 24 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3434 0.180266L0.655168 6.50909C0.455956 6.62702 0.290528 6.79664 0.17551 7.0009C0.0604924 7.20516 -6.23935e-05 7.43687 -6.82372e-05 7.67273V20.3277C-0.00144818 20.5649 0.0584492 20.7983 0.173536 21.0041C0.288623 21.2099 0.454797 21.3808 0.655168 21.4994L11.3434 27.8282C11.5426 27.9461 11.7686 28.0082 11.9986 28.0082C12.2287 28.0082 12.4546 27.9461 12.6539 27.8282L23.3447 21.4994C23.5439 21.3815 23.7093 21.2118 23.8244 21.0076C23.9394 20.8033 23.9999 20.5716 23.9999 20.3357V7.67273C23.9999 7.43687 23.9394 7.20516 23.8244 7.0009C23.7093 6.79664 23.5439 6.62702 23.3447 6.50909L12.6539 0.180266C12.4546 0.0623315 12.2287 0.000244141 11.9986 0.000244141C11.7686 0.000244141 11.5426 0.0623315 11.3434 0.180266ZM20.86 6.89876C20.9395 6.94601 21.0054 7.01382 21.0513 7.09542C21.0971 7.17701 21.1212 7.26952 21.1212 7.36368C21.1212 7.45784 21.0971 7.55035 21.0513 7.63194C21.0054 7.71354 20.9395 7.78135 20.86 7.8286L19.2875 8.76381C18.5746 9.18574 18.2103 9.86296 17.8879 10.4569C17.8407 10.5456 17.7935 10.6342 17.7437 10.7256C16.9575 12.1338 16.5905 13.6119 16.2655 14.918C15.6496 17.4038 15.2014 18.8389 13.1545 19.3737C12.397 19.5725 11.6029 19.5725 10.8454 19.3737C8.79845 18.8362 8.34765 17.4038 7.7291 14.9153C7.40411 13.6092 7.03717 12.1311 6.24827 10.7229L6.10674 10.4542C5.78436 9.86027 5.42005 9.18305 4.70715 8.76113L3.13458 7.8286C3.05453 7.78153 2.98802 7.71363 2.94176 7.63176C2.8955 7.54989 2.87115 7.45695 2.87115 7.36234C2.87115 7.26772 2.8955 7.17478 2.94176 7.09291C2.98802 7.01104 3.05453 6.94314 3.13458 6.89607L11.3434 2.04263C11.5426 1.9247 11.7686 1.86261 11.9986 1.86261C12.2287 1.86261 12.4546 1.9247 12.6539 2.04263L20.86 6.89876ZM11.3434 25.9578L2.22774 20.5615C2.02852 20.4436 1.8631 20.2739 1.74808 20.0697C1.63306 19.8654 1.57251 19.6337 1.5725 19.3978V9.69634C1.57259 9.60204 1.59688 9.50943 1.64293 9.4278C1.68897 9.34616 1.75516 9.27839 1.83483 9.23128C1.9145 9.18418 2.00485 9.15939 2.09682 9.15941C2.18879 9.15944 2.27914 9.18427 2.35878 9.23142L3.93135 10.1613C4.26945 10.3601 4.48961 10.7659 4.74122 11.2362L4.89848 11.505C5.57731 12.725 5.90492 14.0338 6.20895 15.2969C6.79867 17.6725 7.40935 20.1342 10.468 20.9216C11.4751 21.1831 12.53 21.1831 13.5371 20.9216C16.5905 20.1557 17.2012 17.6887 17.7935 15.3184C18.1081 14.0553 18.433 12.7465 19.104 11.5291L19.2586 11.2443C19.5207 10.7713 19.733 10.3655 20.0711 10.1693L21.628 9.24217C21.7076 9.19502 21.798 9.17019 21.8899 9.17016C21.9819 9.17014 22.0723 9.19493 22.1519 9.24203C22.2316 9.28914 22.2978 9.35691 22.3438 9.43855C22.3899 9.52018 22.4142 9.61279 22.4143 9.70709V19.4086C22.4143 19.6445 22.3537 19.8762 22.2387 20.0804C22.1237 20.2847 21.9582 20.4543 21.759 20.5722L12.6539 25.9578C12.4546 26.0757 12.2287 26.1378 11.9986 26.1378C11.7686 26.1378 11.5426 26.0757 11.3434 25.9578Z" fill="#06051B"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/ubiquity2.svg b/assets/img/icons/ubiquity/ubiquity2.svg
new file mode 100644
index 0000000..e22c53a
--- /dev/null
+++ b/assets/img/icons/ubiquity/ubiquity2.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="28" viewBox="0 0 24 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.93468 18.1496L10.0276 18.2037L17.3994 22.5867L12.3792 25.5733C12.2382 25.6561 12.0795 25.7021 11.9171 25.7073C11.7546 25.7125 11.5934 25.6768 11.4477 25.6032L11.3948 25.5733L2.44448 20.2813C2.30355 20.1976 2.18503 20.0795 2.09947 19.9375C2.01392 19.7955 1.96399 19.634 1.95412 19.4675V17.8435C3.21379 17.2452 4.59424 16.962 5.98175 17.0172C7.36926 17.0724 8.72411 17.4643 9.93468 18.1608V18.1496ZM4.38402 6.81894L12.1732 11.4483L12.2734 11.508C13.7182 12.3424 15.3319 12.8232 16.9883 12.9129C18.6448 13.0026 20.299 12.6987 21.8217 12.0251V19.3947C21.8215 19.5618 21.7807 19.7262 21.7031 19.8731C21.6254 20.0201 21.5133 20.145 21.3769 20.2365L21.3295 20.2701L19.3845 21.4163L11.0266 16.4491C9.66498 15.6402 8.14638 15.1476 6.57828 15.0063C5.01018 14.8651 3.43093 15.0785 1.9523 15.6315V8.83681C1.95282 8.66979 1.99371 8.5055 2.07132 8.35861C2.14893 8.21171 2.26085 8.08677 2.39708 7.99494L2.44448 7.96508L4.38402 6.81894ZM11.887 2.54988C12.0373 2.54991 12.1857 2.58502 12.3208 2.65254L12.3792 2.68428L21.3277 7.96508C21.4689 8.04816 21.5878 8.16583 21.6737 8.30755C21.7596 8.44927 21.8098 8.6106 21.8198 8.77708V9.77201C20.516 10.5175 19.0476 10.9088 17.5543 10.9088C16.061 10.9088 14.5926 10.5175 13.2888 9.77201L13.1721 9.70668L6.36549 5.65041L11.3948 2.68428C11.5252 2.6054 11.672 2.55934 11.8232 2.54988H11.887ZM24 7.61041C23.9999 7.39624 23.9447 7.18586 23.8401 7.00041C23.7355 6.81496 23.585 6.66096 23.4039 6.55388L12.5961 0.16241C12.4146 0.0559879 12.2091 0 12 0C11.7909 0 11.5854 0.0559879 11.4039 0.16241L0.596081 6.55388C0.414951 6.66096 0.264521 6.81496 0.159893 7.00041C0.0552648 7.18586 0.000121742 7.39624 0 7.61041L0 20.3896C0.000353877 20.604 0.0555782 20.8145 0.160167 21.0002C0.264756 21.1859 0.415056 21.3403 0.596081 21.448L11.4039 27.8376C11.5854 27.944 11.7909 28 12 28C12.2091 28 12.4146 27.944 12.5961 27.8376L23.4039 21.448C23.5849 21.3403 23.7352 21.1859 23.8398 21.0002C23.9444 20.8145 23.9996 20.604 24 20.3896V7.61041Z" fill="#06051B"/>
+</svg>
diff --git a/assets/img/icons/ubiquity/use.svg b/assets/img/icons/ubiquity/use.svg
new file mode 100644
index 0000000..5b1eab6
--- /dev/null
+++ b/assets/img/icons/ubiquity/use.svg
@@ -0,0 +1,4 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.3947 0H0.605279C0.271005 0 0 0.271005 0 0.605279V19.9736C0 20.3079 0.271005 20.5789 0.605279 20.5789H1.81578V22.3947C1.81578 22.7289 2.08679 22.9999 2.42106 22.9999H6.05262C6.3869 22.9999 6.6579 22.7289 6.6579 22.3947V20.5789H16.342V22.3947C16.342 22.7289 16.613 22.9999 16.9473 22.9999H20.5789C20.9131 22.9999 21.1842 22.7289 21.1842 22.3947V20.5789H22.3947C22.7289 20.5789 22.9999 20.3079 22.9999 19.9736V0.605279C22.9999 0.271005 22.7289 0 22.3947 0V0ZM2.42106 3.02628C2.42106 2.69201 2.69207 2.421 3.02634 2.421H19.9736C20.3079 2.421 20.5789 2.69201 20.5789 3.02628V17.5525C20.5789 17.8868 20.3079 18.1578 19.9736 18.1578H3.02628C2.69201 18.1578 2.421 17.8868 2.421 17.5525V3.02628H2.42106Z" fill="white"/>
+<path d="M3.63205 3.63135V16.9471H19.3688V3.63135H3.63205ZM13.3162 9.68397C13.6505 9.68397 13.9215 9.95498 13.9215 10.2892V12.7103C13.9215 13.0445 13.6505 13.3155 13.3162 13.3155H12.1057V13.9208C12.1057 14.2551 11.8347 14.5261 11.5005 14.5261C11.1662 14.5261 10.8952 14.255 10.8952 13.9208V13.3155H9.68467C9.3504 13.3155 9.07939 13.0445 9.07939 12.7102C9.07939 12.3759 9.3504 12.1049 9.68467 12.1049H12.711V10.8945H9.68467C9.3504 10.8945 9.07939 10.6235 9.07939 10.2892V7.86813C9.07939 7.53386 9.3504 7.26285 9.68467 7.26285H10.8952V6.65757C10.8952 6.3233 11.1662 6.05229 11.5005 6.05229C11.8347 6.05229 12.1057 6.3233 12.1057 6.65757V7.26291H13.3162C13.6505 7.26291 13.9215 7.53392 13.9215 7.86819C13.9215 8.20246 13.6505 8.47347 13.3162 8.47347H10.29V9.68397H13.3162Z" fill="white"/>
+</svg>
diff --git a/components/protocols/ubiquity/CardUbiquity.vue b/components/protocols/ubiquity/CardUbiquity.vue
new file mode 100644
index 0000000..69bad48
--- /dev/null
+++ b/components/protocols/ubiquity/CardUbiquity.vue
@@ -0,0 +1,71 @@
+<template>
+<div class="shadow rounded-md mt-2 p-[30px]">
+    <div class="flex place-content-between">
+        <div class="flex">
+            <div class="mr-4 ">
+                  <div
+                            style="background: radial-gradient(42.15% 42.15% at 48.94% 48.94%, #D6DAE0 75.67%, #F0F3F9 100%), #C4C4C4;"
+                            class="w-[72px] h-[72px] rounded-full flex items-center justify-center border border-[#CCDCF3]"
+                            >
+                            <div
+                                class="w-[56px] h-[56px] rounded-full flex items-center justify-center bg-[#FFB45E]"
+                            >
+                    
+                          
+                                <RainbowIcon class="w-[30.5px] h-[30.5px] text-bold"/>
+                          </div>
+                            </div>
+            </div>
+             <div class="flex flex-col justify-center">
+                        <div class="text-lg font-semibold">$3,612.017</div>
+                        <div class="flex">
+                            <div class="text-[#C0C5D7] text-xs font-semibold">4.2 UAD3CRV-LP</div>
+                        <DollarIcon class="ml-1" />
+                        </div>
+            </div>
+        </div>
+        <div class="mr-4 h-[32px] w-[140px] mr-[-30px] text-xs font-semibold bg-[#1874FF] shadow  text-white rounded-l-[4px]  justify-center items-center hidden sm:flex ">
+            Staked
+        </div>
+
+    </div>
+
+    <div class="place-content-between mt-[24px] grid w-full grid-cols-1 gap-1 md:grid-cols-4 sm:grid-cols-2 xxl:gap-6 min-w-max-content px-1 ">
+     <div class="flex justify-center">
+         <button class="mr-4  h-[40px] md:h-[32px] w-full border-2 border-[#1874FF] text-xs font-semibold bg-white  text-[#1874FF] rounded-[4px] ">
+        APE IN
+      </button></div>
+     <div class="flex justify-center"><button class="mr-4  h-[40px] md:h-[32px] w-full border-2 border-[#1874FF] text-xs font-semibold bg-white  text-[#1874FF] rounded-[4px] ">
+        WITHDRAW
+      </button></div>
+     <div class="flex justify-center"><button class="mr-4  h-[40px] md:h-[32px] w-full border-2 border-[#1874FF] text-xs font-semibold bg-white  text-[#1874FF] rounded-[4px] ">
+        STAKE
+      </button></div>
+     <div class="flex justify-center"><button class="mr-4  h-[40px] md:h-[32px] w-full border-2 border-[#1874FF] text-xs font-semibold bg-white  text-[#1874FF] rounded-[4px] ">
+        UNSTAKE
+      </button></div>
+    </div>
+    <div class="border-t-2 border-[#9FB0C9] text-[#9FB0C9] text-xl font-semibold flex items-center justify-center mt-[25px] pt-[36px]">
+        Stake and lookup tokens for UBQ Rewards
+    </div>
+
+
+</div>
+   
+</template>
+
+<script>
+import { defineComponent } from '@vue/composition-api'
+import RainbowIcon from "~/assets/img/icons/ubiquity/rainbow.svg?inline";
+import DollarIcon from "~/assets/img/icons/ubiquity/dollar.svg?inline";
+
+export default defineComponent({
+    components:{
+        RainbowIcon,
+        DollarIcon,
+    },
+    setup() {
+        
+    },
+})
+</script>
diff --git a/constant/abis.ts b/constant/abis.ts
index 29d1364..4663c98 100644
--- a/constant/abis.ts
+++ b/constant/abis.ts
@@ -23,6 +23,7 @@ const abis = {
     liquity: liquityABI,
     reflexer: reflexerABI,
     bprotocol: bprotocolABI,
+
   }
 };
 
diff --git a/constant/addresses.ts b/constant/addresses.ts
index 7fcc5cf..d59d58e 100644
--- a/constant/addresses.ts
+++ b/constant/addresses.ts
@@ -14,7 +14,8 @@ const addresses = {
       reflexer: "0x016ca8d0993d1a7073b01802a2e22fd0df7e633a",
       bprotocol: "0x3843019c19259117ed473947007bcafc5c0c7129",
       yearnV2: "0x3f6DCA8a0b7d04737BC3B2aEAbeB1C09431581f0",
-      universe: "0xa7963898453c00b61cff8ce7e5b28c4e8bf1348f"
+      universe: "0xa7963898453c00b61cff8ce7e5b28c4e8bf1348f",
+      
     }
   },
 
diff --git a/pages/Ubiquity.vue b/pages/Ubiquity.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pages/index.vue b/pages/index.vue
index 4d20d22..abaf409 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -107,6 +107,13 @@ const appsPerNetwork = {
       url: "/mainnet/universe",
       description: "Maximizing your Uniswap V3 Return"
     },
+     {
+      id: "ubiquity",
+      icon: UniverseIcon,
+      name: "Ubiquity DAO",
+      url: "/mainnet/ubiquity",
+      description: "The Metaverse Bank"
+    },
   ],
   polygon: [
     {
diff --git a/pages/mainnet/ubiquity.vue b/pages/mainnet/ubiquity.vue
new file mode 100644
index 0000000..a0b5547
--- /dev/null
+++ b/pages/mainnet/ubiquity.vue
@@ -0,0 +1,196 @@
+<template>
+<div>
+    <div>
+      <nuxt-link
+        to="/"
+        class="text-[#C0C5D7] text-lg font-semibold flex items-center"
+      >
+        <BackIcon class="w-4 h-4 mr-3" />
+        Apps
+      </nuxt-link>
+    </div>
+      <div class="mt-10 flex items-center justify-between">
+      <div class="flex items-center">
+        <div
+          style="background: radial-gradient(42.15% 42.15% at 48.94% 48.94%, #D6DAE0 75.67%, #F0F3F9 100%), #C4C4C4;"
+          class="w-16 h-16 rounded-full flex items-center justify-center border border-[#CCDCF3]"
+        >
+          <div
+            class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
+          >
+            <UbiquityIcon class="w-8 h-8 text-white" />
+          </div>
+        </div>
+        <h1 class="ml-4 text-primary-black text-2xl font-semibold">Ubiquity DAO</h1>
+      </div>
+    </div>
+
+    <div class="mt-10">
+      <h2 class="text-primary-gray text-lg font-semibold">Overview</h2>
+
+      <div
+        class="px-0.5 mt-6 grid w-full grid-cols-1 gap-1 md:grid-cols-3 sm:grid-cols-2 xl:gap-[17px]"
+      >
+        <div class="shadow rounded-md  place-content-between flex">
+          <div class="flex flex-col place-content-between py-[24px] pl-[24px] pr-[24px] w-[305px] ">
+            <h3 class="text-[19px] text-primary-black font-semibold  leading-[22px]">
+              Stabilize
+              Liquity Protocol
+            </h3>
+            <p class="mt-1 text-primary font-medium flex justify-end text-[14px] text-[#1874FF]">
+              <a target="_blank" href="https://docs.liquity.org/faq/stability-pool-and-liquidations">- Learn More -</a></p>
+          </div>
+          <div class="flex items-center bg-[#1874FF] shadow rounded-r-md w-[51px] justify-center ">
+            <SVGStableize class="text-white w-[27px] h-[27px]"/>
+          </div>
+        </div>
+
+
+        <div class="shadow rounded-md  place-content-between flex">
+          <div class="flex flex-col place-content-between py-[24px] pl-[24px] pr-[20px] w-[305px]">
+            <h3 class="text-[19px] text-primary-black font-semibold leading-[22px]">
+              Get Passive
+              Yield on Your LUSD
+            </h3>
+            <p class="mt-1 text-primary font-medium flex justify-end text-[14px] text-[#1874FF]">
+              <a target="_blank" href="https://medium.com/b-protocol/b-protocol-liquity-integration-is-live-1342605e7cfb">- Learn More -</a></p>
+          </div>
+          <div class="flex items-center bg-[#1874FF] shadow rounded-r-md w-[51px] flex justify-center">
+            <SVGEarn class="text-white w-[27px] h-[27px]"/>
+          </div>
+        </div>
+
+        <div class="shadow rounded-md  place-content-between flex">
+          <div class="flex flex-col place-content-between py-[24px] pl-[24px] pr-[20px] w-[305px]">
+            <h3 class="text-[19px] text-primary-black font-semibold leading-[22px]">
+             Improved Liquidity Mining Program 
+            </h3>
+            <p class="mt-1 text-primary font-medium flex justify-end text-[14px] text-[#1874FF]">
+              <a target="_blank" href="https://docs.bprotocol.org/info/liquidity-mining">- Learn More -</a></p>
+          </div>
+          <div class="flex items-center bg-[#1874FF] shadow rounded-r-md w-[51px] flex justify-center">
+            <SVGUse class="text-white w-[27px]"/>
+          </div>
+        </div>
+
+      </div>
+
+
+        <div class="px-0.5 mt-6 grid w-full grid-cols-1 gap-1 md:grid-cols-2  xl:gap-[17px]">
+            <div class="shadow rounded-lg  place-content-between flex items-center">
+                <div class="flex place-content-between">
+                    <div class="flex items-center  rounded-r-lg h-[108px] w-[100px] flex justify-center">
+                        <div
+                            style="background: radial-gradient(42.15% 42.15% at 48.94% 48.94%, #D6DAE0 75.67%, #F0F3F9 100%), #C4C4C4;"
+                            class="w-12 h-12 rounded-full flex items-center justify-center border border-[#CCDCF3]"
+                            >
+                            <div
+                                class="w-8 h-8 rounded-full flex items-center justify-center bg-[#00E5DC]"
+                            >
+                    
+                          
+                                <UbiquityIcon2 class="w-[20px] text-bold"/>
+                          </div>
+                            </div>
+                            </div>
+                    <div class="flex flex-col justify-center">
+                        <div class="text-lg font-semibold">$325,904</div>
+                        <div class="text-[#C0C5D7] text-xs">UAD Twao Price </div>
+                    </div>
+
+                </div>
+                <div class="flex items-center   rounded-lg h-[108px] w-[51px] flex justify-center">
+            <CoinStackIcon class="w-[27px]"/>
+          </div>
+               
+            </div>
+
+
+             <div class="shadow rounded-md  place-content-between flex items-center">
+                <div class="flex place-content-between">
+                    <div class="flex items-center  rounded-r-lg h-[108px] w-[100px] flex justify-center">
+                        <div
+                            style="background: radial-gradient(42.15% 42.15% at 48.94% 48.94%, #D6DAE0 75.67%, #F0F3F9 100%), #C4C4C4;"
+                            class="w-12 h-12 rounded-full flex items-center justify-center border border-[#CCDCF3]"
+                            >
+                            <div
+                                class="w-8 h-8 rounded-full flex items-center justify-center bg-[#00E5DC]"
+                            >
+                    
+                          
+                                <UbiquityIcon1 class="w-[20px] text-bold"/>
+                          </div>
+                            </div>
+                            </div>
+                    <div class="flex flex-col justify-center">
+                        <div class="text-lg font-semibold">4.320</div>
+                        <div class="text-[#C0C5D7] text-xs">UBQ Rewards</div>
+                    </div>
+
+                </div>
+                <div class="flex items-center   rounded-lg h-[108px] w-[190px] flex justify-center">
+               <button
+        class="mr-4 h-10 w-full text-xs font-semibold bg-[#1874FF] shadow text-white rounded-[4px] hover:bg-primary-blue-hover"
+      >
+        CLAIM ALL
+      </button>
+          </div>
+               
+            </div>
+
+      </div>
+
+      <div class="mt-10">
+        <div class="text-[#C0C5D7] text-sm font-semibold flex items-center">
+        <GorillaIcon class="w-4 h-4 mr-3" />
+        APE INTO UAD POOLS
+      </div>
+         <CardUbiquity/>
+      </div>
+
+
+    </div>
+
+
+
+    
+
+
+    
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent} from "@nuxtjs/composition-api";
+import BackIcon from "~/assets/icons/back.svg?inline";
+import UbiquityIcon from "~/assets/icons/ubiquity.svg?inline";
+import UbiquityIcon1 from "~/assets/img/icons/ubiquity/ubiquity1.svg?inline";
+import UbiquityIcon2 from "~/assets/img/icons/ubiquity/ubiquity2.svg?inline";
+import CoinStackIcon from "~/assets/img/icons/ubiquity/coin_stack.svg?inline";
+import SVGBalance from "@/assets/img/icons/balance.svg?inline";
+import SVGStableize from "@/assets/img/icons/ubiquity/stableize.svg?inline";
+import SVGUse from "@/assets/img/icons/ubiquity/use.svg?inline";
+import SVGEarn from "@/assets/img/icons/ubiquity/earn.svg?inline";
+import CardUbiquity from '~/components/protocols/ubiquity/CardUbiquity.vue';
+import GorillaIcon from "~/assets/img/icons/ubiquity/gorilla.svg?inline";
+
+
+export default defineComponent({
+  components: {
+        BackIcon,
+        UbiquityIcon,
+        SVGBalance,
+        SVGStableize,
+        SVGUse,
+        SVGEarn,
+        UbiquityIcon1,
+        UbiquityIcon2,
+        CoinStackIcon,
+        CardUbiquity,
+        GorillaIcon
+  },
+  setup() {
+    
+  }
+});
+</script>