diff --git a/src/App.vue b/src/App.vue
index 2d4b51a86..bd6231a69 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import PvxBacktop from "@/components/PvxBacktop.vue";
 export default {
     name: "App",
diff --git a/src/assets/css/nav_v4.less b/src/assets/css/nav_v4.less
new file mode 100644
index 000000000..d79880ca6
--- /dev/null
+++ b/src/assets/css/nav_v4.less
@@ -0,0 +1,165 @@
+@nav_width: 70px;
+@home_height: 40px;
+.m-pvx-aside {
+    .size(@nav_width, calc(100% - @header-height));
+    background-color: #24292e;
+    overflow: visible;
+    z-index: 600;
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+    transition: width 0.3s;
+    left: 0;
+    top: @header-height;
+    box-sizing: border-box;
+    position: fixed;
+    .u-home-wrap {
+        .size(100%, @home_height);
+        margin: 15px 0;
+        .flex;
+        align-items: center;
+        justify-content: center;
+        gap: 7.5px;
+        span,
+        a {
+            .size(40px, 40px);
+            .flex;
+            align-items: center;
+            justify-content: center;
+            .r(5px);
+            &:hover {
+                background-color: rgba(#fff, 0.3);
+            }
+        }
+        svg {
+            .db;
+            .size(20px, 20px);
+            cursor: pointer;
+        }
+    }
+    .u-btn {
+        .pa;
+        top: 63.5px;
+        right: -26px;
+        .flex;
+        justify-content: center;
+        align-items: center;
+        .size(25px, 46px);
+        transition: all 0.3s;
+        background-color: #000;
+        border-top-right-radius: 10px;
+        border-bottom-right-radius: 10px;
+        cursor: pointer;
+    }
+    &.is-closed {
+        .w(0);
+        .m-nav-item {
+            span {
+                .none;
+            }
+        }
+    }
+    &.is-opened {
+        .w(@openedWidth);
+    }
+    &.is-regular {
+        .m-nav-item {
+            span {
+                .w(0) !important;
+                opacity: 0;
+                transition-delay: 0s !important;
+            }
+            &.face:not(.is-active) {
+                .u-nav-icon {
+                    opacity: 0.58;
+                }
+            }
+        }
+    }
+}
+.m-pvx-nav {
+    .w(100%);
+    .h(calc(100% - @home_height));
+    box-sizing: border-box;
+    overflow: visible;
+    .scrollbar(1px);
+    @media screen and (max-width: @ipad) {
+        overflow-y: auto;
+    }
+    .m-nav-group {
+        &:not(:last-of-type) {
+            .mb(30px);
+        }
+        .m-nav-item {
+            .pr;
+            .u-nav-label {
+                .none;
+                .pa;
+                right: -90px;
+                top: 0;
+                justify-content: center;
+                align-items: center;
+                .size(100px, 40px);
+                .r(5px);
+                .fz(18px);
+                .bold;
+                color: #fff;
+                background-color: #24292f;
+            }
+            a {
+                .flex;
+                justify-content: center;
+                align-items: center;
+                .size(100%, 40px);
+                box-sizing: border-box;
+                span {
+                    .fz(16px);
+                    color: #ffffff94;
+                    .w(0);
+                }
+            }
+            &:hover {
+                .u-nav-label {
+                    .flex;
+                    color: #fff;
+                }
+            }
+            &:not(:last-of-type) {
+                .mb(15px);
+            }
+            .u-nav-icon {
+                .size(40px);
+            }
+            &.is-active {
+                a {
+                    span {
+                        color: #fff;
+                        .bold;
+                    }
+                }
+            }
+        }
+    }
+    &:hover {
+        & + .u-btn {
+            opacity: 0;
+        }
+    }
+}
+.is-opened {
+    .m-nav-item {
+        a {
+            .pl(12px);
+            justify-content: flex-start !important;
+            span {
+                .w(auto) !important;
+                opacity: 1 !important;
+                transition-delay: 0.15s !important;
+                .ml(10px);
+            }
+        }
+        &.face {
+            .u-nav-icon {
+                opacity: 1;
+            }
+        }
+    }
+}
diff --git a/src/assets/css/var.less b/src/assets/css/var.less
index 5775cd46d..8e15856a3 100644
--- a/src/assets/css/var.less
+++ b/src/assets/css/var.less
@@ -104,8 +104,8 @@
 @furnitureColor: #07ad36;
 @activeColor: #ff9a00;
 
-@openedWidth: 180px;
-@regularWidth: 60px;
+@openedWidth: 145px;
+@regularWidth: 70px;
 
 @default: #2682ea;
 @green: #62d3b0;
diff --git a/src/assets/img/nav/adventure.png b/src/assets/img/nav/adventure.png
deleted file mode 100644
index 29e27992b..000000000
Binary files a/src/assets/img/nav/adventure.png and /dev/null differ
diff --git a/src/assets/img/nav/adventure.svg b/src/assets/img/nav/adventure.svg
new file mode 100644
index 000000000..32a479d7a
--- /dev/null
+++ b/src/assets/img/nav/adventure.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.895 14.2951C32.8717 13.9767 31.6817 14.7951 31.0734 15.5484C30.2967 16.5234 30.2884 17.6517 30.29 18.0484C30.3 19.4517 30.9667 19.9251 31.3867 21.4951C31.6505 22.6245 31.7036 23.793 31.5434 24.9417C31.3384 26.3151 29.815 29.0351 27.1567 30.7401C26.7704 30.9881 26.3685 31.2108 25.9534 31.4067L24.18 29.6351V23.5351C24.18 23.5351 26.2167 22.7517 26.2167 20.0884C26.2167 17.4251 25.12 16.3334 25.12 16.3334L26.3734 14.4534C26.6867 15.5501 27.47 15.5501 27.47 15.5501L28.41 16.8034L29.9584 15.4917C30.0997 15.3723 30.2002 15.2118 30.246 15.0325C30.2917 14.8533 30.2803 14.6642 30.2134 14.4917L28.41 9.90672L28.0967 8.65339L27.7834 9.75005H25.59C23.09 9.75005 19.6367 14.2951 19.6367 14.2951L18.8534 14.4517V13.0417C18.8534 12.1001 17.6 11.0001 16.8167 11.0001C16.0334 11.0001 16.3467 13.0384 16.3467 13.1951C16.3467 13.3517 16.66 14.1351 15.72 14.7617C14.78 15.3884 14 16.6451 14 16.6451C14 16.6451 14.7834 16.6451 11.3334 16.9584C8.64169 17.2034 7.38335 21.3667 6.96169 23.1767C6.90002 22.9884 6.84169 22.7967 6.79502 22.5984C5.27002 16.8551 8.66669 12.1917 9.60835 11.0001C9.82335 10.7334 13.145 6.65005 16.3467 6.45672C16.9667 6.42005 17.8017 6.51505 19.0134 6.14339C20.225 5.77172 20.6534 5.28339 21.68 5.36005C22.2134 5.40005 22.3467 5.55172 23.2467 5.67339C23.7917 5.74738 24.3421 5.77359 24.8917 5.75172C23.6384 5.60672 22.865 5.18172 22.3917 4.81172C22.0334 4.53505 21.9517 4.37672 21.6084 4.18505C20.735 3.70005 19.735 3.88005 19.1084 4.02839C13.9417 5.23839 11.41 7.00839 11.41 7.00839C9.82335 8.11839 6.71669 10.2917 4.98669 14.3734C2.83335 19.4517 3.50002 25.8534 7.18002 30.5101C10.5267 34.7517 15.045 35.8684 16.2684 36.1517C22.385 37.5667 27.2184 34.9851 28.4884 34.2717C31.2741 32.7084 33.5983 30.4382 35.2267 27.6901C35.3423 28.8092 35.1809 29.9396 34.7567 30.9817C34.7284 31.0467 35.9234 29.0667 36.48 27.5334C38.0934 23.0784 36.505 18.8501 35.3834 16.0967C35.0967 15.3934 34.6967 14.5434 33.895 14.2951ZM10.1567 24.9484V28.2501C9.57536 27.6887 9.04701 27.075 8.57835 26.4167C9.62169 24.7967 9.92169 21.1917 9.92169 21.1917L11.4884 22.9151L10.1567 24.9484ZM19.8334 32.5001C17.4427 32.3497 15.1204 31.6426 13.0517 30.4351C12.8234 30.3001 12.4334 30.0701 11.955 29.7367V26.6667L13.8334 25.4184L15.5584 22.9184L17.7567 24.1667H19.7934V25.2634L18.8534 26.3601L19.8367 29.3817L19.8334 32.5001ZM23.6967 32.1534C23.4417 32.2167 23.34 32.2717 23.0817 32.3201L21.5134 30.7517V26.6667C21.8267 26.1967 22.3784 27.3334 22.3784 27.3334V30.8151L23.7117 32.1484L23.6967 32.1534Z" fill="white"/>
+<path d="M27.7834 5.83335C27.2667 5.80502 26.6984 6.05835 26.6867 6.30335C26.6767 6.52169 27.1134 6.61669 27.94 7.08669C28.487 7.41222 29.0085 7.77883 29.5 8.18335C30.0147 8.60642 30.487 9.07865 30.91 9.59335C30.5841 8.68657 30.1074 7.84135 29.5 7.09335C28.5417 5.90335 27.9434 5.84335 27.7834 5.83335Z" fill="white"/>
+<path d="M31.3867 8.81C31.2784 8.91333 31.3517 9.25166 31.5434 9.43666C31.735 9.62166 31.9834 9.55166 32.17 9.74999C32.2795 9.88139 32.3354 10.0492 32.3267 10.22C32.3517 10.1367 32.5217 9.54 32.17 9.12333C31.94 8.85 31.515 8.68833 31.3867 8.81Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/adventure1.svg b/src/assets/img/nav/adventure1.svg
new file mode 100644
index 000000000..ea4188872
--- /dev/null
+++ b/src/assets/img/nav/adventure1.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.895 14.2951C32.8717 13.9767 31.6817 14.7951 31.0734 15.5484C30.2967 16.5234 30.2884 17.6517 30.29 18.0484C30.3 19.4517 30.9667 19.9251 31.3867 21.4951C31.6505 22.6245 31.7036 23.793 31.5434 24.9417C31.3384 26.3151 29.815 29.0351 27.1567 30.7401C26.7704 30.9881 26.3685 31.2108 25.9534 31.4067L24.18 29.6351V23.5351C24.18 23.5351 26.2167 22.7517 26.2167 20.0884C26.2167 17.4251 25.12 16.3334 25.12 16.3334L26.3734 14.4534C26.6867 15.5501 27.47 15.5501 27.47 15.5501L28.41 16.8034L29.9584 15.4917C30.0997 15.3723 30.2002 15.2118 30.246 15.0325C30.2917 14.8533 30.2803 14.6642 30.2134 14.4917L28.41 9.90672L28.0967 8.65339L27.7834 9.75005H25.59C23.09 9.75005 19.6367 14.2951 19.6367 14.2951L18.8534 14.4517V13.0417C18.8534 12.1001 17.6 11.0001 16.8167 11.0001C16.0334 11.0001 16.3467 13.0384 16.3467 13.1951C16.3467 13.3517 16.66 14.1351 15.72 14.7617C14.78 15.3884 14 16.6451 14 16.6451C14 16.6451 14.7834 16.6451 11.3334 16.9584C8.64169 17.2034 7.38335 21.3667 6.96169 23.1767C6.90002 22.9884 6.84169 22.7967 6.79502 22.5984C5.27002 16.8551 8.66669 12.1917 9.60835 11.0001C9.82335 10.7334 13.145 6.65005 16.3467 6.45672C16.9667 6.42005 17.8017 6.51505 19.0134 6.14339C20.225 5.77172 20.6534 5.28339 21.68 5.36005C22.2134 5.40005 22.3467 5.55172 23.2467 5.67339C23.7917 5.74738 24.3421 5.77359 24.8917 5.75172C23.6384 5.60672 22.865 5.18172 22.3917 4.81172C22.0334 4.53505 21.9517 4.37672 21.6084 4.18505C20.735 3.70005 19.735 3.88005 19.1084 4.02839C13.9417 5.23839 11.41 7.00839 11.41 7.00839C9.82335 8.11839 6.71669 10.2917 4.98669 14.3734C2.83335 19.4517 3.50002 25.8534 7.18002 30.5101C10.5267 34.7517 15.045 35.8684 16.2684 36.1517C22.385 37.5667 27.2184 34.9851 28.4884 34.2717C31.2741 32.7084 33.5983 30.4382 35.2267 27.6901C35.3423 28.8092 35.1809 29.9396 34.7567 30.9817C34.7284 31.0467 35.9234 29.0667 36.48 27.5334C38.0934 23.0784 36.505 18.8501 35.3834 16.0967C35.0967 15.3934 34.6967 14.5434 33.895 14.2951ZM10.1567 24.9484V28.2501C9.57536 27.6887 9.04701 27.075 8.57835 26.4167C9.62169 24.7967 9.92169 21.1917 9.92169 21.1917L11.4884 22.9151L10.1567 24.9484ZM19.8334 32.5001C17.4427 32.3497 15.1204 31.6426 13.0517 30.4351C12.8234 30.3001 12.4334 30.0701 11.955 29.7367V26.6667L13.8334 25.4184L15.5584 22.9184L17.7567 24.1667H19.7934V25.2634L18.8534 26.3601L19.8367 29.3817L19.8334 32.5001ZM23.6967 32.1534C23.4417 32.2167 23.34 32.2717 23.0817 32.3201L21.5134 30.7517V26.6667C21.8267 26.1967 22.3784 27.3334 22.3784 27.3334V30.8151L23.7117 32.1484L23.6967 32.1534Z" fill="white" fill-opacity="0.58"/>
+<path d="M27.7834 5.83335C27.2667 5.80502 26.6984 6.05835 26.6867 6.30335C26.6767 6.52169 27.1134 6.61669 27.94 7.08669C28.487 7.41222 29.0085 7.77883 29.5 8.18335C30.0147 8.60642 30.487 9.07865 30.91 9.59335C30.5841 8.68657 30.1074 7.84135 29.5 7.09335C28.5417 5.90335 27.9434 5.84335 27.7834 5.83335Z" fill="white" fill-opacity="0.58"/>
+<path d="M31.3867 8.81C31.2784 8.91333 31.3517 9.25166 31.5434 9.43666C31.735 9.62166 31.9834 9.55166 32.17 9.74999C32.2795 9.88139 32.3354 10.0492 32.3267 10.22C32.3517 10.1367 32.5217 9.54 32.17 9.12333C31.94 8.85 31.515 8.68833 31.3867 8.81Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/adventure2.svg b/src/assets/img/nav/adventure2.svg
new file mode 100644
index 000000000..c75608236
--- /dev/null
+++ b/src/assets/img/nav/adventure2.svg
@@ -0,0 +1,11 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M10.1567 27.8201V28.0701C10.6151 28.7119 11.2373 29.2189 11.9584 29.5384V28.6667C11.2967 28.4834 10.8334 27.8101 10.1567 27.8201Z" fill="#E54E60"/>
+<path d="M20.6666 14.6667C21 14.3334 21.8333 14.3334 21.8333 14.1667C22.3416 12.2617 23.7216 10.7451 25.3816 9.76172C22.8966 9.99839 19.6366 14.2951 19.6366 14.2951L19.5516 14.3117C19.6662 14.7992 19.8751 15.2596 20.1666 15.6667C20 15.1667 20.5 15.0001 20.6666 14.6667Z" fill="#E54E60"/>
+<path d="M30.03 14.0201L29.2917 12.1451C28.64 11.8167 28.08 11.1667 27.3334 11.1667C28.2067 12.1851 28.6984 13.8334 30.03 14.0201Z" fill="#E54E60"/>
+<path d="M8.58667 26.4001C9.62333 24.7717 9.92 21.1884 9.92 21.1884L11.4867 22.9117L10.1533 24.9484V27.8201C10.835 27.8101 11.2933 28.4867 11.955 28.6717V26.6667L13.8333 25.4184L15.5583 22.9184L17.7567 24.1667H19.7933V25.2634L18.8533 26.3601L19.8367 29.3817V30.9767C20.4017 30.8951 20.9717 30.8417 21.5317 30.7617L21.5167 30.7484V26.6667C21.83 26.1967 22.3817 27.3334 22.3817 27.3334V30.6034C23.0795 30.4644 23.7404 30.1805 24.3217 29.7701L24.18 29.6284V23.5284C24.18 23.5284 26.2167 22.7451 26.2167 20.0817C26.2167 17.4184 25.12 16.3334 25.12 16.3334L26.3733 14.4534C26.6867 15.5501 27.47 15.5501 27.47 15.5501L28.41 16.8034L29.9583 15.4917C30.0997 15.3724 30.2002 15.2118 30.2459 15.0326C30.2917 14.8533 30.2803 14.6642 30.2133 14.4917L30.03 14.0284C28.6967 13.8484 28.2067 12.1951 27.3333 11.1751C28.08 11.1751 28.64 11.8251 29.2917 12.1534L28.41 9.91508L28.0967 8.66174L27.7833 9.75008H25.59C25.5217 9.75008 25.4517 9.75008 25.3817 9.76174C23.715 10.7451 22.3417 12.2617 21.8333 14.1667C21.8333 14.3334 21 14.3334 20.6667 14.6667C20.5 15.0001 20 15.1667 20.1667 15.6667C19.8751 15.2596 19.6662 14.7992 19.5517 14.3117L18.8533 14.4517V13.0417C18.8533 12.1001 17.6 11.0001 16.8167 11.0001C16.0333 11.0001 16.3467 13.0384 16.3467 13.1951C16.3467 13.3517 16.66 14.1351 15.72 14.7617C14.78 15.3884 14 16.6451 14 16.6451C14 16.6451 14.7833 16.6451 11.3333 16.9584C8.72333 17.1951 7.46 21.1134 7 23.0001C7.15667 24.1034 7.31667 25.7901 8.58667 26.4001Z" fill="#2B365F"/>
+<path d="M35.3834 16.0967C35.0967 15.3934 34.6967 14.5434 33.895 14.2951C32.8717 13.9767 31.6817 14.7951 31.0734 15.5484C30.2967 16.5234 30.2884 17.6517 30.29 18.0484C30.3 19.4517 30.9667 19.9251 31.3867 21.4951C31.6505 22.6245 31.7036 23.793 31.5434 24.9417C31.3384 26.3151 29.815 29.0351 27.1567 30.7401C26.7704 30.9881 26.3685 31.2108 25.9534 31.4067C25.6646 31.6477 25.3437 31.8474 25 32.0001C23.5 32.6667 21.6667 33.1667 19.8334 32.5001H19.8134C17.431 32.3461 15.1172 31.6397 13.055 30.4367C12.8267 30.3017 12.4367 30.0717 11.9584 29.7384V29.5434C11.2373 29.2239 10.6151 28.7169 10.1567 28.0751V28.2551C9.57536 27.6937 9.04701 27.08 8.57835 26.4217L8.58669 26.4084C7.31669 25.7901 7.15669 24.1034 7.00002 23.0001C6.98669 23.0584 6.97169 23.1167 6.96002 23.1667C6.89835 22.9784 6.84002 22.7867 6.79335 22.5884C5.27002 16.8551 8.66669 12.1917 9.60835 11.0001C9.82335 10.7334 13.145 6.65005 16.3467 6.45672C16.9667 6.42005 17.8017 6.51505 19.0134 6.14339C20.225 5.77172 20.6534 5.28339 21.68 5.36005C22.2134 5.40005 22.3467 5.55172 23.2467 5.67339C23.7917 5.74738 24.3421 5.77359 24.8917 5.75172C23.6384 5.60672 22.865 5.18172 22.3917 4.81172C22.0334 4.53505 21.9517 4.37672 21.6084 4.18505C20.735 3.70005 19.735 3.88005 19.1084 4.02839C13.9417 5.23839 11.41 7.00839 11.41 7.00839C9.82335 8.11839 6.71669 10.2917 4.98669 14.3734C2.83335 19.4517 3.50002 25.8534 7.18002 30.5101C10.5267 34.7517 15.045 35.8684 16.2684 36.1517C22.385 37.5667 27.2184 34.9851 28.4884 34.2717C31.2741 32.7084 33.5983 30.4382 35.2267 27.6901C35.3423 28.8092 35.1809 29.9396 34.7567 30.9817C34.7284 31.0467 35.9234 29.0667 36.48 27.5334C38.0934 23.0784 36.5 18.8501 35.3834 16.0967Z" fill="#FFA811"/>
+<path d="M22.3817 30.8217L23.715 32.155H23.705C23.45 32.2184 23.3484 32.2734 23.09 32.3217L21.5367 30.7667C20.9767 30.8467 20.4067 30.9 19.8417 30.9817V32.5H19.8184H19.8384C21.6717 33.1667 23.505 32.6667 25.005 32C25.3475 31.8476 25.6672 31.6485 25.955 31.4084L24.3267 29.78C23.7455 30.1905 23.0845 30.4744 22.3867 30.6134L22.3817 30.8217Z" fill="#E54E60"/>
+<path d="M27.7834 5.83335C27.2667 5.80502 26.6984 6.05835 26.6867 6.30335C26.6767 6.52169 27.1134 6.61669 27.94 7.08669C28.487 7.41222 29.0085 7.77883 29.5 8.18335C30.0147 8.60642 30.487 9.07865 30.91 9.59335C30.5841 8.68657 30.1074 7.84135 29.5 7.09335C28.5417 5.90335 27.9434 5.84335 27.7834 5.83335Z" fill="#FFA811"/>
+<path d="M31.3867 8.81C31.2784 8.91333 31.3517 9.25166 31.5434 9.43666C31.735 9.62166 31.9834 9.55166 32.17 9.74999C32.2795 9.88139 32.3354 10.0492 32.3267 10.22C32.3517 10.1367 32.5217 9.54 32.17 9.12333C31.94 8.85 31.515 8.68833 31.3867 8.81Z" fill="#FFA811"/>
+</svg>
diff --git a/src/assets/img/nav/blueprint.png b/src/assets/img/nav/blueprint.png
deleted file mode 100644
index e84db20c3..000000000
Binary files a/src/assets/img/nav/blueprint.png and /dev/null differ
diff --git a/src/assets/img/nav/blueprint.svg b/src/assets/img/nav/blueprint.svg
new file mode 100644
index 000000000..130e09544
--- /dev/null
+++ b/src/assets/img/nav/blueprint.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2134 15.3334C13.9839 14.2504 15.0022 13.3675 16.1834 12.7583C17.3646 12.1491 18.6743 11.8312 20.0034 11.8312C21.3324 11.8312 22.6422 12.1491 23.8234 12.7583C25.0045 13.3675 26.0229 14.2504 26.7934 15.3334H34.6667C34.6667 15.3334 32.8334 10.6667 32.5 9.50002C33.3334 8.83335 33.1667 7.33335 33.1667 7.33335C33.1667 5.83335 32.1667 6.00002 30.8334 6.00002C30.8334 8.33335 30.1917 8.35668 30.1917 8.35668H9.81004C9.81004 8.35668 9.16671 8.33335 9.16671 6.00002C7.83337 6.00002 6.83337 5.83335 6.83337 7.33335C6.83337 7.33335 6.66671 8.83335 7.50004 9.50002C7.16671 10.6667 5.33337 15.3334 5.33337 15.3334H13.2134Z" fill="white"/>
+<path d="M3.65667 20C3.98207 20.1099 4.32319 20.1662 4.66667 20.1666H5V30.5L1.5 34H38.5L35 30.5V20.1666H35.3333C35.6701 20.1645 36.0044 20.1082 36.3233 20C36.9324 19.8604 37.4771 19.5204 37.8699 19.0345C38.2628 18.5486 38.4811 17.9448 38.49 17.32C38.5017 17.2093 38.5073 17.098 38.5067 16.9866H26.4367C25.8461 15.7843 24.9304 14.7716 23.7934 14.0634C22.6564 13.3552 21.3437 12.9797 20.0042 12.9797C18.6646 12.9797 17.3519 13.3552 16.215 14.0634C15.078 14.7716 14.1623 15.7843 13.5717 16.9866H1.5C1.50125 17.1193 1.51015 17.2517 1.52667 17.3833C1.54649 17.9924 1.76557 18.5783 2.15032 19.0509C2.53506 19.5236 3.06423 19.857 3.65667 20ZM30.2567 20.1666H32.09V29.6666H30.2567V20.1666ZM11.2567 20.1666H14.59C14.6393 18.7629 15.2315 17.4332 16.2419 16.4576C17.2524 15.482 18.6021 14.9367 20.0067 14.9367C21.4112 14.9367 22.761 15.482 23.7714 16.4576C24.7818 17.4332 25.3741 18.7629 25.4233 20.1666H28.7567V29.6666H11.25L11.2567 20.1666ZM7.92333 20.1666H9.75667V29.6666H7.92333V20.1666Z" fill="white"/>
+<path d="M20 16.8333C20.3682 16.8333 20.6667 16.5349 20.6667 16.1667C20.6667 15.7985 20.3682 15.5 20 15.5C19.6319 15.5 19.3334 15.7985 19.3334 16.1667C19.3334 16.5349 19.6319 16.8333 20 16.8333Z" fill="white"/>
+<path d="M20 23.6117C20 23.6117 20.8333 23.6667 20.8333 23C22.5 23.3333 22.8566 22.1667 22.8566 22.1667H22C22 22.1667 22.6666 21.8333 22.6666 20.5C22.6666 17.6667 20.3333 17.5 20 17.5C19.6666 17.5 17.3333 17.6667 17.3333 20.5C17.3333 21.8333 18 22.1667 18 22.1667H17.1433C17.1433 22.1667 17.5 23.3333 19.1666 23C19.1666 23.6667 20 23.6117 20 23.6117Z" fill="white"/>
+<path d="M20.5 24.5H20H19.5L19.1666 27.8333H20H20.8333L20.5 24.5Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/blueprint1.svg b/src/assets/img/nav/blueprint1.svg
new file mode 100644
index 000000000..50531421b
--- /dev/null
+++ b/src/assets/img/nav/blueprint1.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.2134 15.3334C13.9839 14.2504 15.0022 13.3675 16.1834 12.7583C17.3646 12.1491 18.6743 11.8312 20.0034 11.8312C21.3324 11.8312 22.6422 12.1491 23.8234 12.7583C25.0045 13.3675 26.0229 14.2504 26.7934 15.3334H34.6667C34.6667 15.3334 32.8334 10.6667 32.5 9.50002C33.3334 8.83335 33.1667 7.33335 33.1667 7.33335C33.1667 5.83335 32.1667 6.00002 30.8334 6.00002C30.8334 8.33335 30.1917 8.35668 30.1917 8.35668H9.81004C9.81004 8.35668 9.16671 8.33335 9.16671 6.00002C7.83337 6.00002 6.83337 5.83335 6.83337 7.33335C6.83337 7.33335 6.66671 8.83335 7.50004 9.50002C7.16671 10.6667 5.33337 15.3334 5.33337 15.3334H13.2134Z" fill="white" fill-opacity="0.58"/>
+<path d="M3.65667 20C3.98207 20.1099 4.32319 20.1662 4.66667 20.1666H5V30.5L1.5 34H38.5L35 30.5V20.1666H35.3333C35.6701 20.1645 36.0044 20.1082 36.3233 20C36.9324 19.8604 37.4771 19.5204 37.8699 19.0345C38.2628 18.5486 38.4811 17.9448 38.49 17.32C38.5017 17.2093 38.5073 17.098 38.5067 16.9866H26.4367C25.8461 15.7843 24.9304 14.7716 23.7934 14.0634C22.6564 13.3552 21.3437 12.9797 20.0042 12.9797C18.6646 12.9797 17.3519 13.3552 16.215 14.0634C15.078 14.7716 14.1623 15.7843 13.5717 16.9866H1.5C1.50125 17.1193 1.51015 17.2517 1.52667 17.3833C1.54649 17.9924 1.76557 18.5783 2.15032 19.0509C2.53506 19.5236 3.06423 19.857 3.65667 20ZM30.2567 20.1666H32.09V29.6666H30.2567V20.1666ZM11.2567 20.1666H14.59C14.6393 18.7629 15.2315 17.4332 16.2419 16.4576C17.2524 15.482 18.6021 14.9367 20.0067 14.9367C21.4112 14.9367 22.761 15.482 23.7714 16.4576C24.7818 17.4332 25.3741 18.7629 25.4233 20.1666H28.7567V29.6666H11.25L11.2567 20.1666ZM7.92333 20.1666H9.75667V29.6666H7.92333V20.1666Z" fill="white" fill-opacity="0.58"/>
+<path d="M20 16.8333C20.3682 16.8333 20.6667 16.5349 20.6667 16.1667C20.6667 15.7985 20.3682 15.5 20 15.5C19.6319 15.5 19.3334 15.7985 19.3334 16.1667C19.3334 16.5349 19.6319 16.8333 20 16.8333Z" fill="white" fill-opacity="0.58"/>
+<path d="M20 23.6117C20 23.6117 20.8333 23.6667 20.8333 23C22.5 23.3333 22.8566 22.1667 22.8566 22.1667H22C22 22.1667 22.6666 21.8333 22.6666 20.5C22.6666 17.6667 20.3333 17.5 20 17.5C19.6666 17.5 17.3333 17.6667 17.3333 20.5C17.3333 21.8333 18 22.1667 18 22.1667H17.1433C17.1433 22.1667 17.5 23.3333 19.1666 23C19.1666 23.6667 20 23.6117 20 23.6117Z" fill="white" fill-opacity="0.58"/>
+<path d="M20.5 24.5H20H19.5L19.1666 27.8333H20H20.8333L20.5 24.5Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/blueprint2.svg b/src/assets/img/nav/blueprint2.svg
new file mode 100644
index 000000000..a87070ce8
--- /dev/null
+++ b/src/assets/img/nav/blueprint2.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M13.2134 15.3334C13.9839 14.2504 15.0022 13.3675 16.1834 12.7583C17.3646 12.1491 18.6743 11.8312 20.0034 11.8312C21.3324 11.8312 22.6422 12.1491 23.8234 12.7583C25.0045 13.3675 26.0229 14.2504 26.7934 15.3334H34.6667C34.6667 15.3334 32.8334 10.6667 32.5 9.50002C33.3334 8.83335 33.1667 7.33335 33.1667 7.33335C33.1667 5.83335 32.1667 6.00002 30.8334 6.00002C30.8334 8.33335 30.1917 8.35668 30.1917 8.35668H9.81004C9.81004 8.35668 9.16671 8.33335 9.16671 6.00002C7.83337 6.00002 6.83337 5.83335 6.83337 7.33335C6.83337 7.33335 6.66671 8.83335 7.50004 9.50002C7.16671 10.6667 5.33337 15.3334 5.33337 15.3334H13.2134Z" fill="#5E8E7D"/>
+<path d="M3.65667 20C3.98207 20.1099 4.32319 20.1662 4.66667 20.1666H5V30.5L1.5 34H38.5L35 30.5V20.1666H35.3333C35.6701 20.1645 36.0044 20.1082 36.3233 20C36.9324 19.8604 37.4771 19.5204 37.8699 19.0345C38.2628 18.5486 38.4811 17.9448 38.49 17.32C38.5017 17.2093 38.5073 17.098 38.5067 16.9866H26.4367C25.8461 15.7843 24.9304 14.7716 23.7934 14.0634C22.6564 13.3552 21.3437 12.9797 20.0042 12.9797C18.6646 12.9797 17.3519 13.3552 16.215 14.0634C15.078 14.7716 14.1623 15.7843 13.5717 16.9866H1.5C1.50125 17.1193 1.51015 17.2517 1.52667 17.3833C1.54649 17.9924 1.76557 18.5783 2.15032 19.0509C2.53506 19.5236 3.06423 19.857 3.65667 20ZM30.2567 20.1666H32.09V29.6666H30.2567V20.1666ZM11.2567 20.1666H14.59C14.6393 18.7629 15.2315 17.4332 16.2419 16.4576C17.2524 15.482 18.6021 14.9367 20.0067 14.9367C21.4112 14.9367 22.761 15.482 23.7714 16.4576C24.7818 17.4332 25.3741 18.7629 25.4233 20.1666H28.7567V29.6666H11.25L11.2567 20.1666ZM7.92333 20.1666H9.75667V29.6666H7.92333V20.1666Z" fill="#24292E"/>
+<path d="M20 16.8333C20.3682 16.8333 20.6667 16.5349 20.6667 16.1667C20.6667 15.7985 20.3682 15.5 20 15.5C19.6319 15.5 19.3334 15.7985 19.3334 16.1667C19.3334 16.5349 19.6319 16.8333 20 16.8333Z" fill="#5E8E7D"/>
+<path d="M20 23.6117C20 23.6117 20.8333 23.6667 20.8333 23C22.5 23.3333 22.8566 22.1667 22.8566 22.1667H22C22 22.1667 22.6666 21.8333 22.6666 20.5C22.6666 17.6667 20.3333 17.5 20 17.5C19.6666 17.5 17.3333 17.6667 17.3333 20.5C17.3333 21.8333 18 22.1667 18 22.1667H17.1433C17.1433 22.1667 17.5 23.3333 19.1666 23C19.1666 23.6667 20 23.6117 20 23.6117Z" fill="#FFC44D"/>
+<path d="M20.5 24.5H20H19.5L19.1666 27.8333H20H20.8333L20.5 24.5Z" fill="#E54E60"/>
+<path d="M11.3333 20.1666H9.66663V29.6666H11.3333V20.1666Z" fill="#24292E"/>
+<path d="M30.3333 20.1666H28.6666V29.6666H30.3333V20.1666Z" fill="#24292E"/>
+</svg>
diff --git a/src/assets/img/nav/book.png b/src/assets/img/nav/book.png
deleted file mode 100644
index 0ef934211..000000000
Binary files a/src/assets/img/nav/book.png and /dev/null differ
diff --git a/src/assets/img/nav/book.svg b/src/assets/img/nav/book.svg
new file mode 100644
index 000000000..85daca25b
--- /dev/null
+++ b/src/assets/img/nav/book.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 29.1666V10.5H6.33337V35.1666L13.5 36.1416L27.4 39.0883L27.2334 36.165L30.365 37.1433L30.1984 31.375H33.6667V4.20831H19.3334V31.375H28.5317L28.6334 34.8566L17 31.22V8.23831H15.3334V32.4466L25.535 35.6333L25.6 36.7683L13.5 34.6016V29.1666ZM24.6667 23.625V8.62498H29.3334V23.625H24.6667Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/book1.svg b/src/assets/img/nav/book1.svg
new file mode 100644
index 000000000..156f89735
--- /dev/null
+++ b/src/assets/img/nav/book1.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 29.1666V10.5H6.33337V35.1666L13.5 36.1416L27.4 39.0883L27.2334 36.165L30.365 37.1433L30.1984 31.375H33.6667V4.20831H19.3334V31.375H28.5317L28.6334 34.8566L17 31.22V8.23831H15.3334V32.4466L25.535 35.6333L25.6 36.7683L13.5 34.6016V29.1666ZM24.6667 23.625V8.62498H29.3334V23.625H24.6667Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/book2.svg b/src/assets/img/nav/book2.svg
new file mode 100644
index 000000000..28a3853cc
--- /dev/null
+++ b/src/assets/img/nav/book2.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M25.6 36.7683L13.5 34.595V32.5V29.1667V21.6667V10.5H6.33337V14.5V21.6667V31.3217V32.5V33.07V35.1667L13.5 36.1417L27.4 39.0883L27.235 36.165L30.3667 37.1433L25.535 35.6333L25.6 36.7683Z" fill="#324148"/>
+<path d="M19.3334 4.20831V31.375H33.6667V4.20831H19.3334ZM29.3334 23.625H24.6667V8.62498H29.3334V23.625Z" fill="#245E93"/>
+<path d="M15.3334 32.4467L25.535 35.6333L15.3334 32.4467Z" fill="#FFE7D7"/>
+<path d="M28.5317 31.375L28.6334 34.8567L17 31.22V8.23834H15.3334V32.4467L25.535 35.6333L30.3667 37.1433L30.1984 31.375H28.5317Z" fill="#C4A44D"/>
+</svg>
diff --git a/src/assets/img/nav/exam.png b/src/assets/img/nav/exam.png
deleted file mode 100644
index 670bee922..000000000
Binary files a/src/assets/img/nav/exam.png and /dev/null differ
diff --git a/src/assets/img/nav/exam.svg b/src/assets/img/nav/exam.svg
new file mode 100644
index 000000000..0cdd93d0b
--- /dev/null
+++ b/src/assets/img/nav/exam.svg
@@ -0,0 +1,14 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7083 11.2C11.7737 11.2304 11.8445 11.2474 11.9166 11.25L11.7083 11.2Z" fill="white"/>
+<path d="M28.625 11.2L28.4166 11.25C28.4887 11.2474 28.5595 11.2304 28.625 11.2Z" fill="white"/>
+<path d="M22.9049 3.60333H17.4283C14.3333 3.60333 14.6666 8.16667 14.6666 9V9.125C16.9899 8.09167 19.7966 8.15333 20.1666 8.16667C20.5366 8.15333 23.3433 8.09167 25.6666 9.125V9C25.6666 8.16667 25.9999 3.60333 22.9049 3.60333Z" fill="white"/>
+<path d="M11.6667 25.3C11.6667 25.17 11.655 25.095 11.655 25.095C11.6518 25.1635 11.6557 25.2322 11.6667 25.3Z" fill="white"/>
+<path d="M10.5 24.8333C10.5 24.8333 9.16663 24.6667 9.16663 26.8333C9.16663 29 11.1666 30.7783 11.1666 30.7783L10.5 24.8333Z" fill="white"/>
+<path d="M10.3333 19.445C10.3333 19.445 9.99996 17.6667 5.99996 17.6667C1.99996 17.6667 1.16663 19.1667 1.16663 19.1667V24.1667H10.3333V19.445Z" fill="white"/>
+<path d="M31.2233 5.04667C30.9559 5.49072 30.6284 5.89567 30.25 6.25C30.9167 4.58333 30.8333 2 30.8333 2C30.055 2.73667 29.4083 3.75667 28.8733 4.875C28.8733 4.89833 28.2517 7.09 28.5833 8.41667C28.31 8.05333 28.1867 7.29167 28.13 6.675C27.5441 8.35418 27.0982 10.079 26.7967 11.8317C26.465 11.5282 26.1056 11.2565 25.7233 11.02V11.035C23.645 9.70167 20.245 9.83 20.21 9.83333H20.1367C20.1017 9.83333 16.7017 9.7 14.6233 11.035V11.02C14.2358 11.2562 13.8714 11.5286 13.535 11.8333C13.2335 10.0806 12.7875 8.35585 12.2017 6.67667C12.145 7.29333 12.0217 8.055 11.7483 8.41833C12.0817 7.085 11.4633 4.9 11.4583 4.87667C10.925 3.75667 10.2783 2.73667 9.50001 2C9.50001 2 9.41667 4.58333 10.0833 6.25C9.70498 5.89567 9.37744 5.49072 9.11 5.04667C8.99 6.23667 8.98334 7.34167 9.31334 8.41667C9.31334 8.42667 10.8233 10.83 11.7083 11.2L11.9167 11.25C11.8446 11.2474 11.7738 11.2304 11.7083 11.2C11.3971 11.1278 11.0931 11.0273 10.8 10.9C11.4086 11.5365 12.0842 12.1054 12.815 12.5967C11.8212 13.8574 11.245 15.3966 11.1667 17V22.6667C11.1667 22.6667 11.5 25.095 14.4767 25.095H25.8567C28.8333 25.095 29.1667 22.6667 29.1667 22.6667V17C29.0883 15.3966 28.5122 13.8574 27.5183 12.5967C28.2492 12.1054 28.9248 11.5365 29.5333 10.9C29.2403 11.0273 28.9363 11.1278 28.625 11.2C28.5596 11.2304 28.4888 11.2474 28.4167 11.25L28.625 11.2C29.51 10.83 31.015 8.42667 31.02 8.41667C31.35 7.34167 31.3433 6.23667 31.2233 5.04667ZM23.5833 22.4167C20.1133 23.3633 15.63 22.7 14.9167 20.75C14.705 20.1733 14.74 19.25 15.25 18.75C15.5267 18.4767 16.1033 18.1717 16.5833 18.4167C16.764 18.5148 16.9084 18.6685 16.995 18.855C16.874 18.4996 16.847 18.1189 16.9167 17.75C17.1183 16.75 18.0833 15.985 19.0833 15.9167C19.87 15.8633 20.965 16.2117 21.25 17.0833C21.4167 17.5733 21.3767 18.4167 20.75 18.75C20.23 19.0217 19.4967 18.8367 19.0833 18.25C19.0945 18.4419 19.1446 18.6295 19.2305 18.8014C19.3165 18.9733 19.4365 19.126 19.5833 19.25C20.115 19.6617 20.9383 19.565 21.4167 19.0833C21.6023 18.8866 21.7313 18.6433 21.79 18.3793C21.8487 18.1152 21.8349 17.8402 21.75 17.5833C21.8083 17.5467 22.6133 17.0683 23.25 17.4167C24.04 17.8467 24.11 19.29 23.4167 19.9167C23.0033 20.29 22.4367 20.2667 22.25 20.25C22.6566 20.7057 23.173 21.0499 23.75 21.25C25.4033 21.8117 26.87 20.8883 27.0833 20.75C26.0235 21.5066 24.8388 22.0708 23.5833 22.4167Z" fill="white"/>
+<path d="M28.6833 25.095C28.6833 25.095 28.6833 25.17 28.6716 25.3C28.6825 25.2322 28.6865 25.1635 28.6833 25.095Z" fill="white"/>
+<path d="M20.1666 38.1117C24 38.1117 27.3333 33.8333 27.8333 32.6667C28.28 31.6233 28.6066 26.3933 28.6666 25.3C28.6016 25.7017 28.2416 26.555 26.3333 26.555H14C12.0866 26.555 11.7266 25.7017 11.6666 25.3C11.7316 26.3933 12.0583 31.6233 12.5 32.6667C13 33.8333 16.3333 38.1117 20.1666 38.1117Z" fill="white"/>
+<path d="M29.8333 24.8333L29.1666 30.7783C29.1666 30.7783 31.1666 29 31.1666 26.8333C31.1666 24.6667 29.8333 24.8333 29.8333 24.8333Z" fill="white"/>
+<path d="M34.3333 17.6667C30.3333 17.6667 30 19.445 30 19.445V24.1667H39.1667V19.1667C39.1667 19.1667 38.3333 17.6667 34.3333 17.6667Z" fill="white"/>
+<path d="M17 18.855C17.0255 18.9326 17.055 19.0088 17.0883 19.0833C17.0654 19.0048 17.0359 18.9284 17 18.855Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/exam1.svg b/src/assets/img/nav/exam1.svg
new file mode 100644
index 000000000..35f623781
--- /dev/null
+++ b/src/assets/img/nav/exam1.svg
@@ -0,0 +1,14 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7083 11.2C11.7737 11.2304 11.8445 11.2474 11.9166 11.25L11.7083 11.2Z" fill="white" fill-opacity="0.58"/>
+<path d="M28.625 11.2L28.4166 11.25C28.4887 11.2474 28.5595 11.2304 28.625 11.2Z" fill="white" fill-opacity="0.58"/>
+<path d="M22.9049 3.60333H17.4283C14.3333 3.60333 14.6666 8.16667 14.6666 9V9.125C16.9899 8.09167 19.7966 8.15333 20.1666 8.16667C20.5366 8.15333 23.3433 8.09167 25.6666 9.125V9C25.6666 8.16667 25.9999 3.60333 22.9049 3.60333Z" fill="white" fill-opacity="0.58"/>
+<path d="M11.6667 25.3C11.6667 25.17 11.655 25.095 11.655 25.095C11.6518 25.1635 11.6557 25.2322 11.6667 25.3Z" fill="white" fill-opacity="0.58"/>
+<path d="M10.5 24.8333C10.5 24.8333 9.16663 24.6667 9.16663 26.8333C9.16663 29 11.1666 30.7783 11.1666 30.7783L10.5 24.8333Z" fill="white" fill-opacity="0.58"/>
+<path d="M10.3333 19.445C10.3333 19.445 9.99996 17.6667 5.99996 17.6667C1.99996 17.6667 1.16663 19.1667 1.16663 19.1667V24.1667H10.3333V19.445Z" fill="white" fill-opacity="0.58"/>
+<path d="M31.2233 5.04667C30.9559 5.49072 30.6284 5.89567 30.25 6.25C30.9167 4.58333 30.8333 2 30.8333 2C30.055 2.73667 29.4083 3.75667 28.8733 4.875C28.8733 4.89833 28.2517 7.09 28.5833 8.41667C28.31 8.05333 28.1867 7.29167 28.13 6.675C27.5441 8.35418 27.0982 10.079 26.7967 11.8317C26.465 11.5282 26.1056 11.2565 25.7233 11.02V11.035C23.645 9.70167 20.245 9.83 20.21 9.83333H20.1367C20.1017 9.83333 16.7017 9.7 14.6233 11.035V11.02C14.2358 11.2562 13.8714 11.5286 13.535 11.8333C13.2335 10.0806 12.7875 8.35585 12.2017 6.67667C12.145 7.29333 12.0217 8.055 11.7483 8.41833C12.0817 7.085 11.4633 4.9 11.4583 4.87667C10.925 3.75667 10.2783 2.73667 9.50001 2C9.50001 2 9.41667 4.58333 10.0833 6.25C9.70498 5.89567 9.37744 5.49072 9.11 5.04667C8.99 6.23667 8.98334 7.34167 9.31334 8.41667C9.31334 8.42667 10.8233 10.83 11.7083 11.2L11.9167 11.25C11.8446 11.2474 11.7738 11.2304 11.7083 11.2C11.3971 11.1278 11.0931 11.0273 10.8 10.9C11.4086 11.5365 12.0842 12.1054 12.815 12.5967C11.8212 13.8574 11.245 15.3966 11.1667 17V22.6667C11.1667 22.6667 11.5 25.095 14.4767 25.095H25.8567C28.8333 25.095 29.1667 22.6667 29.1667 22.6667V17C29.0883 15.3966 28.5122 13.8574 27.5183 12.5967C28.2492 12.1054 28.9248 11.5365 29.5333 10.9C29.2403 11.0273 28.9363 11.1278 28.625 11.2C28.5596 11.2304 28.4888 11.2474 28.4167 11.25L28.625 11.2C29.51 10.83 31.015 8.42667 31.02 8.41667C31.35 7.34167 31.3433 6.23667 31.2233 5.04667ZM23.5833 22.4167C20.1133 23.3633 15.63 22.7 14.9167 20.75C14.705 20.1733 14.74 19.25 15.25 18.75C15.5267 18.4767 16.1033 18.1717 16.5833 18.4167C16.764 18.5148 16.9084 18.6685 16.995 18.855C16.874 18.4996 16.847 18.1189 16.9167 17.75C17.1183 16.75 18.0833 15.985 19.0833 15.9167C19.87 15.8633 20.965 16.2117 21.25 17.0833C21.4167 17.5733 21.3767 18.4167 20.75 18.75C20.23 19.0217 19.4967 18.8367 19.0833 18.25C19.0945 18.4419 19.1446 18.6295 19.2305 18.8014C19.3165 18.9733 19.4365 19.126 19.5833 19.25C20.115 19.6617 20.9383 19.565 21.4167 19.0833C21.6023 18.8866 21.7313 18.6433 21.79 18.3793C21.8487 18.1152 21.8349 17.8402 21.75 17.5833C21.8083 17.5467 22.6133 17.0683 23.25 17.4167C24.04 17.8467 24.11 19.29 23.4167 19.9167C23.0033 20.29 22.4367 20.2667 22.25 20.25C22.6566 20.7057 23.173 21.0499 23.75 21.25C25.4033 21.8117 26.87 20.8883 27.0833 20.75C26.0235 21.5066 24.8388 22.0708 23.5833 22.4167Z" fill="white" fill-opacity="0.58"/>
+<path d="M28.6833 25.095C28.6833 25.095 28.6833 25.17 28.6716 25.3C28.6825 25.2322 28.6865 25.1635 28.6833 25.095Z" fill="white" fill-opacity="0.58"/>
+<path d="M20.1666 38.1117C24 38.1117 27.3333 33.8333 27.8333 32.6667C28.28 31.6233 28.6066 26.3933 28.6666 25.3C28.6016 25.7017 28.2416 26.555 26.3333 26.555H14C12.0866 26.555 11.7266 25.7017 11.6666 25.3C11.7316 26.3933 12.0583 31.6233 12.5 32.6667C13 33.8333 16.3333 38.1117 20.1666 38.1117Z" fill="white" fill-opacity="0.58"/>
+<path d="M29.8333 24.8333L29.1666 30.7783C29.1666 30.7783 31.1666 29 31.1666 26.8333C31.1666 24.6667 29.8333 24.8333 29.8333 24.8333Z" fill="white" fill-opacity="0.58"/>
+<path d="M34.3333 17.6667C30.3333 17.6667 30 19.445 30 19.445V24.1667H39.1667V19.1667C39.1667 19.1667 38.3333 17.6667 34.3333 17.6667Z" fill="white" fill-opacity="0.58"/>
+<path d="M17 18.855C17.0255 18.9326 17.055 19.0088 17.0883 19.0833C17.0654 19.0048 17.0359 18.9284 17 18.855Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/exam2.svg b/src/assets/img/nav/exam2.svg
new file mode 100644
index 000000000..17f3b2af4
--- /dev/null
+++ b/src/assets/img/nav/exam2.svg
@@ -0,0 +1,15 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M11.7083 11.2C11.7737 11.2304 11.8445 11.2474 11.9166 11.25L11.7083 11.2Z" fill="#24292E"/>
+<path d="M28.625 11.2L28.4166 11.25C28.4887 11.2474 28.5595 11.2304 28.625 11.2Z" fill="#24292E"/>
+<path d="M22.9049 3.60333H17.4283C14.3333 3.60333 14.6666 8.16667 14.6666 9V9.125C16.9899 8.09167 19.7966 8.15333 20.1666 8.16667C20.5366 8.15333 23.3433 8.09167 25.6666 9.125V9C25.6666 8.16667 25.9999 3.60333 22.9049 3.60333Z" fill="#B72E1C"/>
+<path d="M11.6667 25.3C11.6667 25.17 11.655 25.095 11.655 25.095C11.6518 25.1635 11.6557 25.2322 11.6667 25.3Z" fill="#24292E"/>
+<path d="M10.5 24.8333C10.5 24.8333 9.16663 24.6667 9.16663 26.8333C9.16663 29 11.1666 30.7783 11.1666 30.7783L10.5 24.8333Z" fill="#FFC299"/>
+<path d="M10.3333 19.445C10.3333 19.445 9.99996 17.6667 5.99996 17.6667C1.99996 17.6667 1.16663 19.1667 1.16663 19.1667V24.1667H10.3333V19.445Z" fill="#B72E1C"/>
+<path d="M31.2233 5.04667C30.9559 5.49072 30.6284 5.89567 30.25 6.25C30.9167 4.58333 30.8333 2 30.8333 2C30.055 2.73667 29.4083 3.75667 28.8733 4.875C28.8733 4.89833 28.2517 7.09 28.5833 8.41667C28.31 8.05333 28.1867 7.29167 28.13 6.675C27.5441 8.35418 27.0982 10.079 26.7967 11.8317C26.465 11.5282 26.1056 11.2565 25.7233 11.02V11.035C23.645 9.70167 20.245 9.83 20.21 9.83333H20.1367C20.1017 9.83333 16.7017 9.7 14.6233 11.035V11.02C14.2358 11.2562 13.8714 11.5286 13.535 11.8333C13.2335 10.0806 12.7875 8.35585 12.2017 6.67667C12.145 7.29333 12.0217 8.055 11.7483 8.41833C12.0817 7.085 11.4633 4.9 11.4583 4.87667C10.925 3.75667 10.2783 2.73667 9.50001 2C9.50001 2 9.41667 4.58333 10.0833 6.25C9.70498 5.89567 9.37744 5.49072 9.11 5.04667C8.99 6.23667 8.98334 7.34167 9.31334 8.41667C9.31334 8.42667 10.8233 10.83 11.7083 11.2L11.9167 11.25C11.8446 11.2474 11.7738 11.2304 11.7083 11.2C11.3971 11.1278 11.0931 11.0273 10.8 10.9C11.4086 11.5365 12.0842 12.1054 12.815 12.5967C11.8212 13.8574 11.245 15.3966 11.1667 17V22.6667C11.1667 22.6667 11.5 25.095 14.4767 25.095H25.8567C28.8333 25.095 29.1667 22.6667 29.1667 22.6667V17C29.0883 15.3966 28.5122 13.8574 27.5183 12.5967C28.2492 12.1054 28.9248 11.5365 29.5333 10.9C29.2403 11.0273 28.9363 11.1278 28.625 11.2C28.5596 11.2304 28.4888 11.2474 28.4167 11.25L28.625 11.2C29.51 10.83 31.015 8.42667 31.02 8.41667C31.35 7.34167 31.3433 6.23667 31.2233 5.04667ZM23.5833 22.4167C20.1133 23.3633 15.63 22.7 14.9167 20.75C14.705 20.1733 14.74 19.25 15.25 18.75C15.5267 18.4767 16.1033 18.1717 16.5833 18.4167C16.764 18.5148 16.9084 18.6685 16.995 18.855C16.874 18.4996 16.847 18.1189 16.9167 17.75C17.1183 16.75 18.0833 15.985 19.0833 15.9167C19.87 15.8633 20.965 16.2117 21.25 17.0833C21.4167 17.5733 21.3767 18.4167 20.75 18.75C20.23 19.0217 19.4967 18.8367 19.0833 18.25C19.0945 18.4419 19.1446 18.6295 19.2305 18.8014C19.3165 18.9733 19.4365 19.126 19.5833 19.25C20.115 19.6617 20.9383 19.565 21.4167 19.0833C21.6023 18.8866 21.7313 18.6433 21.79 18.3793C21.8487 18.1152 21.8349 17.8402 21.75 17.5833C21.8083 17.5467 22.6133 17.0683 23.25 17.4167C24.04 17.8467 24.11 19.29 23.4167 19.9167C23.0033 20.29 22.4367 20.2667 22.25 20.25C22.6566 20.7057 23.173 21.0499 23.75 21.25C25.4033 21.8117 26.87 20.8883 27.0833 20.75C26.0235 21.5066 24.8388 22.0708 23.5833 22.4167Z" fill="#E54E60"/>
+<path d="M28.6833 25.095C28.6833 25.095 28.6833 25.17 28.6716 25.3C28.6825 25.2322 28.6865 25.1635 28.6833 25.095Z" fill="#24292E"/>
+<path d="M20.1666 38.1117C24 38.1117 27.3333 33.8333 27.8333 32.6667C28.28 31.6233 28.6066 26.3933 28.6666 25.3C28.6016 25.7017 28.2416 26.555 26.3333 26.555H14C12.0866 26.555 11.7266 25.7017 11.6666 25.3C11.7316 26.3933 12.0583 31.6233 12.5 32.6667C13 33.8333 16.3333 38.1117 20.1666 38.1117Z" fill="#FFC299"/>
+<path d="M29.8333 24.8333L29.1666 30.7783C29.1666 30.7783 31.1666 29 31.1666 26.8333C31.1666 24.6667 29.8333 24.8333 29.8333 24.8333Z" fill="#FFC299"/>
+<path d="M34.3333 17.6667C30.3333 17.6667 30 19.445 30 19.445V24.1667H39.1667V19.1667C39.1667 19.1667 38.3333 17.6667 34.3333 17.6667Z" fill="#B72E1C"/>
+<path d="M17 18.855C17.0255 18.9326 17.055 19.0088 17.0883 19.0833C17.0654 19.0048 17.0359 18.9284 17 18.855Z" fill="#24292E"/>
+</svg>
diff --git a/src/assets/img/nav/exterior.png b/src/assets/img/nav/exterior.png
deleted file mode 100644
index 4ca1cac08..000000000
Binary files a/src/assets/img/nav/exterior.png and /dev/null differ
diff --git a/src/assets/img/nav/exterior.svg b/src/assets/img/nav/exterior.svg
new file mode 100644
index 000000000..6caa5735b
--- /dev/null
+++ b/src/assets/img/nav/exterior.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.3617 29.2417C26.3467 29.2984 26.33 29.355 26.3134 29.4084C26.3328 29.3538 26.349 29.2982 26.3617 29.2417Z" fill="white"/>
+<path d="M35.6467 22.0784C35.109 21.219 34.7676 20.2515 34.6467 19.245C35.3692 18.7565 35.9915 18.1342 36.48 17.4117C37.205 16.3231 37.6093 15.0525 37.6467 13.745C36.8824 13.5207 36.1025 13.3536 35.3134 13.245C33.095 12.94 32.575 13.345 30.98 13.0784C28.8484 12.7217 27.2684 11.5784 26.8134 11.245L26.795 11.23L29.1467 9.74504C30.2303 9.00961 31.504 8.60434 32.8134 8.57838C33.3182 8.57419 33.8217 8.63014 34.3134 8.74504C33.9374 9.49848 33.3983 10.1587 32.7352 10.6776C32.0721 11.1966 31.3017 11.5612 30.48 11.745L31.3134 12.245C33.33 11.6967 34.7334 10.52 34.8134 9.24504C34.8434 8.78671 34.7234 7.95338 34.1467 7.57838C33.685 7.27671 33.13 7.41171 32.48 7.57838C31.1192 7.93561 29.783 8.381 28.48 8.91171C28.0189 9.10949 27.5472 9.30616 27.065 9.50171C26.525 9.72004 25.9934 9.92505 25.4684 10.1217C24.949 9.67598 24.3956 9.27142 23.8134 8.91171C23.3283 8.60784 22.8276 8.32968 22.3134 8.07838C22.5637 7.92865 22.858 7.86978 23.1467 7.91171C23.84 8.02004 24.13 8.70338 24.1467 8.74504C24.1856 8.52452 24.1856 8.2989 24.1467 8.07838C24.0785 7.70429 23.905 7.3574 23.6467 7.07838C23.8197 7.1128 23.9876 7.16879 24.1467 7.24504C24.3995 7.36642 24.626 7.5363 24.8134 7.74504C24.6693 7.42361 24.5576 7.08862 24.48 6.74504C24.3134 6.03838 24.435 5.86504 24.3134 5.07838C24.2292 4.50134 24.0607 3.9398 23.8134 3.41171C23.6726 3.11919 23.5052 2.84024 23.3134 2.57838C23.4503 2.31162 23.5618 2.03262 23.6467 1.74504C23.7273 1.47286 23.7831 1.19395 23.8134 0.911711L22.8134 1.24504L22.3134 1.41171C22.1009 1.3226 21.8761 1.2664 21.6467 1.24504C21.2084 1.20338 21.0067 1.31838 20.6467 1.24504C20.235 1.16004 20.0217 0.865044 19.98 0.911711C19.9384 0.958378 20.1634 1.24504 20.3134 1.41171C20.3784 1.48171 20.4367 1.53838 20.48 1.57838C20.2208 1.45317 19.9341 1.39582 19.6467 1.41171C19.3867 1.42838 19.3534 1.49838 18.98 1.57838C18.6467 1.65004 18.23 1.73671 17.8134 1.57838C17.6245 1.50481 17.4539 1.39108 17.3134 1.24504C17.4586 1.67312 17.685 2.06921 17.98 2.41171C18.0835 2.53021 18.1949 2.64157 18.3134 2.74504C18.1056 3.05617 17.9376 3.39213 17.8134 3.74504C17.5471 4.49329 17.4895 5.29988 17.6467 6.07838C17.7334 6.48171 17.8017 6.48671 17.8134 6.74504C17.845 7.43671 17.385 8.02004 16.98 8.41171C17.79 8.39005 18.1467 8.14838 18.3134 7.91171C18.48 7.67505 18.4517 7.50171 18.6467 7.41171C18.9467 7.27171 19.36 7.55171 19.6467 7.74504C19.8567 7.88671 19.9917 7.97838 19.98 8.07838C19.96 8.24504 19.5317 8.23171 18.98 8.41171C18.6265 8.5345 18.2904 8.70256 17.98 8.91171C17.7404 9.07806 17.5316 9.28507 17.3634 9.52338C16.7695 8.83471 16.079 8.23571 15.3134 7.74504C14.73 7.37171 13.97 6.91171 12.8984 6.75838C13.7184 7.33338 14.3534 8.11671 14.98 8.91171C15.4478 9.50542 15.868 10.1352 16.2367 10.795C16.115 10.9157 15.9713 11.0118 15.8134 11.0784C15.115 11.32 14.48 10.8017 13.6467 10.4117C12.3867 9.82004 12.275 10.27 10.6467 9.74504C8.57169 9.07838 7.98002 8.09004 7.31335 8.41171C6.94502 8.59004 6.68335 9.10671 6.64669 10.745C6.60038 12.8444 6.93932 14.9345 7.64669 16.9117C8.37446 18.8587 9.37016 20.6947 10.605 22.3667C8.79835 22.9717 8.40169 23.1584 7.98002 23.4117C6.92841 24.0525 6.02054 24.9036 5.31335 25.9117C5.83363 25.6444 6.39855 25.475 6.98002 25.4117C6.90111 25.6879 6.72308 25.9253 6.48002 26.0784C6.22669 26.2184 5.98002 26.18 5.98002 26.245C5.96835 26.34 6.45502 26.5417 6.98002 26.5784C7.50068 26.6016 8.01822 26.4866 8.48002 26.245C9.09502 25.9517 10.075 25.6334 11.6467 25.5784C11.4184 25.785 11.0784 26.0784 10.6467 26.4117C9.83502 27.035 9.00335 27.6617 7.81335 28.0784C7.37979 28.2292 6.93355 28.3407 6.48002 28.4117C7.29607 28.6554 8.133 28.8228 8.98002 28.9117C9.82835 29 10.48 29.0684 11.3134 28.9117C12.154 28.75 12.9499 28.4089 13.6467 27.9117C13.338 28.2178 13.0034 28.4966 12.6467 28.745C12.2781 29.001 11.8877 29.2241 11.48 29.4117C11.9607 29.526 12.4526 29.5869 12.9467 29.5934C12.705 30.2684 12.6267 30.79 12.1467 31.745C11.5867 32.86 11.16 33.2134 10.8134 33.4117C10.5048 33.5866 10.1651 33.6998 9.81335 33.745C9.86487 34.2512 9.80805 34.7625 9.64669 35.245C9.35002 36.1067 8.90669 36.23 8.81335 36.9117C8.72669 37.545 8.98002 38.3967 9.64669 38.745C9.85191 38.8543 10.0808 38.9115 10.3134 38.9115C10.5459 38.9115 10.7748 38.8543 10.98 38.745C11.3717 38.515 11.5134 38.115 11.6467 37.745C11.7611 37.4242 11.8176 37.0856 11.8134 36.745C11.875 36.745 12.8617 36.8017 13.1467 36.245C13.2417 36.0584 13.3134 35.6984 13.1467 35.5784C13.0947 35.5532 13.0378 35.5401 12.98 35.5401C12.9223 35.5401 12.8653 35.5532 12.8134 35.5784C12.9664 34.8663 13.2488 34.1884 13.6467 33.5784C14.0634 32.9484 14.4367 32.6584 15.3134 31.745C15.7184 31.3234 16.235 30.7634 16.8134 30.0784C16.3231 29.8441 15.873 29.5336 15.48 29.1584C15.8371 29.0092 16.1732 28.8142 16.48 28.5784C17.2849 27.9413 17.8682 27.0664 18.1467 26.0784C18.363 26.6949 18.4152 27.3571 18.2984 27.9999C18.1815 28.6427 17.8995 29.2441 17.48 29.745C17.724 29.6841 17.9516 29.5703 18.1467 29.4117C18.3649 29.2333 18.5365 29.0045 18.6467 28.745C18.5325 29.7164 18.0564 30.6091 17.3134 31.245C17.9794 31.2213 18.621 30.988 19.1467 30.5784C19.8367 30.0184 20.0534 29.2884 20.3134 28.4117C20.5833 27.4928 20.696 26.5349 20.6467 25.5784C20.8119 26.4259 21.0346 27.2612 21.3134 28.0784C21.5362 28.7863 21.8218 29.4729 22.1667 30.13C21.8311 30.1893 21.4921 30.2277 21.1517 30.245C20.8187 30.2679 20.4846 30.2679 20.1517 30.245C20.3284 31.245 20.4267 32.1034 20.485 32.745C20.68 34.9117 20.5 35.5784 20.1517 36.0784C19.9712 36.3387 19.7454 36.5645 19.485 36.745C19.5362 36.5823 19.5362 36.4078 19.485 36.245C19.39 35.955 19.1167 35.695 18.985 35.745C18.8534 35.795 18.8184 36.0684 18.985 37.0784C18.8984 36.9967 18.7817 36.885 18.6517 36.745C18.3184 36.3867 18.2517 36.2267 18.1517 36.245C18.0117 36.27 17.9 36.6217 17.985 36.9117C18.0266 37.0266 18.093 37.131 18.1794 37.2174C18.2658 37.3038 18.3701 37.3701 18.485 37.4117C18.3241 37.4668 18.1786 37.5595 18.0606 37.6821C17.9427 37.8047 17.8556 37.9536 17.8067 38.1166C17.7579 38.2795 17.7485 38.4518 17.7795 38.619C17.8105 38.7863 17.881 38.9438 17.985 39.0784C18.3867 39.64 19.2634 39.6817 19.8184 39.5784C20.58 39.435 20.8184 39.005 21.985 38.245C22.4652 37.9329 22.9664 37.6545 23.485 37.4117C23.43 37.0784 23.365 36.6184 23.3184 36.0784C23.2283 35.0247 23.2283 33.9653 23.3184 32.9117C23.4051 31.9798 23.5583 31.0552 23.7767 30.145L23.8184 30.0784C23.9709 30.1349 24.1095 30.2238 24.2245 30.3389C24.3396 30.4539 24.4285 30.5925 24.485 30.745C24.5563 30.9616 24.5563 31.1952 24.485 31.4117C24.8158 31.1263 25.0973 30.7885 25.3184 30.4117C25.7738 29.602 25.9495 28.6647 25.8184 27.745C26.0472 27.9134 26.2214 28.1455 26.3189 28.4123C26.4164 28.6791 26.4331 28.9688 26.3667 29.245L26.985 27.0784C27.3067 23.8634 26.5734 22.1867 25.8184 21.245C25.4584 20.7967 24.67 19.9867 23.985 18.5784C23.6706 17.9461 23.4462 17.2729 23.3184 16.5784C23.18 15.815 23.0334 14.9334 23.485 14.0784C23.6517 13.745 23.7434 13.5 23.985 13.4117C24.0984 13.37 24.63 13.2184 25.985 14.745C26.115 14.8917 26.2367 15.0367 26.3517 15.1784C25.9713 15.5818 25.6765 16.058 25.485 16.5784C25.4417 16.7 24.63 19.0434 26.1517 20.5784C27.1517 21.5784 28.5017 21.5867 28.8184 21.5784C28.7067 21.1884 28.5967 20.8 28.485 20.4117C28.2234 20.4117 27.2934 20.4117 26.6517 19.745C25.75 18.805 25.97 17.1284 26.8184 16.245C26.8776 16.1856 26.9405 16.1299 27.0067 16.0784C27.38 16.6417 27.6734 17.1884 27.985 17.745C29.165 19.8934 29.755 20.9684 29.985 21.245C30.9914 22.4716 32.3184 23.3947 33.8184 23.9117C35.1057 24.342 36.4776 24.4564 37.8184 24.245C36.9407 23.6953 36.1984 22.9547 35.6467 22.0784ZM17.1467 14.245C17.2755 14.4964 17.3446 14.7742 17.3484 15.0567C16.9714 14.7698 16.5692 14.5176 16.1467 14.3034C16.3134 13.97 16.44 13.7384 16.6467 13.745C16.895 13.7517 17.07 14.0934 17.1467 14.245ZM15.8134 20.245C15.25 20.9334 14.7117 21.02 11.48 22.0784L11.1184 22.1967C11.1178 21.2017 11.2392 20.2104 11.48 19.245C11.6067 18.745 12.255 16.1684 13.3134 16.0784C13.5352 16.0956 13.7581 16.0956 13.98 16.0784C14.4038 16.0093 14.8044 15.8376 15.1467 15.5784C15.3318 15.4419 15.4997 15.2835 15.6467 15.1067C15.9937 15.2973 16.3278 15.5105 16.6467 15.745C16.8767 15.9117 17.0567 16.045 17.1917 16.16C17.1217 16.435 17.025 16.7384 16.9234 17.0734C16.2967 17.345 15.04 17.635 12.6467 17.9067L13.8134 19.24C14.18 19.09 14.7017 18.8684 15.3134 18.5734C15.825 18.3267 16.2667 18.1134 16.6467 17.92C16.1667 19.37 15.925 20.1084 15.8134 20.245ZM20.1467 8.41171C20.1467 8.23949 20.1467 8.07282 20.1467 7.91171C19.1134 7.16171 18.8534 6.52671 18.8134 6.07838C18.8034 5.96171 18.8134 5.88171 18.8134 5.24504C18.8134 4.67504 18.8134 4.21171 18.8134 3.91171C18.8805 4.15331 18.9937 4.37968 19.1467 4.57838C19.2435 4.70292 19.3555 4.81489 19.48 4.91171C19.2885 4.37825 19.2313 3.80586 19.3134 3.24504C19.6162 3.99396 20.1392 4.63328 20.8134 5.07838C21.1715 5.30913 21.5659 5.47815 21.98 5.57838C21.8022 5.09963 21.745 4.58448 21.8134 4.07838C22.1825 4.32358 22.4721 4.6711 22.6467 5.07838C22.7811 5.39368 22.8382 5.73653 22.8134 6.07838C22.8057 6.51769 22.6262 6.9365 22.3134 7.24504C22.1232 7.41121 21.8937 7.52596 21.6467 7.57838C21.6713 7.74414 21.6713 7.91262 21.6467 8.07838C21.5584 8.66504 21.1734 9.05005 20.8134 9.41171C20.5612 9.66416 20.2817 9.88775 19.98 10.0784C20.0786 9.52796 20.1343 8.97074 20.1467 8.41171ZM21.8134 17.245C21.7959 17.3714 21.7373 17.4886 21.6467 17.5784C21.6031 17.6013 21.5554 17.6152 21.5063 17.6192C21.4572 17.6233 21.4078 17.6173 21.3611 17.6017C21.3144 17.5862 21.2713 17.5613 21.2345 17.5286C21.1976 17.496 21.1678 17.4562 21.1467 17.4117C20.98 17.0784 21.5634 16.9117 21.5634 16.9117C21.5634 16.9117 21.8134 17.0784 21.8134 17.245ZM21.1467 19.745C21.1467 20.6284 20.3134 21.245 20.3134 21.245C20.3134 21.245 19.6467 20.9117 19.48 20.5784C20.1467 20.745 20.6467 20.245 20.8134 19.745C20.48 19.745 19.8134 19.4117 19.98 18.745C20.1467 18.0784 21.1467 18.245 21.1467 18.245L21.26 17.8334H21.465C21.481 17.964 21.481 18.0961 21.465 18.2267C21.7834 18.2084 22.3134 18.245 22.3134 19.0784C22.3134 19.9117 21.48 19.76 21.1467 19.745Z" fill="white"/>
+<path d="M9.48006 6.07842C8.89017 6.34868 8.41699 6.82186 8.14673 7.41176L9.8134 8.24509C10.0905 7.66002 10.5617 7.18891 11.1467 6.91176C11.7734 6.63176 12.3401 6.69009 12.8134 6.74509L12.8984 6.75842C12.4675 6.45314 11.9879 6.22321 11.4801 6.07842C10.9884 5.93842 10.2617 5.74509 9.48006 6.07842Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/exterior1.svg b/src/assets/img/nav/exterior1.svg
new file mode 100644
index 000000000..2ae4584ce
--- /dev/null
+++ b/src/assets/img/nav/exterior1.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.3617 29.2417C26.3467 29.2984 26.33 29.355 26.3134 29.4084C26.3328 29.3538 26.349 29.2982 26.3617 29.2417Z" fill="white" fill-opacity="0.58"/>
+<path d="M35.6467 22.0784C35.109 21.219 34.7676 20.2515 34.6467 19.245C35.3692 18.7565 35.9915 18.1342 36.48 17.4117C37.205 16.3231 37.6093 15.0525 37.6467 13.745C36.8824 13.5207 36.1025 13.3536 35.3134 13.245C33.095 12.94 32.575 13.345 30.98 13.0784C28.8484 12.7217 27.2684 11.5784 26.8134 11.245L26.795 11.23L29.1467 9.74504C30.2303 9.00961 31.504 8.60434 32.8134 8.57838C33.3182 8.57419 33.8217 8.63014 34.3134 8.74504C33.9374 9.49848 33.3983 10.1587 32.7352 10.6776C32.0721 11.1966 31.3017 11.5612 30.48 11.745L31.3134 12.245C33.33 11.6967 34.7334 10.52 34.8134 9.24504C34.8434 8.78671 34.7234 7.95338 34.1467 7.57838C33.685 7.27671 33.13 7.41171 32.48 7.57838C31.1192 7.93561 29.783 8.381 28.48 8.91171C28.0189 9.10949 27.5472 9.30616 27.065 9.50171C26.525 9.72004 25.9934 9.92505 25.4684 10.1217C24.949 9.67598 24.3956 9.27142 23.8134 8.91171C23.3283 8.60784 22.8276 8.32968 22.3134 8.07838C22.5637 7.92865 22.858 7.86978 23.1467 7.91171C23.84 8.02004 24.13 8.70338 24.1467 8.74504C24.1856 8.52452 24.1856 8.2989 24.1467 8.07838C24.0785 7.70429 23.905 7.3574 23.6467 7.07838C23.8197 7.1128 23.9876 7.16879 24.1467 7.24504C24.3995 7.36642 24.626 7.5363 24.8134 7.74504C24.6693 7.42361 24.5576 7.08862 24.48 6.74504C24.3134 6.03838 24.435 5.86504 24.3134 5.07838C24.2292 4.50134 24.0607 3.9398 23.8134 3.41171C23.6726 3.11919 23.5052 2.84024 23.3134 2.57838C23.4503 2.31162 23.5618 2.03262 23.6467 1.74504C23.7273 1.47286 23.7831 1.19395 23.8134 0.911711L22.8134 1.24504L22.3134 1.41171C22.1009 1.3226 21.8761 1.2664 21.6467 1.24504C21.2084 1.20338 21.0067 1.31838 20.6467 1.24504C20.235 1.16004 20.0217 0.865044 19.98 0.911711C19.9384 0.958378 20.1634 1.24504 20.3134 1.41171C20.3784 1.48171 20.4367 1.53838 20.48 1.57838C20.2208 1.45317 19.9341 1.39582 19.6467 1.41171C19.3867 1.42838 19.3534 1.49838 18.98 1.57838C18.6467 1.65004 18.23 1.73671 17.8134 1.57838C17.6245 1.50481 17.4539 1.39108 17.3134 1.24504C17.4586 1.67312 17.685 2.06921 17.98 2.41171C18.0835 2.53021 18.1949 2.64157 18.3134 2.74504C18.1056 3.05617 17.9376 3.39213 17.8134 3.74504C17.5471 4.49329 17.4895 5.29988 17.6467 6.07838C17.7334 6.48171 17.8017 6.48671 17.8134 6.74504C17.845 7.43671 17.385 8.02004 16.98 8.41171C17.79 8.39005 18.1467 8.14838 18.3134 7.91171C18.48 7.67505 18.4517 7.50171 18.6467 7.41171C18.9467 7.27171 19.36 7.55171 19.6467 7.74504C19.8567 7.88671 19.9917 7.97838 19.98 8.07838C19.96 8.24504 19.5317 8.23171 18.98 8.41171C18.6265 8.5345 18.2904 8.70256 17.98 8.91171C17.7404 9.07806 17.5316 9.28507 17.3634 9.52338C16.7695 8.83471 16.079 8.23571 15.3134 7.74504C14.73 7.37171 13.97 6.91171 12.8984 6.75838C13.7184 7.33338 14.3534 8.11671 14.98 8.91171C15.4478 9.50542 15.868 10.1352 16.2367 10.795C16.115 10.9157 15.9713 11.0118 15.8134 11.0784C15.115 11.32 14.48 10.8017 13.6467 10.4117C12.3867 9.82004 12.275 10.27 10.6467 9.74504C8.57169 9.07838 7.98002 8.09004 7.31335 8.41171C6.94502 8.59004 6.68335 9.10671 6.64669 10.745C6.60038 12.8444 6.93932 14.9345 7.64669 16.9117C8.37446 18.8587 9.37016 20.6947 10.605 22.3667C8.79835 22.9717 8.40169 23.1584 7.98002 23.4117C6.92841 24.0525 6.02054 24.9036 5.31335 25.9117C5.83363 25.6444 6.39855 25.475 6.98002 25.4117C6.90111 25.6879 6.72308 25.9253 6.48002 26.0784C6.22669 26.2184 5.98002 26.18 5.98002 26.245C5.96835 26.34 6.45502 26.5417 6.98002 26.5784C7.50068 26.6016 8.01822 26.4866 8.48002 26.245C9.09502 25.9517 10.075 25.6334 11.6467 25.5784C11.4184 25.785 11.0784 26.0784 10.6467 26.4117C9.83502 27.035 9.00335 27.6617 7.81335 28.0784C7.37979 28.2292 6.93355 28.3407 6.48002 28.4117C7.29607 28.6554 8.133 28.8228 8.98002 28.9117C9.82835 29 10.48 29.0684 11.3134 28.9117C12.154 28.75 12.9499 28.4089 13.6467 27.9117C13.338 28.2178 13.0034 28.4966 12.6467 28.745C12.2781 29.001 11.8877 29.2241 11.48 29.4117C11.9607 29.526 12.4526 29.5869 12.9467 29.5934C12.705 30.2684 12.6267 30.79 12.1467 31.745C11.5867 32.86 11.16 33.2134 10.8134 33.4117C10.5048 33.5866 10.1651 33.6998 9.81335 33.745C9.86487 34.2512 9.80805 34.7625 9.64669 35.245C9.35002 36.1067 8.90669 36.23 8.81335 36.9117C8.72669 37.545 8.98002 38.3967 9.64669 38.745C9.85191 38.8543 10.0808 38.9115 10.3134 38.9115C10.5459 38.9115 10.7748 38.8543 10.98 38.745C11.3717 38.515 11.5134 38.115 11.6467 37.745C11.7611 37.4242 11.8176 37.0856 11.8134 36.745C11.875 36.745 12.8617 36.8017 13.1467 36.245C13.2417 36.0584 13.3134 35.6984 13.1467 35.5784C13.0947 35.5532 13.0378 35.5401 12.98 35.5401C12.9223 35.5401 12.8653 35.5532 12.8134 35.5784C12.9664 34.8663 13.2488 34.1884 13.6467 33.5784C14.0634 32.9484 14.4367 32.6584 15.3134 31.745C15.7184 31.3234 16.235 30.7634 16.8134 30.0784C16.3231 29.8441 15.873 29.5336 15.48 29.1584C15.8371 29.0092 16.1732 28.8142 16.48 28.5784C17.2849 27.9413 17.8682 27.0664 18.1467 26.0784C18.363 26.6949 18.4152 27.3571 18.2984 27.9999C18.1815 28.6427 17.8995 29.2441 17.48 29.745C17.724 29.6841 17.9516 29.5703 18.1467 29.4117C18.3649 29.2333 18.5365 29.0045 18.6467 28.745C18.5325 29.7164 18.0564 30.6091 17.3134 31.245C17.9794 31.2213 18.621 30.988 19.1467 30.5784C19.8367 30.0184 20.0534 29.2884 20.3134 28.4117C20.5833 27.4928 20.696 26.5349 20.6467 25.5784C20.8119 26.4259 21.0346 27.2612 21.3134 28.0784C21.5362 28.7863 21.8218 29.4729 22.1667 30.13C21.8311 30.1893 21.4921 30.2277 21.1517 30.245C20.8187 30.2679 20.4846 30.2679 20.1517 30.245C20.3284 31.245 20.4267 32.1034 20.485 32.745C20.68 34.9117 20.5 35.5784 20.1517 36.0784C19.9712 36.3387 19.7454 36.5645 19.485 36.745C19.5362 36.5823 19.5362 36.4078 19.485 36.245C19.39 35.955 19.1167 35.695 18.985 35.745C18.8534 35.795 18.8184 36.0684 18.985 37.0784C18.8984 36.9967 18.7817 36.885 18.6517 36.745C18.3184 36.3867 18.2517 36.2267 18.1517 36.245C18.0117 36.27 17.9 36.6217 17.985 36.9117C18.0266 37.0266 18.093 37.131 18.1794 37.2174C18.2658 37.3038 18.3701 37.3701 18.485 37.4117C18.3241 37.4668 18.1786 37.5595 18.0606 37.6821C17.9427 37.8047 17.8556 37.9536 17.8067 38.1166C17.7579 38.2795 17.7485 38.4518 17.7795 38.619C17.8105 38.7863 17.881 38.9438 17.985 39.0784C18.3867 39.64 19.2634 39.6817 19.8184 39.5784C20.58 39.435 20.8184 39.005 21.985 38.245C22.4652 37.9329 22.9664 37.6545 23.485 37.4117C23.43 37.0784 23.365 36.6184 23.3184 36.0784C23.2283 35.0247 23.2283 33.9653 23.3184 32.9117C23.4051 31.9798 23.5583 31.0552 23.7767 30.145L23.8184 30.0784C23.9709 30.1349 24.1095 30.2238 24.2245 30.3389C24.3396 30.4539 24.4285 30.5925 24.485 30.745C24.5563 30.9616 24.5563 31.1952 24.485 31.4117C24.8158 31.1263 25.0973 30.7885 25.3184 30.4117C25.7738 29.602 25.9495 28.6647 25.8184 27.745C26.0472 27.9134 26.2214 28.1455 26.3189 28.4123C26.4164 28.6791 26.4331 28.9688 26.3667 29.245L26.985 27.0784C27.3067 23.8634 26.5734 22.1867 25.8184 21.245C25.4584 20.7967 24.67 19.9867 23.985 18.5784C23.6706 17.9461 23.4462 17.2729 23.3184 16.5784C23.18 15.815 23.0334 14.9334 23.485 14.0784C23.6517 13.745 23.7434 13.5 23.985 13.4117C24.0984 13.37 24.63 13.2184 25.985 14.745C26.115 14.8917 26.2367 15.0367 26.3517 15.1784C25.9713 15.5818 25.6765 16.058 25.485 16.5784C25.4417 16.7 24.63 19.0434 26.1517 20.5784C27.1517 21.5784 28.5017 21.5867 28.8184 21.5784C28.7067 21.1884 28.5967 20.8 28.485 20.4117C28.2234 20.4117 27.2934 20.4117 26.6517 19.745C25.75 18.805 25.97 17.1284 26.8184 16.245C26.8776 16.1856 26.9405 16.1299 27.0067 16.0784C27.38 16.6417 27.6734 17.1884 27.985 17.745C29.165 19.8934 29.755 20.9684 29.985 21.245C30.9914 22.4716 32.3184 23.3947 33.8184 23.9117C35.1057 24.342 36.4776 24.4564 37.8184 24.245C36.9407 23.6953 36.1984 22.9547 35.6467 22.0784ZM17.1467 14.245C17.2755 14.4964 17.3446 14.7742 17.3484 15.0567C16.9714 14.7698 16.5692 14.5176 16.1467 14.3034C16.3134 13.97 16.44 13.7384 16.6467 13.745C16.895 13.7517 17.07 14.0934 17.1467 14.245ZM15.8134 20.245C15.25 20.9334 14.7117 21.02 11.48 22.0784L11.1184 22.1967C11.1178 21.2017 11.2392 20.2104 11.48 19.245C11.6067 18.745 12.255 16.1684 13.3134 16.0784C13.5352 16.0956 13.7581 16.0956 13.98 16.0784C14.4038 16.0093 14.8044 15.8376 15.1467 15.5784C15.3318 15.4419 15.4997 15.2835 15.6467 15.1067C15.9937 15.2973 16.3278 15.5105 16.6467 15.745C16.8767 15.9117 17.0567 16.045 17.1917 16.16C17.1217 16.435 17.025 16.7384 16.9234 17.0734C16.2967 17.345 15.04 17.635 12.6467 17.9067L13.8134 19.24C14.18 19.09 14.7017 18.8684 15.3134 18.5734C15.825 18.3267 16.2667 18.1134 16.6467 17.92C16.1667 19.37 15.925 20.1084 15.8134 20.245ZM20.1467 8.41171C20.1467 8.23949 20.1467 8.07282 20.1467 7.91171C19.1134 7.16171 18.8534 6.52671 18.8134 6.07838C18.8034 5.96171 18.8134 5.88171 18.8134 5.24504C18.8134 4.67504 18.8134 4.21171 18.8134 3.91171C18.8805 4.15331 18.9937 4.37968 19.1467 4.57838C19.2435 4.70292 19.3555 4.81489 19.48 4.91171C19.2885 4.37825 19.2313 3.80586 19.3134 3.24504C19.6162 3.99396 20.1392 4.63328 20.8134 5.07838C21.1715 5.30913 21.5659 5.47815 21.98 5.57838C21.8022 5.09963 21.745 4.58448 21.8134 4.07838C22.1825 4.32358 22.4721 4.6711 22.6467 5.07838C22.7811 5.39368 22.8382 5.73653 22.8134 6.07838C22.8057 6.51769 22.6262 6.9365 22.3134 7.24504C22.1232 7.41121 21.8937 7.52596 21.6467 7.57838C21.6713 7.74414 21.6713 7.91262 21.6467 8.07838C21.5584 8.66504 21.1734 9.05005 20.8134 9.41171C20.5612 9.66416 20.2817 9.88775 19.98 10.0784C20.0786 9.52796 20.1343 8.97074 20.1467 8.41171ZM21.8134 17.245C21.7959 17.3714 21.7373 17.4886 21.6467 17.5784C21.6031 17.6013 21.5554 17.6152 21.5063 17.6192C21.4572 17.6233 21.4078 17.6173 21.3611 17.6017C21.3144 17.5862 21.2713 17.5613 21.2345 17.5286C21.1976 17.496 21.1678 17.4562 21.1467 17.4117C20.98 17.0784 21.5634 16.9117 21.5634 16.9117C21.5634 16.9117 21.8134 17.0784 21.8134 17.245ZM21.1467 19.745C21.1467 20.6284 20.3134 21.245 20.3134 21.245C20.3134 21.245 19.6467 20.9117 19.48 20.5784C20.1467 20.745 20.6467 20.245 20.8134 19.745C20.48 19.745 19.8134 19.4117 19.98 18.745C20.1467 18.0784 21.1467 18.245 21.1467 18.245L21.26 17.8334H21.465C21.481 17.964 21.481 18.0961 21.465 18.2267C21.7834 18.2084 22.3134 18.245 22.3134 19.0784C22.3134 19.9117 21.48 19.76 21.1467 19.745Z" fill="white" fill-opacity="0.58"/>
+<path d="M9.48006 6.07842C8.89017 6.34868 8.41699 6.82186 8.14673 7.41176L9.8134 8.24509C10.0905 7.66002 10.5617 7.18891 11.1467 6.91176C11.7734 6.63176 12.3401 6.69009 12.8134 6.74509L12.8984 6.75842C12.4675 6.45314 11.9879 6.22321 11.4801 6.07842C10.9884 5.93842 10.2617 5.74509 9.48006 6.07842Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/exterior2.svg b/src/assets/img/nav/exterior2.svg
new file mode 100644
index 000000000..2b3473593
--- /dev/null
+++ b/src/assets/img/nav/exterior2.svg
@@ -0,0 +1,16 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M17.3633 9.52338L17.5049 9.34338C17.4549 9.40338 17.4083 9.46172 17.3633 9.52338Z" fill="#434649"/>
+<path d="M29.1467 9.74497C30.2303 9.00954 31.504 8.60427 32.8134 8.5783C33.3182 8.57411 33.8218 8.63006 34.3134 8.74497C33.9375 9.49841 33.3983 10.1586 32.7353 10.6775C32.0722 11.1965 31.3018 11.5611 30.4801 11.745L31.3134 12.245C33.3301 11.6966 34.7334 10.52 34.8134 9.24497C34.8434 8.78664 34.7234 7.9533 34.1467 7.5783C33.6851 7.27664 33.1301 7.41164 32.4801 7.5783C31.1192 7.93554 29.7831 8.38092 28.4801 8.91164C28.0189 9.10942 27.5473 9.30608 27.0651 9.50164C26.5251 9.72386 25.9928 9.93053 25.4684 10.1216L26.8017 11.23L29.1467 9.74497Z" fill="#213A30"/>
+<path d="M21.1467 30.245C20.8137 30.2679 20.4796 30.2679 20.1467 30.245C20.3233 31.245 20.4217 32.1034 20.48 32.745C20.675 34.9117 20.495 35.5784 20.1467 36.0784C19.9661 36.3387 19.7403 36.5645 19.48 36.745C19.5312 36.5823 19.5312 36.4078 19.48 36.245C19.385 35.955 19.1117 35.695 18.98 35.745C18.8483 35.795 18.8133 36.0684 18.98 37.0784C18.8933 36.9967 18.7767 36.885 18.6467 36.745C18.3133 36.3867 18.2467 36.2267 18.1467 36.245C18.0067 36.27 17.895 36.6217 17.98 36.9117C18.0216 37.0266 18.0879 37.131 18.1743 37.2174C18.2607 37.3038 18.3651 37.3701 18.48 37.4117C18.319 37.4668 18.1736 37.5595 18.0556 37.6821C17.9376 37.8047 17.8506 37.9536 17.8017 38.1166C17.7528 38.2795 17.7435 38.4518 17.7745 38.619C17.8055 38.7863 17.876 38.9438 17.98 39.0784C18.3817 39.64 19.2583 39.6817 19.8133 39.5784C20.575 39.435 20.8133 39.005 21.98 38.245C22.4601 37.9329 22.9613 37.6545 23.48 37.4117C23.425 37.0784 23.36 36.6184 23.3133 36.0784C23.2232 35.0247 23.2232 33.9653 23.3133 32.9117C23.4001 31.9797 23.5532 31.0552 23.7717 30.145L23.8133 30.0784L22.1617 30.13C21.826 30.1893 21.487 30.2277 21.1467 30.245Z" fill="#213A30"/>
+<path d="M25.48 16.5783C25.4367 16.7 24.625 19.0433 26.1467 20.5783C27.1467 21.5783 28.4967 21.5867 28.8133 21.5783C28.7017 21.19 28.5917 20.8 28.48 20.4117C28.2183 20.4117 27.2883 20.4117 26.6467 19.745C25.745 18.805 25.965 17.1284 26.8133 16.245C26.8725 16.1856 26.9354 16.1299 27.0016 16.0784L26.3467 15.1833C25.9668 15.5853 25.672 16.0598 25.48 16.5783Z" fill="#213A30"/>
+<path d="M12.1466 31.745C11.5866 32.86 11.16 33.2133 10.8133 33.4117C10.5047 33.5866 10.1651 33.6998 9.81329 33.745C9.86481 34.2512 9.80799 34.7625 9.64663 35.245C9.34996 36.1067 8.90663 36.23 8.81329 36.9117C8.72663 37.545 8.97996 38.3967 9.64663 38.745C9.85185 38.8543 10.0808 38.9114 10.3133 38.9114C10.5458 38.9114 10.7747 38.8543 10.98 38.745C11.3716 38.515 11.5133 38.115 11.6466 37.745C11.7611 37.4242 11.8175 37.0856 11.8133 36.745C11.875 36.745 12.8616 36.8017 13.1466 36.245C13.2416 36.0583 13.3133 35.6983 13.1466 35.5783C13.0947 35.5531 13.0377 35.54 12.98 35.54C12.9222 35.54 12.8652 35.5531 12.8133 35.5783C12.9663 34.8663 13.2488 34.1884 13.6466 33.5783C14.0633 32.9483 14.4366 32.6583 15.3133 31.745C15.7183 31.3233 16.235 30.7633 16.8133 30.0783C16.323 29.8441 15.873 29.5335 15.48 29.1583L12.9466 29.5933C12.705 30.2683 12.6266 30.79 12.1466 31.745Z" fill="#213A30"/>
+<path d="M9.47994 6.0783C8.89005 6.34856 8.41687 6.82174 8.14661 7.41163L9.81327 8.24497C10.0904 7.6599 10.5615 7.18879 11.1466 6.91163C11.7733 6.63163 12.3399 6.68997 12.8133 6.74497L12.8983 6.7583C12.4674 6.45302 11.9878 6.22308 11.4799 6.0783C10.9883 5.9383 10.2616 5.74497 9.47994 6.0783Z" fill="#213A30"/>
+<path d="M26.8134 11.245L26.795 11.23" stroke="black" stroke-miterlimit="10"/>
+<path d="M26.3617 29.2417C26.3467 29.2984 26.33 29.355 26.3134 29.4084C26.3328 29.3538 26.349 29.2982 26.3617 29.2417Z" fill="black"/>
+<path d="M13.8133 19.245C14.18 19.095 14.7016 18.8734 15.3133 18.5784C15.825 18.3317 16.2666 18.1184 16.6466 17.925L16.925 17.0734C16.2983 17.3434 15.0416 17.635 12.6483 17.9067L13.8133 19.245Z" fill="#213A30"/>
+<path d="M17.1467 16.3334C17.0833 16.5634 17.0083 16.81 16.9233 17.0784L16.865 17.255C18.365 17.8784 19.9433 18.0034 21.2283 17.9534L21.26 17.8384H21.465C21.465 17.8384 21.465 17.8817 21.4733 17.94C22.1861 17.9004 22.8945 17.8034 23.5917 17.65C23.4724 17.3019 23.3794 16.9454 23.3133 16.5834C23.3133 16.5334 23.295 16.4817 23.2867 16.43C19.74 17.685 17.1467 16.3334 17.1467 16.3334ZM21.5633 16.9184C21.5633 16.9184 21.8133 17.085 21.8133 17.2517C21.7958 17.3781 21.7373 17.4952 21.6467 17.585C21.6031 17.608 21.5553 17.6219 21.5063 17.6259C21.4572 17.6299 21.4078 17.624 21.3611 17.6084C21.3144 17.5928 21.2713 17.568 21.2345 17.5353C21.1976 17.5026 21.1677 17.4629 21.1467 17.4184C20.98 17.0784 21.5633 16.9134 21.5633 16.9134V16.9184Z" fill="#213A30"/>
+<path d="M35.6467 22.0784C35.109 21.219 34.7676 20.2515 34.6467 19.245C35.3692 18.7565 35.9915 18.1342 36.48 17.4117C37.205 16.323 37.6093 15.0525 37.6467 13.745C36.8824 13.5207 36.1025 13.3536 35.3134 13.245C33.095 12.94 32.575 13.345 30.98 13.0784C28.8483 12.7217 27.2683 11.5784 26.8133 11.245L26.795 11.23L25.4617 10.1217C24.9423 9.67596 24.389 9.2714 23.8067 8.9117C23.275 8.57836 22.8067 8.33003 22.4617 8.15503C22.4617 8.15503 21.9933 9.83336 20.8267 10.5C19.66 11.1667 17.3033 15.3234 17.3033 15.3234L17.185 16.1567C17.1717 16.2117 17.155 16.2684 17.14 16.3234C17.14 16.3234 19.7333 17.68 23.28 16.42C23.1517 15.6934 23.0517 14.8717 23.4733 14.0734C23.64 13.74 23.7317 13.495 23.9733 13.4067C24.0867 13.365 24.6183 13.2134 25.9733 14.74C26.1033 14.8867 26.225 15.0317 26.34 15.1734L27 16.0734C27.3733 16.6367 27.6667 17.1834 27.9783 17.74C29.1583 19.8884 29.7483 20.9634 29.9783 21.24C30.9847 22.4665 32.3117 23.3897 33.8117 23.9067C35.099 24.337 36.4709 24.4513 37.8117 24.24C36.937 23.691 36.1971 22.9522 35.6467 22.0784Z" fill="#5E8E7D"/>
+<path d="M23.98 18.5783C23.8316 18.2754 23.702 17.9637 23.5917 17.645C22.8945 17.7983 22.1861 17.8953 21.4734 17.935C21.4832 18.0321 21.4804 18.1302 21.465 18.2266C21.7834 18.2083 22.3134 18.245 22.3134 19.0783C22.3134 19.9116 21.48 19.76 21.1467 19.745C21.1467 20.6283 20.3134 21.245 20.3134 21.245C20.3134 21.245 19.6467 20.9116 19.48 20.5783C20.1467 20.745 20.6467 20.245 20.8134 19.745C20.48 19.745 19.8134 19.4116 19.98 18.745C20.1467 18.0783 21.1467 18.245 21.1467 18.245L21.2284 17.9483C19.9434 17.9983 18.3584 17.8733 16.865 17.25L16.645 17.9166C16.1734 19.3616 15.925 20.1 15.8117 20.2366C15.2484 20.925 14.71 21.0116 11.4784 22.07L11.1167 22.1883C11.1161 21.1933 11.2376 20.202 11.4784 19.2366C11.605 18.7366 12.2534 16.16 13.3117 16.07C13.5336 16.0872 13.7565 16.0872 13.9784 16.07C14.1496 16.044 14.3173 15.9987 14.4784 15.935C14.7166 15.8453 14.9411 15.7224 15.145 15.57C15.3301 15.4335 15.498 15.2751 15.645 15.0983L16.145 14.295C16.3117 13.9616 16.4384 13.73 16.645 13.7366C16.8934 13.7366 17.0684 14.085 17.145 14.2366C17.1795 14.3035 17.2096 14.3725 17.235 14.4433C17.235 14.3966 17.2534 14.3466 17.2634 14.295C18.0734 12.5 18.8334 11.3833 19.345 10.7566C19.495 9.9233 19.365 8.80997 19.2934 8.3233C19.195 8.34663 19.09 8.37497 18.98 8.41163C18.6265 8.53442 18.2904 8.70249 17.98 8.91163C17.8013 9.03325 17.6399 9.17845 17.5 9.3433L17.3584 9.5233C16.7645 8.83463 16.074 8.23563 15.3084 7.74497C14.725 7.37163 13.965 6.91163 12.8934 6.7583C13.7184 7.3333 14.3534 8.11663 14.98 8.91163C15.4478 9.50535 15.868 10.1351 16.2367 10.795C16.115 10.9156 15.9713 11.0118 15.8134 11.0783C15.115 11.32 14.48 10.8016 13.6467 10.4116C12.3867 9.81997 12.275 10.27 10.6467 9.74497C8.57169 9.0783 7.98002 8.08997 7.31335 8.41163C6.94502 8.58997 6.68335 9.10663 6.64669 10.745C6.60038 12.8444 6.93932 14.9345 7.64669 16.9116C8.37446 18.8586 9.37016 20.6946 10.605 22.3666C8.79835 22.9716 8.40169 23.1583 7.98002 23.4116C6.92841 24.0524 6.02054 24.9035 5.31335 25.9116C5.83363 25.6444 6.39855 25.4749 6.98002 25.4116C6.90111 25.6878 6.72308 25.9252 6.48002 26.0783C6.22669 26.2183 5.98002 26.18 5.98002 26.245C5.96835 26.34 6.45502 26.5416 6.98002 26.5783C7.50068 26.6016 8.01822 26.4866 8.48002 26.245C9.09502 25.9516 10.075 25.6333 11.6467 25.5783C11.4184 25.785 11.0784 26.0783 10.6467 26.4116C9.83502 27.035 9.00335 27.6616 7.81335 28.0783C7.37979 28.2291 6.93355 28.3407 6.48002 28.4116C7.29607 28.6554 8.133 28.8227 8.98002 28.9116C9.82835 29 10.48 29.0683 11.3134 28.9116C12.154 28.7499 12.9499 28.4088 13.6467 27.9116C13.338 28.2177 13.0034 28.4966 12.6467 28.745C12.2781 29.001 11.8877 29.224 11.48 29.4116C11.9607 29.5259 12.4526 29.5868 12.9467 29.5933L15.48 29.1666C15.8371 29.0175 16.1732 28.8225 16.48 28.5866C17.2849 27.9496 17.8682 27.0747 18.1467 26.0866C18.363 26.7032 18.4152 27.3653 18.2984 28.0081C18.1815 28.651 17.8995 29.2524 17.48 29.7533C17.724 29.6924 17.9516 29.5786 18.1467 29.42C18.3649 29.2416 18.5365 29.0128 18.6467 28.7533C18.5325 29.7247 18.0564 30.6173 17.3134 31.2533C17.9794 31.2295 18.621 30.9962 19.1467 30.5866C19.8367 30.0266 20.0534 29.2966 20.3134 28.42C20.5833 27.501 20.696 26.5431 20.6467 25.5866C20.8119 26.4341 21.0346 27.2694 21.3134 28.0866C21.5367 28.7917 21.8222 29.4755 22.1667 30.13L23.8184 30.0783C23.9709 30.1349 24.1095 30.2237 24.2245 30.3388C24.3396 30.4538 24.4285 30.5924 24.485 30.745C24.5562 30.9615 24.5562 31.1951 24.485 31.4116C24.8158 31.1263 25.0973 30.7884 25.3184 30.4116C25.7738 29.6019 25.9495 28.6647 25.8184 27.745C26.0472 27.9133 26.2214 28.1454 26.3189 28.4122C26.4164 28.679 26.4331 28.9687 26.3667 29.245C26.5734 28.5239 26.7795 27.8016 26.985 27.0783C27.3067 23.8633 26.5734 22.1866 25.8184 21.245C25.4534 20.7966 24.6667 19.9866 23.98 18.5783Z" fill="#5E8E7D"/>
+<path d="M24.8133 7.74504C24.6692 7.42361 24.5576 7.08862 24.4799 6.74504C24.3133 6.03838 24.4349 5.86504 24.3133 5.07838C24.2291 4.50134 24.0606 3.9398 23.8133 3.41171C23.6725 3.11919 23.5051 2.84024 23.3133 2.57838C23.4502 2.31162 23.5618 2.03262 23.6466 1.74504C23.7272 1.47286 23.783 1.19395 23.8133 0.911711L22.8133 1.24504L22.3133 1.41171C22.1008 1.3226 21.876 1.2664 21.6466 1.24504C21.2083 1.20338 21.0066 1.31838 20.6466 1.24504C20.2349 1.16004 20.0216 0.865044 19.9799 0.911711C19.9383 0.958378 20.1633 1.24504 20.3133 1.41171C20.3783 1.48171 20.4366 1.53838 20.4799 1.57838C20.2208 1.45317 19.934 1.39582 19.6466 1.41171C19.3866 1.42838 19.3533 1.49838 18.9799 1.57838C18.6466 1.65004 18.2299 1.73671 17.8133 1.57838C17.6244 1.50481 17.4538 1.39108 17.3133 1.24504C17.4586 1.67312 17.6849 2.06921 17.9799 2.41171C18.0834 2.53021 18.1948 2.64157 18.3133 2.74504C18.1055 3.05617 17.9375 3.39213 17.8133 3.74504C17.547 4.49329 17.4894 5.29988 17.6466 6.07838C17.7333 6.48171 17.8016 6.48671 17.8133 6.74504C17.8449 7.43671 17.3849 8.02004 16.9799 8.41171C17.7899 8.39005 18.1466 8.14838 18.3133 7.91171C18.4799 7.67505 18.4516 7.50171 18.6466 7.41171C18.9466 7.27171 19.3599 7.55171 19.6466 7.74504C19.8566 7.88671 19.9916 7.97838 19.9799 8.07838C19.9649 8.20838 19.6866 8.23004 19.2933 8.32338C19.3649 8.81004 19.4949 9.92004 19.3449 10.7567C18.8333 11.3834 18.0733 12.5 17.2649 14.3034C17.2549 14.355 17.2449 14.405 17.2366 14.4517C17.3061 14.6461 17.3438 14.8504 17.3483 15.0567C16.9713 14.7698 16.5691 14.5176 16.1466 14.3034L15.6466 15.1067C15.9936 15.2973 16.3277 15.5105 16.6466 15.745C16.8766 15.9117 17.0566 16.045 17.1916 16.16L17.3099 15.3267C17.3099 15.3267 19.6666 11.1667 20.8333 10.5C21.9999 9.83338 22.4683 8.15504 22.4683 8.15504L22.3666 8.14504C22.5862 7.96849 22.8661 7.88476 23.1466 7.91171C23.8399 8.02004 24.1299 8.70338 24.1466 8.74504C24.1855 8.52452 24.1855 8.2989 24.1466 8.07838C24.0784 7.70429 23.905 7.3574 23.6466 7.07838C23.8196 7.1128 23.9876 7.16879 24.1466 7.24504C24.3994 7.36642 24.626 7.5363 24.8133 7.74504ZM22.8133 6.07838C22.8056 6.51769 22.6261 6.9365 22.3133 7.24504C22.1231 7.41121 21.8936 7.52596 21.6466 7.57838C21.6712 7.74414 21.6712 7.91262 21.6466 8.07838C21.5583 8.66504 21.1733 9.05005 20.8133 9.41171C20.5611 9.66416 20.2816 9.88775 19.9799 10.0784C20.0785 9.52796 20.1342 8.97074 20.1466 8.41171C20.1466 8.29671 20.1466 8.18838 20.1466 8.07838C20.1466 8.02338 20.1466 7.96504 20.1466 7.91171C19.1133 7.16171 18.8533 6.52671 18.8133 6.07838C18.8033 5.96171 18.8133 5.88171 18.8133 5.24504C18.8133 4.67504 18.8133 4.21171 18.8133 3.91171C18.8804 4.15331 18.9936 4.37968 19.1466 4.57838C19.2434 4.70292 19.3554 4.81489 19.4799 4.91171C19.2885 4.37825 19.2312 3.80586 19.3133 3.24504C19.6161 3.99396 20.1391 4.63328 20.8133 5.07838C21.1715 5.30913 21.5658 5.47815 21.9799 5.57838C21.8021 5.09963 21.7449 4.58448 21.8133 4.07838C22.1824 4.32358 22.472 4.6711 22.6466 5.07838C22.781 5.39368 22.8382 5.73653 22.8133 6.07838Z" fill="#213A30"/>
+</svg>
diff --git a/src/assets/img/nav/face.png b/src/assets/img/nav/face.png
deleted file mode 100644
index e61a3d7f3..000000000
Binary files a/src/assets/img/nav/face.png and /dev/null differ
diff --git a/src/assets/img/nav/face.svg b/src/assets/img/nav/face.svg
new file mode 100644
index 000000000..c779a1130
--- /dev/null
+++ b/src/assets/img/nav/face.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.4167 27.25C35.9717 25.1933 34.2984 22.2783 34.0834 21.9166C33.4127 20.8166 32.425 19.9451 31.25 19.4166C31.8362 17.0205 31.6015 14.4969 30.5834 12.25C29.7274 10.4023 28.3705 8.83177 26.6667 7.71662C26.8234 6.98604 26.8234 6.23055 26.6667 5.49996C26.65 5.42829 26.62 5.29329 26.5667 5.11663C30.3334 5.39829 32.655 5.75996 32.6667 5.66663C32.6784 5.57329 30.0984 4.99996 26.3684 4.56663C26.0267 3.74663 25.3334 2.61996 24 1.99996C22.4267 1.27163 20.9484 1.70329 20.5 1.83329C18.8584 2.31163 17.9417 3.43996 17.5 3.99996V4.00829C15.3117 3.99996 13.4484 4.07329 12 4.16663C11.9048 3.94123 11.7254 3.76186 11.5 3.66663C10.9884 3.48329 10.2967 3.90663 10.1667 4.49996C10.128 4.68122 10.1384 4.86955 10.197 5.0454C10.2557 5.22125 10.3603 5.3782 10.5 5.49996C10.69 5.64973 10.9248 5.73119 11.1667 5.73119C11.4086 5.73119 11.6434 5.64973 11.8334 5.49996C11.9913 5.36972 12.1072 5.19579 12.1667 4.99996L12.6384 4.97329C12.5848 5.25858 12.5944 5.55215 12.6667 5.83329C12.7584 6.17829 12.905 6.33329 13.1017 6.61496C13.2517 6.11496 13.38 5.89829 13.3334 5.49996C13.3107 5.30665 13.2542 5.11881 13.1667 4.94496C14.2367 4.88996 15.5 4.84329 16.945 4.82163C16.649 5.33807 16.4189 5.88959 16.26 6.46329C15.3168 6.66514 14.4086 7.0055 13.565 7.47329C13.4784 7.27496 13.385 7.09829 13.3334 6.99996C13.2642 6.86698 13.1868 6.7384 13.1017 6.61496C13.0684 6.72662 13.0334 6.85329 13 6.99996C12.9172 7.31009 12.8614 7.62684 12.8334 7.94663C12.6367 8.08996 12.4434 8.24496 12.25 8.41663C9.78004 10.6116 9.39171 13.6466 9.25004 14.75C9.03226 16.488 9.20304 18.2526 9.75004 19.9166C9.48171 20.1 6.99504 21.8583 7.08338 24.5833C7.09671 24.9766 7.16504 27.11 8.75004 27.9166C9.62671 28.3616 10.535 28.1833 10.9167 28.0833C11.3406 28.7274 11.5718 29.479 11.5834 30.25C11.5834 30.4833 11.5934 32.1216 10.5834 32.75C10.03 33.0933 9.68837 32.8116 8.75004 32.9166C8.63838 32.9283 6.36838 33.2166 5.33338 35C4.57838 36.3016 4.88171 37.7116 5.00004 38.1666C4.98245 37.5196 5.1564 36.8818 5.50004 36.3333C5.63004 36.1333 6.23171 35.265 8.00004 34.8333C9.79671 34.395 10.8617 35.1466 12.3334 35C13.4734 34.8866 19.4834 34.2933 21.8334 30C22.1215 29.4731 22.3453 28.9135 22.5 28.3333C22.2884 28.5533 19.525 31.3516 17 30.5C15.9534 30.1466 15.3334 29.2933 14.5 28.1666C13.5096 26.8112 12.7753 25.2862 12.3334 23.6666V16.3333C14.6734 15.7935 16.7427 14.4336 18.1667 12.5C19.8768 15.0966 22.4417 17.0129 25.4167 17.9166C25.8267 19.145 25.6584 20.3766 24.9167 21.0833C24.3534 21.6216 23.2767 22.03 22.75 21.5833C22.425 21.3083 22.2367 20.645 22.5834 20.25C22.835 19.9616 23.315 19.8816 23.75 20.0833C23.4724 19.8945 23.1379 19.808 22.8035 19.8384C22.4692 19.8688 22.1558 20.0142 21.9167 20.25C21.4034 20.805 21.6067 21.64 21.9167 22.0833C22.4967 22.9166 23.7417 22.785 24.0834 22.75C25.8784 22.565 26.8317 20.9033 26.9167 20.75C27.2774 20.0867 27.4503 19.3376 27.4167 18.5833C27.7369 18.4507 28.0966 18.4507 28.4167 18.5833C29.2217 18.99 29.1234 20.4866 29.0834 21.0833C29.035 21.81 28.94 23.25 27.75 24.25C27.1793 24.7175 26.4839 25.0073 25.75 25.0833C25.8596 27.1487 25.4589 29.2094 24.5834 31.0833C23.9017 32.5166 23.2934 33.7966 21.9167 34.5833C20.065 35.6433 18.8867 34.6283 16.75 35.75C14.9717 36.6816 13.9934 38.5066 14.0834 38.4166C14.6552 37.8442 15.335 37.391 16.0834 37.0833C16.7934 36.7966 17.73 36.5833 20.5834 36.9166C23.6434 37.2716 24.3267 37.72 26.4167 37.5833C27.5734 37.5083 28.3284 37.45 29.0834 36.9166C30.2767 36.075 30.595 34.6716 30.9167 33.25C31.247 31.7728 31.3035 30.2475 31.0834 28.75C31.465 28.7416 33.35 28.6666 34.4167 27.25ZM20.0117 5.88329C20.2432 5.64337 20.5233 5.45582 20.8334 5.33329C21.3689 5.1223 21.9645 5.1223 22.5 5.33329C22.7676 5.42889 23 5.60319 23.1667 5.83329C23.2484 5.95411 23.3082 6.08839 23.3434 6.22996C22.2555 5.95343 21.1332 5.83665 20.0117 5.88329Z" fill="white"/>
+<path d="M34.4167 27.25C35.9717 25.1933 34.2984 22.2783 34.0834 21.9166C33.4127 20.8166 32.425 19.9451 31.25 19.4166C31.8362 17.0205 31.6015 14.4969 30.5834 12.25C29.7274 10.4023 28.3705 8.83177 26.6667 7.71662C26.8234 6.98604 26.8234 6.23055 26.6667 5.49996C26.65 5.42829 26.62 5.29329 26.5667 5.11663C30.3334 5.39829 32.655 5.75996 32.6667 5.66663C32.6784 5.57329 30.0984 4.99996 26.3684 4.56663C26.0267 3.74663 25.3334 2.61996 24 1.99996C22.4267 1.27163 20.9484 1.70329 20.5 1.83329C18.8584 2.31163 17.9417 3.43996 17.5 3.99996V4.00829C15.3117 3.99996 13.4484 4.07329 12 4.16663C11.9048 3.94123 11.7254 3.76186 11.5 3.66663C10.9884 3.48329 10.2967 3.90663 10.1667 4.49996C10.128 4.68122 10.1384 4.86955 10.197 5.0454C10.2557 5.22125 10.3603 5.3782 10.5 5.49996C10.69 5.64973 10.9248 5.73119 11.1667 5.73119C11.4086 5.73119 11.6434 5.64973 11.8334 5.49996C11.9913 5.36972 12.1072 5.19579 12.1667 4.99996L12.6384 4.97329C12.5848 5.25858 12.5944 5.55215 12.6667 5.83329C12.7584 6.17829 12.905 6.33329 13.1017 6.61496C13.2517 6.11496 13.38 5.89829 13.3334 5.49996C13.3107 5.30665 13.2542 5.11881 13.1667 4.94496C14.2367 4.88996 15.5 4.84329 16.945 4.82163C16.649 5.33807 16.4189 5.88959 16.26 6.46329C15.3168 6.66514 14.4086 7.0055 13.565 7.47329C13.4784 7.27496 13.385 7.09829 13.3334 6.99996C13.2642 6.86698 13.1868 6.7384 13.1017 6.61496C13.0684 6.72662 13.0334 6.85329 13 6.99996C12.9172 7.31009 12.8614 7.62684 12.8334 7.94663C12.6367 8.08996 12.4434 8.24496 12.25 8.41663C9.78004 10.6116 9.39171 13.6466 9.25004 14.75C9.03226 16.488 9.20304 18.2526 9.75004 19.9166C9.48171 20.1 6.99504 21.8583 7.08338 24.5833C7.09671 24.9766 7.16504 27.11 8.75004 27.9166C9.62671 28.3616 10.535 28.1833 10.9167 28.0833C11.3406 28.7274 11.5718 29.479 11.5834 30.25C11.5834 30.4833 11.5934 32.1216 10.5834 32.75C10.03 33.0933 9.68837 32.8116 8.75004 32.9166C8.63838 32.9283 6.36838 33.2166 5.33338 35C4.57838 36.3016 4.88171 37.7116 5.00004 38.1666C4.98245 37.5196 5.1564 36.8818 5.50004 36.3333C5.63004 36.1333 6.23171 35.265 8.00004 34.8333C9.79671 34.395 10.8617 35.1466 12.3334 35C13.4734 34.8866 19.4834 34.2933 21.8334 30C22.1215 29.4731 22.3453 28.9135 22.5 28.3333C22.2884 28.5533 19.525 31.3516 17 30.5C15.9534 30.1466 15.3334 29.2933 14.5 28.1666C13.5096 26.8112 12.7753 25.2862 12.3334 23.6666V16.3333C14.6734 15.7935 16.7427 14.4336 18.1667 12.5C19.8768 15.0966 22.4417 17.0129 25.4167 17.9166C25.8267 19.145 25.6584 20.3766 24.9167 21.0833C24.3534 21.6216 23.2767 22.03 22.75 21.5833C22.425 21.3083 22.2367 20.645 22.5834 20.25C22.835 19.9616 23.315 19.8816 23.75 20.0833C23.4724 19.8945 23.1379 19.808 22.8035 19.8384C22.4692 19.8688 22.1558 20.0142 21.9167 20.25C21.4034 20.805 21.6067 21.64 21.9167 22.0833C22.4967 22.9166 23.7417 22.785 24.0834 22.75C25.8784 22.565 26.8317 20.9033 26.9167 20.75C27.2774 20.0867 27.4503 19.3376 27.4167 18.5833C27.7369 18.4507 28.0966 18.4507 28.4167 18.5833C29.2217 18.99 29.1234 20.4866 29.0834 21.0833C29.035 21.81 28.94 23.25 27.75 24.25C27.1793 24.7175 26.4839 25.0073 25.75 25.0833C25.8596 27.1487 25.4589 29.2094 24.5834 31.0833C23.9017 32.5166 23.2934 33.7966 21.9167 34.5833C20.065 35.6433 18.8867 34.6283 16.75 35.75C14.9717 36.6816 13.9934 38.5066 14.0834 38.4166C14.6552 37.8442 15.335 37.391 16.0834 37.0833C16.7934 36.7966 17.73 36.5833 20.5834 36.9166C23.6434 37.2716 24.3267 37.72 26.4167 37.5833C27.5734 37.5083 28.3284 37.45 29.0834 36.9166C30.2767 36.075 30.595 34.6716 30.9167 33.25C31.247 31.7728 31.3035 30.2475 31.0834 28.75C31.465 28.7416 33.35 28.6666 34.4167 27.25ZM20.0117 5.88329C20.2432 5.64337 20.5233 5.45582 20.8334 5.33329C21.3689 5.1223 21.9645 5.1223 22.5 5.33329C22.7676 5.42889 23 5.60319 23.1667 5.83329C23.2484 5.95411 23.3082 6.08839 23.3434 6.22996C22.2555 5.95343 21.1332 5.83665 20.0117 5.88329Z"/>
+</svg>
diff --git a/src/assets/img/nav/face1.svg b/src/assets/img/nav/face1.svg
new file mode 100644
index 000000000..7f8de0060
--- /dev/null
+++ b/src/assets/img/nav/face1.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.4167 27.25C35.9717 25.1933 34.2984 22.2783 34.0834 21.9166C33.4127 20.8166 32.425 19.9451 31.25 19.4166C31.8362 17.0205 31.6015 14.4969 30.5834 12.25C29.7274 10.4023 28.3705 8.83177 26.6667 7.71662C26.8234 6.98604 26.8234 6.23055 26.6667 5.49996C26.65 5.42829 26.62 5.29329 26.5667 5.11663C30.3334 5.39829 32.655 5.75996 32.6667 5.66663C32.6784 5.57329 30.0984 4.99996 26.3684 4.56663C26.0267 3.74663 25.3334 2.61996 24 1.99996C22.4267 1.27163 20.9484 1.70329 20.5 1.83329C18.8584 2.31163 17.9417 3.43996 17.5 3.99996V4.00829C15.3117 3.99996 13.4484 4.07329 12 4.16663C11.9048 3.94123 11.7254 3.76186 11.5 3.66663C10.9884 3.48329 10.2967 3.90663 10.1667 4.49996C10.128 4.68122 10.1384 4.86955 10.197 5.0454C10.2557 5.22125 10.3603 5.3782 10.5 5.49996C10.69 5.64973 10.9248 5.73119 11.1667 5.73119C11.4086 5.73119 11.6434 5.64973 11.8334 5.49996C11.9913 5.36972 12.1072 5.19579 12.1667 4.99996L12.6384 4.97329C12.5848 5.25858 12.5944 5.55215 12.6667 5.83329C12.7584 6.17829 12.905 6.33329 13.1017 6.61496C13.2517 6.11496 13.38 5.89829 13.3334 5.49996C13.3107 5.30665 13.2542 5.11881 13.1667 4.94496C14.2367 4.88996 15.5 4.84329 16.945 4.82163C16.649 5.33807 16.4189 5.88959 16.26 6.46329C15.3168 6.66514 14.4086 7.0055 13.565 7.47329C13.4784 7.27496 13.385 7.09829 13.3334 6.99996C13.2642 6.86698 13.1868 6.7384 13.1017 6.61496C13.0684 6.72662 13.0334 6.85329 13 6.99996C12.9172 7.31009 12.8614 7.62684 12.8334 7.94663C12.6367 8.08996 12.4434 8.24496 12.25 8.41663C9.78004 10.6116 9.39171 13.6466 9.25004 14.75C9.03226 16.488 9.20304 18.2526 9.75004 19.9166C9.48171 20.1 6.99504 21.8583 7.08338 24.5833C7.09671 24.9766 7.16504 27.11 8.75004 27.9166C9.62671 28.3616 10.535 28.1833 10.9167 28.0833C11.3406 28.7274 11.5718 29.479 11.5834 30.25C11.5834 30.4833 11.5934 32.1216 10.5834 32.75C10.03 33.0933 9.68837 32.8116 8.75004 32.9166C8.63838 32.9283 6.36838 33.2166 5.33338 35C4.57838 36.3016 4.88171 37.7116 5.00004 38.1666C4.98245 37.5196 5.1564 36.8818 5.50004 36.3333C5.63004 36.1333 6.23171 35.265 8.00004 34.8333C9.79671 34.395 10.8617 35.1466 12.3334 35C13.4734 34.8866 19.4834 34.2933 21.8334 30C22.1215 29.4731 22.3453 28.9135 22.5 28.3333C22.2884 28.5533 19.525 31.3516 17 30.5C15.9534 30.1466 15.3334 29.2933 14.5 28.1666C13.5096 26.8112 12.7753 25.2862 12.3334 23.6666V16.3333C14.6734 15.7935 16.7427 14.4336 18.1667 12.5C19.8768 15.0966 22.4417 17.0129 25.4167 17.9166C25.8267 19.145 25.6584 20.3766 24.9167 21.0833C24.3534 21.6216 23.2767 22.03 22.75 21.5833C22.425 21.3083 22.2367 20.645 22.5834 20.25C22.835 19.9616 23.315 19.8816 23.75 20.0833C23.4724 19.8945 23.1379 19.808 22.8035 19.8384C22.4692 19.8688 22.1558 20.0142 21.9167 20.25C21.4034 20.805 21.6067 21.64 21.9167 22.0833C22.4967 22.9166 23.7417 22.785 24.0834 22.75C25.8784 22.565 26.8317 20.9033 26.9167 20.75C27.2774 20.0867 27.4503 19.3376 27.4167 18.5833C27.7369 18.4507 28.0966 18.4507 28.4167 18.5833C29.2217 18.99 29.1234 20.4866 29.0834 21.0833C29.035 21.81 28.94 23.25 27.75 24.25C27.1793 24.7175 26.4839 25.0073 25.75 25.0833C25.8596 27.1487 25.4589 29.2094 24.5834 31.0833C23.9017 32.5166 23.2934 33.7966 21.9167 34.5833C20.065 35.6433 18.8867 34.6283 16.75 35.75C14.9717 36.6816 13.9934 38.5066 14.0834 38.4166C14.6552 37.8442 15.335 37.391 16.0834 37.0833C16.7934 36.7966 17.73 36.5833 20.5834 36.9166C23.6434 37.2716 24.3267 37.72 26.4167 37.5833C27.5734 37.5083 28.3284 37.45 29.0834 36.9166C30.2767 36.075 30.595 34.6716 30.9167 33.25C31.247 31.7728 31.3035 30.2475 31.0834 28.75C31.465 28.7416 33.35 28.6666 34.4167 27.25ZM20.0117 5.88329C20.2432 5.64337 20.5233 5.45582 20.8334 5.33329C21.3689 5.1223 21.9645 5.1223 22.5 5.33329C22.7676 5.42889 23 5.60319 23.1667 5.83329C23.2484 5.95411 23.3082 6.08839 23.3434 6.22996C22.2555 5.95343 21.1332 5.83665 20.0117 5.88329Z" fill="white" fill-opacity="0.58"/>
+<path d="M34.4167 27.25C35.9717 25.1933 34.2984 22.2783 34.0834 21.9166C33.4127 20.8166 32.425 19.9451 31.25 19.4166C31.8362 17.0205 31.6015 14.4969 30.5834 12.25C29.7274 10.4023 28.3705 8.83177 26.6667 7.71662C26.8234 6.98604 26.8234 6.23055 26.6667 5.49996C26.65 5.42829 26.62 5.29329 26.5667 5.11663C30.3334 5.39829 32.655 5.75996 32.6667 5.66663C32.6784 5.57329 30.0984 4.99996 26.3684 4.56663C26.0267 3.74663 25.3334 2.61996 24 1.99996C22.4267 1.27163 20.9484 1.70329 20.5 1.83329C18.8584 2.31163 17.9417 3.43996 17.5 3.99996V4.00829C15.3117 3.99996 13.4484 4.07329 12 4.16663C11.9048 3.94123 11.7254 3.76186 11.5 3.66663C10.9884 3.48329 10.2967 3.90663 10.1667 4.49996C10.128 4.68122 10.1384 4.86955 10.197 5.0454C10.2557 5.22125 10.3603 5.3782 10.5 5.49996C10.69 5.64973 10.9248 5.73119 11.1667 5.73119C11.4086 5.73119 11.6434 5.64973 11.8334 5.49996C11.9913 5.36972 12.1072 5.19579 12.1667 4.99996L12.6384 4.97329C12.5848 5.25858 12.5944 5.55215 12.6667 5.83329C12.7584 6.17829 12.905 6.33329 13.1017 6.61496C13.2517 6.11496 13.38 5.89829 13.3334 5.49996C13.3107 5.30665 13.2542 5.11881 13.1667 4.94496C14.2367 4.88996 15.5 4.84329 16.945 4.82163C16.649 5.33807 16.4189 5.88959 16.26 6.46329C15.3168 6.66514 14.4086 7.0055 13.565 7.47329C13.4784 7.27496 13.385 7.09829 13.3334 6.99996C13.2642 6.86698 13.1868 6.7384 13.1017 6.61496C13.0684 6.72662 13.0334 6.85329 13 6.99996C12.9172 7.31009 12.8614 7.62684 12.8334 7.94663C12.6367 8.08996 12.4434 8.24496 12.25 8.41663C9.78004 10.6116 9.39171 13.6466 9.25004 14.75C9.03226 16.488 9.20304 18.2526 9.75004 19.9166C9.48171 20.1 6.99504 21.8583 7.08338 24.5833C7.09671 24.9766 7.16504 27.11 8.75004 27.9166C9.62671 28.3616 10.535 28.1833 10.9167 28.0833C11.3406 28.7274 11.5718 29.479 11.5834 30.25C11.5834 30.4833 11.5934 32.1216 10.5834 32.75C10.03 33.0933 9.68837 32.8116 8.75004 32.9166C8.63838 32.9283 6.36838 33.2166 5.33338 35C4.57838 36.3016 4.88171 37.7116 5.00004 38.1666C4.98245 37.5196 5.1564 36.8818 5.50004 36.3333C5.63004 36.1333 6.23171 35.265 8.00004 34.8333C9.79671 34.395 10.8617 35.1466 12.3334 35C13.4734 34.8866 19.4834 34.2933 21.8334 30C22.1215 29.4731 22.3453 28.9135 22.5 28.3333C22.2884 28.5533 19.525 31.3516 17 30.5C15.9534 30.1466 15.3334 29.2933 14.5 28.1666C13.5096 26.8112 12.7753 25.2862 12.3334 23.6666V16.3333C14.6734 15.7935 16.7427 14.4336 18.1667 12.5C19.8768 15.0966 22.4417 17.0129 25.4167 17.9166C25.8267 19.145 25.6584 20.3766 24.9167 21.0833C24.3534 21.6216 23.2767 22.03 22.75 21.5833C22.425 21.3083 22.2367 20.645 22.5834 20.25C22.835 19.9616 23.315 19.8816 23.75 20.0833C23.4724 19.8945 23.1379 19.808 22.8035 19.8384C22.4692 19.8688 22.1558 20.0142 21.9167 20.25C21.4034 20.805 21.6067 21.64 21.9167 22.0833C22.4967 22.9166 23.7417 22.785 24.0834 22.75C25.8784 22.565 26.8317 20.9033 26.9167 20.75C27.2774 20.0867 27.4503 19.3376 27.4167 18.5833C27.7369 18.4507 28.0966 18.4507 28.4167 18.5833C29.2217 18.99 29.1234 20.4866 29.0834 21.0833C29.035 21.81 28.94 23.25 27.75 24.25C27.1793 24.7175 26.4839 25.0073 25.75 25.0833C25.8596 27.1487 25.4589 29.2094 24.5834 31.0833C23.9017 32.5166 23.2934 33.7966 21.9167 34.5833C20.065 35.6433 18.8867 34.6283 16.75 35.75C14.9717 36.6816 13.9934 38.5066 14.0834 38.4166C14.6552 37.8442 15.335 37.391 16.0834 37.0833C16.7934 36.7966 17.73 36.5833 20.5834 36.9166C23.6434 37.2716 24.3267 37.72 26.4167 37.5833C27.5734 37.5083 28.3284 37.45 29.0834 36.9166C30.2767 36.075 30.595 34.6716 30.9167 33.25C31.247 31.7728 31.3035 30.2475 31.0834 28.75C31.465 28.7416 33.35 28.6666 34.4167 27.25ZM20.0117 5.88329C20.2432 5.64337 20.5233 5.45582 20.8334 5.33329C21.3689 5.1223 21.9645 5.1223 22.5 5.33329C22.7676 5.42889 23 5.60319 23.1667 5.83329C23.2484 5.95411 23.3082 6.08839 23.3434 6.22996C22.2555 5.95343 21.1332 5.83665 20.0117 5.88329Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/face2.svg b/src/assets/img/nav/face2.svg
new file mode 100644
index 000000000..d84180d15
--- /dev/null
+++ b/src/assets/img/nav/face2.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M11.5 34C11.9634 35.6884 16.5334 35.795 18.1667 35.8334C22.28 35.93 24.8017 35.99 27 34.3334C30.4784 31.7134 30.58 26.7367 30.6667 22.5C30.74 18.91 30.7884 16.5 29.1667 14.1667C26.5 10.3334 21.0117 9.12004 16.8334 10.3334C16.5 10.4317 10.5167 12.2467 10.3334 16.1667C10.2684 17.56 11.4567 17.7417 11.8334 19.8334C12.2967 22.4084 10.8034 23.1134 11.3334 25.3334C11.87 27.5817 13.6034 27.7034 13.6667 29.5C13.745 31.7234 11.1317 32.6667 11.5 34Z" fill="#FFE7D7"/>
+<path d="M25.3334 10.6666C25.155 8.48327 21.5434 7.23327 21.4717 5.9166C20.9861 5.87697 20.4986 5.86584 20.0117 5.88327C20.2432 5.64334 20.5233 5.4558 20.8334 5.33327C21.1691 5.20588 21.5287 5.1541 21.8867 5.1816C22.5767 4.7116 23.8834 4.6666 24 3.99994C24.15 3.1516 22.1417 2.35994 21.1017 1.68494C20.835 1.7366 20.625 1.7966 20.5 1.83327C18.8584 2.3116 17.9417 3.43994 17.5 3.99994V4.00827C15.3117 3.99994 13.4484 4.07327 12 4.1666C11.9048 3.94121 11.7254 3.76184 11.5 3.6666C10.9884 3.48327 10.2967 3.9066 10.1667 4.49994C10.128 4.6812 10.1384 4.86953 10.197 5.04538C10.2557 5.22123 10.3603 5.37818 10.5 5.49994C10.69 5.64971 10.9248 5.73116 11.1667 5.73116C11.4086 5.73116 11.6434 5.64971 11.8334 5.49994C11.9913 5.3697 12.1072 5.19577 12.1667 4.99994L12.6384 4.97327C12.5848 5.25856 12.5944 5.55213 12.6667 5.83327C12.7584 6.17827 12.905 6.33327 13.1017 6.61494C13.2517 6.11494 13.38 5.89827 13.3334 5.49994C13.3107 5.30662 13.2542 5.11879 13.1667 4.94494C14.2367 4.88994 15.5 4.84327 16.945 4.8216C16.649 5.33805 16.4189 5.88957 16.26 6.46327C15.3168 6.66512 14.4086 7.00548 13.565 7.47327C13.4784 7.27494 13.385 7.09827 13.3334 6.99994C13.2642 6.86695 13.1868 6.73838 13.1017 6.61494C13.0684 6.7266 13.0334 6.85327 13 6.99994C12.9172 7.31007 12.8614 7.62682 12.8334 7.9466C12.6367 8.08994 12.4434 8.24494 12.25 8.4166C9.78004 10.6116 9.39171 13.6466 9.25004 14.7499C9.03226 16.4879 9.20304 18.2526 9.75004 19.9166C9.48171 20.0999 6.99504 21.8583 7.08338 24.5833C7.09671 24.9766 7.16504 27.1099 8.75004 27.9166C9.62671 28.3616 10.535 28.1833 10.9167 28.0833C11.3406 28.7273 11.5718 29.479 11.5834 30.2499C11.5834 30.4833 11.5934 32.1216 10.5834 32.7499C10.03 33.0933 9.68838 32.8116 8.75004 32.9166C8.63838 32.9283 6.36838 33.2166 5.33338 34.9999C4.57838 36.3016 4.88171 37.7116 5.00004 38.1666C4.98245 37.5196 5.1564 36.8818 5.50004 36.3333C5.63004 36.1333 6.23171 35.2649 8.00004 34.8333C9.79671 34.3949 10.8617 35.1466 12.3334 34.9999C13.4734 34.8866 19.4834 34.2933 21.8334 29.9999C22.1215 29.4731 22.3453 28.9135 22.5 28.3333C22.2884 28.5533 19.525 31.3516 17 30.4999C15.9534 30.1466 15.3334 29.2933 14.5 28.1666C13.5096 26.8112 12.7753 25.2861 12.3334 23.6666V16.3333C14.6734 15.7935 16.7427 14.4336 18.1667 12.4999C18.8871 13.5924 19.7643 14.5729 20.77 15.4099C22.5434 13.7183 25.5 12.6983 25.3334 10.6666Z" fill="#826C67"/>
+<path d="M21.7134 21.6884C21.7645 21.8279 21.8328 21.9606 21.9167 22.0834C22.1079 22.3476 22.379 22.5434 22.69 22.6417C22.3667 22.315 22.035 22 21.7134 21.6884Z" fill="#684D49"/>
+<path d="M24.0833 22.75C25.8783 22.565 26.8317 20.9033 26.9167 20.75C27.2774 20.0867 27.4503 19.3376 27.4167 18.5833C27.7368 18.4507 28.0965 18.4507 28.4167 18.5833C29.2217 18.99 29.1233 20.4866 29.0833 21.0833C29.035 21.81 28.94 23.25 27.75 24.25C27.1793 24.7176 26.4839 25.0073 25.75 25.0833C25.8595 27.1488 25.4589 29.2094 24.5833 31.0833C23.9017 32.5166 23.2933 33.7966 21.9167 34.5833C20.065 35.6433 18.8867 34.6283 16.75 35.75C14.9717 36.6816 13.9933 38.5066 14.0833 38.4166C14.6552 37.8442 15.335 37.391 16.0833 37.0833C16.7933 36.7966 17.73 36.5833 20.5833 36.9166C23.6433 37.2716 24.3267 37.72 26.4167 37.5833C27.5733 37.5083 28.3283 37.45 29.0833 36.9166C30.2767 36.075 30.595 34.6716 30.9167 33.25C31.247 31.7728 31.3035 30.2475 31.0833 28.75C31.465 28.7416 33.35 28.6616 34.4167 27.25C35.9717 25.1933 34.2983 22.2783 34.0833 21.9166C33.4127 20.8166 32.425 19.9451 31.25 19.4166C31.8362 17.0205 31.6014 14.4969 30.5833 12.25C29.7274 10.4024 28.3704 8.83179 26.6667 7.71664C26.8233 6.98606 26.8233 6.23056 26.6667 5.49998C26.65 5.42831 26.62 5.29331 26.5667 5.11664C30.3333 5.39831 32.655 5.75998 32.6667 5.66664C32.6783 5.57331 30.0983 4.99998 26.3683 4.56664C26.0267 3.74664 25.3333 2.61998 24 1.99998C23.0911 1.59265 22.0769 1.48242 21.1017 1.68498C22.1417 2.35998 24.15 3.15164 24 3.99998C23.8833 4.66664 22.5767 4.71164 21.8867 5.18164C22.0979 5.19902 22.305 5.25022 22.5 5.33331C22.7676 5.42891 23 5.60321 23.1667 5.83331C23.2484 5.95413 23.3082 6.0884 23.3433 6.22998C22.7296 6.07181 22.1034 5.96698 21.4717 5.91664C21.5433 7.23331 25.155 8.48331 25.3333 10.6666C25.5 12.6983 22.5433 13.7183 20.77 15.41C20.9733 15.5766 21.1883 15.7433 21.4167 15.91C22.6278 16.7973 23.9801 17.4735 25.4167 17.91C25.8267 19.1383 25.6583 20.37 24.9167 21.0766C24.3533 21.615 23.2767 22.0233 22.75 21.5766C22.425 21.3016 22.2367 20.6383 22.5833 20.2433C22.835 19.955 23.315 19.875 23.75 20.0766C23.4724 19.8879 23.1378 19.8013 22.8035 19.8317C22.4692 19.8621 22.1557 20.0076 21.9167 20.2433C21.5317 20.66 21.55 21.2333 21.7133 21.6816C22.035 21.9933 22.3667 22.3083 22.69 22.635C23.1411 22.7714 23.616 22.8106 24.0833 22.75Z" fill="#684D49"/>
+</svg>
diff --git a/src/assets/img/nav/fold.svg b/src/assets/img/nav/fold.svg
new file mode 100644
index 000000000..aa7715090
--- /dev/null
+++ b/src/assets/img/nav/fold.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 10.5L12.3333 10.5M12.3333 10.5L14.6667 12.9375M12.3333 10.5L14.6667 8.0625M3 10.5L7.66667 10.5M7.66667 10.5L5.33333 12.9375M7.66667 10.5L5.33333 8.0625M10 4L10 4.8125M10 8.0625L10 8.875M10 12.125L10 12.9375M10 16.1875L10 17" stroke="white" stroke-opacity="0.58" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/img/nav/furniture.png b/src/assets/img/nav/furniture.png
deleted file mode 100644
index fa9f86672..000000000
Binary files a/src/assets/img/nav/furniture.png and /dev/null differ
diff --git a/src/assets/img/nav/furniture.svg b/src/assets/img/nav/furniture.svg
new file mode 100644
index 000000000..249f73403
--- /dev/null
+++ b/src/assets/img/nav/furniture.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.91671 18.9167H5.41671V23.9167L15.25 22.75V21.4167C15.25 21.4167 13.9167 21.5834 13.9167 18.5834C13.9167 16.4167 14.75 16.5834 14.75 16.5834H18.5834C18.5834 16.5834 18.5834 13.0834 17.75 11.4167C17.0834 10.0967 15.5934 8.88169 15 8.43336V6.16669H20.8334V16.4284C20.8334 16.4284 22.3334 16.1667 22.8334 17.5H27.8884C27.8884 17.5 27.5284 13.6667 25.8334 11.1667C24.6667 9.16669 25.5 4.50003 28.1667 4.50003H30.9684V2.66669H27.445L26.6384 1.86169H24.1384L23.4134 2.58503H21.3334L20.8067 3.83336H13.3334C12.9355 3.83336 12.554 3.9914 12.2727 4.2727C11.9914 4.55401 11.8334 4.93554 11.8334 5.33336V7.71003C11.8343 8.17032 12.0135 8.61236 12.3334 8.94336L12.35 8.96003L12.38 8.99003L14.9417 11.5584C14.9417 11.5584 16 13.8334 16 16.1667H10.535C10.535 15.9015 10.4297 15.6471 10.2421 15.4596C10.0546 15.2721 9.80026 15.1667 9.53504 15.1667H4.83337C4.56816 15.1667 4.3138 15.2721 4.12627 15.4596C3.93873 15.6471 3.83337 15.9015 3.83337 16.1667V17.1267C4.01483 17.4993 4.30019 17.8115 4.65505 18.0256C5.00992 18.2397 5.41914 18.3466 5.83337 18.3334C7.33337 18.3334 7.16671 17 7.16671 17H6.08337V16.5834H7.75004C7.75004 16.5834 8.25004 18.9167 5.91671 18.9167Z" fill="white"/>
+<path d="M10 33.3333V28.57C12.7817 29.5383 16.3333 30.6667 16.3333 30.6667L15.2433 29.4167L15.3333 24L5.42334 25.0833C5.42334 25.0833 5.74167 26.3333 6.50001 27.0683V33.3333H7.20501V34.1667H6.66667V36.3333H10.1667V34.1667H9.62834V33.3333H10Z" fill="white"/>
+<path d="M31.5833 13.7501C31.1323 12.7906 30.7697 11.7921 30.5 10.7667V8.50008H33C33.3094 8.50008 33.6062 8.37717 33.825 8.15837C34.0438 7.93958 34.1667 7.64283 34.1667 7.33341C34.1667 7.024 34.0438 6.72725 33.825 6.50846C33.6062 6.28966 33.3094 6.16675 33 6.16675H28.8333C28.4355 6.16675 28.054 6.32478 27.7727 6.60609C27.4914 6.88739 27.3333 7.26892 27.3333 7.66675V10.0434C27.3333 10.5217 28 12.3334 28 12.3334L28.775 13.8917C28.775 13.8917 30.5 18.5001 30 18.5001H21.7017C21.7017 18.2349 21.5963 17.9805 21.4088 17.793C21.2212 17.6054 20.9669 17.5001 20.7017 17.5001H16C15.7348 17.5001 15.4804 17.6054 15.2929 17.793C15.1054 17.9805 15 18.2349 15 18.5001V19.4601C15.1815 19.8327 15.4668 20.1449 15.8217 20.359C16.1765 20.5731 16.5858 20.68 17 20.6667C18.5 20.6667 18.3333 19.3334 18.3333 19.3334H17.25V18.9167H18.9167C18.9167 18.9167 19.4167 21.2501 17.0833 21.2501H16.5833V29.2967L17.6667 30.3801V35.0001H18.3333V36.0001H17.6667V38.1667H22V36.0001H21.3333V35.0001H22V31.3334H30.1667V35.0001H30.8333V36.0001H30.1667V38.1667H34.5V36.0001H33.8333V35.0001H34.5V21.0001L33.42 18.9167C33.42 18.9167 32.4167 15.4167 31.5833 13.7501ZM30.1667 27.1667H26.3333V21.6667H26.8333V25.8334H27.8333V21.6667H30.1667V27.1667Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/furniture1.svg b/src/assets/img/nav/furniture1.svg
new file mode 100644
index 000000000..4f1d3e1d4
--- /dev/null
+++ b/src/assets/img/nav/furniture1.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.91671 18.9167H5.41671V23.9167L15.25 22.75V21.4167C15.25 21.4167 13.9167 21.5834 13.9167 18.5834C13.9167 16.4167 14.75 16.5834 14.75 16.5834H18.5834C18.5834 16.5834 18.5834 13.0834 17.75 11.4167C17.0834 10.0967 15.5934 8.88169 15 8.43336V6.16669H20.8334V16.4284C20.8334 16.4284 22.3334 16.1667 22.8334 17.5H27.8884C27.8884 17.5 27.5284 13.6667 25.8334 11.1667C24.6667 9.16669 25.5 4.50003 28.1667 4.50003H30.9684V2.66669H27.445L26.6384 1.86169H24.1384L23.4134 2.58503H21.3334L20.8067 3.83336H13.3334C12.9355 3.83336 12.554 3.9914 12.2727 4.2727C11.9914 4.55401 11.8334 4.93554 11.8334 5.33336V7.71003C11.8343 8.17032 12.0135 8.61236 12.3334 8.94336L12.35 8.96003L12.38 8.99003L14.9417 11.5584C14.9417 11.5584 16 13.8334 16 16.1667H10.535C10.535 15.9015 10.4297 15.6471 10.2421 15.4596C10.0546 15.2721 9.80026 15.1667 9.53504 15.1667H4.83337C4.56816 15.1667 4.3138 15.2721 4.12627 15.4596C3.93873 15.6471 3.83337 15.9015 3.83337 16.1667V17.1267C4.01483 17.4993 4.30019 17.8115 4.65505 18.0256C5.00992 18.2397 5.41914 18.3466 5.83337 18.3334C7.33337 18.3334 7.16671 17 7.16671 17H6.08337V16.5834H7.75004C7.75004 16.5834 8.25004 18.9167 5.91671 18.9167Z" fill="white" fill-opacity="0.58"/>
+<path d="M10 33.3333V28.57C12.7817 29.5383 16.3333 30.6667 16.3333 30.6667L15.2433 29.4167L15.3333 24L5.42334 25.0833C5.42334 25.0833 5.74167 26.3333 6.50001 27.0683V33.3333H7.20501V34.1667H6.66667V36.3333H10.1667V34.1667H9.62834V33.3333H10Z" fill="white" fill-opacity="0.58"/>
+<path d="M31.5833 13.7501C31.1323 12.7906 30.7697 11.7921 30.5 10.7667V8.50008H33C33.3094 8.50008 33.6062 8.37717 33.825 8.15837C34.0438 7.93958 34.1667 7.64283 34.1667 7.33341C34.1667 7.024 34.0438 6.72725 33.825 6.50846C33.6062 6.28966 33.3094 6.16675 33 6.16675H28.8333C28.4355 6.16675 28.054 6.32478 27.7727 6.60609C27.4914 6.88739 27.3333 7.26892 27.3333 7.66675V10.0434C27.3333 10.5217 28 12.3334 28 12.3334L28.775 13.8917C28.775 13.8917 30.5 18.5001 30 18.5001H21.7017C21.7017 18.2349 21.5963 17.9805 21.4088 17.793C21.2212 17.6054 20.9669 17.5001 20.7017 17.5001H16C15.7348 17.5001 15.4804 17.6054 15.2929 17.793C15.1054 17.9805 15 18.2349 15 18.5001V19.4601C15.1815 19.8327 15.4668 20.1449 15.8217 20.359C16.1765 20.5731 16.5858 20.68 17 20.6667C18.5 20.6667 18.3333 19.3334 18.3333 19.3334H17.25V18.9167H18.9167C18.9167 18.9167 19.4167 21.2501 17.0833 21.2501H16.5833V29.2967L17.6667 30.3801V35.0001H18.3333V36.0001H17.6667V38.1667H22V36.0001H21.3333V35.0001H22V31.3334H30.1667V35.0001H30.8333V36.0001H30.1667V38.1667H34.5V36.0001H33.8333V35.0001H34.5V21.0001L33.42 18.9167C33.42 18.9167 32.4167 15.4167 31.5833 13.7501ZM30.1667 27.1667H26.3333V21.6667H26.8333V25.8334H27.8333V21.6667H30.1667V27.1667Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/furniture2.svg b/src/assets/img/nav/furniture2.svg
new file mode 100644
index 000000000..44b78408d
--- /dev/null
+++ b/src/assets/img/nav/furniture2.svg
@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M5.91671 18.9167H5.41671V23.9167L15.25 22.75V21.4167C15.25 21.4167 13.9167 21.5834 13.9167 18.5834C13.9167 16.4167 14.75 16.5834 14.75 16.5834H18.5834C18.5834 16.5834 18.5834 13.0834 17.75 11.4167C17.0834 10.0967 15.5934 8.88169 15 8.43336V6.16669H20.8334V16.4284C20.8334 16.4284 22.3334 16.1667 22.8334 17.5H27.8884C27.8884 17.5 27.5284 13.6667 25.8334 11.1667C24.6667 9.16669 25.5 4.50003 28.1667 4.50003H30.9684V2.66669H27.445L26.6384 1.86169H24.1384L23.4134 2.58503H21.3334L20.8067 3.83336H13.3334C12.9355 3.83336 12.554 3.9914 12.2727 4.2727C11.9914 4.55401 11.8334 4.93554 11.8334 5.33336V7.71003C11.8343 8.17032 12.0135 8.61236 12.3334 8.94336L12.35 8.96003L12.38 8.99003L14.9417 11.5584C14.9417 11.5584 16 13.8334 16 16.1667H10.535C10.535 15.9015 10.4297 15.6471 10.2421 15.4596C10.0546 15.2721 9.80026 15.1667 9.53504 15.1667H4.83337C4.56816 15.1667 4.3138 15.2721 4.12627 15.4596C3.93873 15.6471 3.83337 15.9015 3.83337 16.1667V17.1267C4.01483 17.4993 4.30019 17.8115 4.65505 18.0256C5.00992 18.2397 5.41914 18.3466 5.83337 18.3334C7.33337 18.3334 7.16671 17 7.16671 17H6.08337V16.5834H7.75004C7.75004 16.5834 8.25004 18.9167 5.91671 18.9167Z" fill="#66504D"/>
+<path d="M10 33.3333V28.57C12.7817 29.5383 16.3333 30.6667 16.3333 30.6667L15.2433 29.4167L15.3333 24L5.42334 25.0833C5.42334 25.0833 5.74167 26.3333 6.50001 27.0683V33.3333H7.20501V34.1667H6.66667V36.3333H10.1667V34.1667H9.62834V33.3333H10Z" fill="#66504D"/>
+<path d="M31.5833 13.7501C31.1323 12.7906 30.7697 11.7921 30.5 10.7667V8.50008H33C33.3094 8.50008 33.6062 8.37717 33.825 8.15837C34.0438 7.93958 34.1667 7.64283 34.1667 7.33341C34.1667 7.024 34.0438 6.72725 33.825 6.50846C33.6062 6.28966 33.3094 6.16675 33 6.16675H28.8333C28.4355 6.16675 28.054 6.32478 27.7727 6.60609C27.4914 6.88739 27.3333 7.26892 27.3333 7.66675V10.0434C27.3333 10.5217 28 12.3334 28 12.3334L28.775 13.8917C28.775 13.8917 30.5 18.5001 30 18.5001H21.7017C21.7017 18.2349 21.5963 17.9805 21.4088 17.793C21.2212 17.6054 20.9669 17.5001 20.7017 17.5001H16C15.7348 17.5001 15.4804 17.6054 15.2929 17.793C15.1054 17.9805 15 18.2349 15 18.5001V19.4601C15.1815 19.8327 15.4668 20.1449 15.8217 20.359C16.1765 20.5731 16.5858 20.68 17 20.6667C18.5 20.6667 18.3333 19.3334 18.3333 19.3334H17.25V18.9167H18.9167C18.9167 18.9167 19.4167 21.2501 17.0833 21.2501H16.5833V29.2967L17.6667 30.3801V35.0001H18.3333V36.0001H17.6667V38.1667H22V36.0001H21.3333V35.0001H22V31.3334H30.1667V35.0001H30.8333V36.0001H30.1667V38.1667H34.5V36.0001H33.8333V35.0001H34.5V21.0001L33.42 18.9167C33.42 18.9167 32.4167 15.4167 31.5833 13.7501ZM30.1667 27.1667H26.3333V21.6667H26.8333V25.8334H27.8333V21.6667H30.1667V27.1667Z" fill="#826C67"/>
+</svg>
diff --git a/src/assets/img/nav/gonggao.png b/src/assets/img/nav/gonggao.png
deleted file mode 100644
index 11b866763..000000000
Binary files a/src/assets/img/nav/gonggao.png and /dev/null differ
diff --git a/src/assets/img/nav/gonggao.svg b/src/assets/img/nav/gonggao.svg
new file mode 100644
index 000000000..a29b71cb9
--- /dev/null
+++ b/src/assets/img/nav/gonggao.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.47501 15.2333H4.88168V28.5967C4.46483 28.5967 4.06498 28.7619 3.76975 29.0562C3.47452 29.3505 3.308 29.7498 3.30668 30.1667V30.8783H4.88168V36.3333H8.92501V33.5117C8.98335 33.5117 9.04168 33.52 9.10168 33.52C9.80097 33.52 10.4716 33.2422 10.9661 32.7477C11.4606 32.2533 11.7383 31.5826 11.7383 30.8833H28.175C28.175 31.5826 28.4528 32.2533 28.9473 32.7477C29.4417 33.2422 30.1124 33.52 30.8117 33.52C30.8717 33.52 30.9283 33.52 30.9883 33.5117V36.3333H35.0317V30.8833H36.605V30.1667C36.6052 29.9599 36.5647 29.7551 36.4857 29.5641C36.4068 29.373 36.2909 29.1993 36.1448 29.0531C35.9987 28.9068 35.8251 28.7908 35.6342 28.7116C35.4432 28.6324 35.2384 28.5917 35.0317 28.5917V15.2333H36.4383V14.185L38.8167 11.365H36.4383C36.4383 11.365 34.1517 11.0983 34.1517 8.76999V6.45833C34.1517 5.89916 33.9296 5.3629 33.5342 4.96751C33.1388 4.57212 32.6025 4.34999 32.0433 4.34999V6.96999H7.87668V4.34999C7.59911 4.34889 7.32405 4.40262 7.0673 4.50808C6.81054 4.61354 6.57713 4.76867 6.38047 4.96455C6.18381 5.16044 6.02777 5.39323 5.92129 5.64957C5.81482 5.90591 5.76001 6.18075 5.76001 6.45833V8.76999C5.76001 11.1033 3.47501 11.365 3.47501 11.365H1.09668L3.47501 14.185V15.2333ZM30.9883 32.1C30.8137 32.1259 30.6355 32.1138 30.4659 32.0645C30.2964 32.0152 30.1394 31.9299 30.0059 31.8144C29.8723 31.6989 29.7653 31.5559 29.6921 31.3952C29.6189 31.2345 29.5812 31.0599 29.5817 30.8833H30.9883V32.1ZM8.92501 15.2333H30.9883V26.8333H8.92501V15.2333ZM8.92501 30.8833H10.3333C10.3338 31.0599 10.2962 31.2345 10.2229 31.3952C10.1497 31.5559 10.0427 31.6989 9.90914 31.8144C9.77559 31.9299 9.61867 32.0152 9.44911 32.0645C9.27955 32.1138 9.10135 32.1259 8.92668 32.1L8.92501 30.8833Z" fill="white"/>
+<path d="M17.6234 18.6683H14.3967V21.3H16.6801V25.3333H19.5584V22.1083H17.6234V18.6683Z" fill="white"/>
+<path d="M24.9333 20.12V20.0116V15.4417L19.5583 18.705V18.6683H18.2683V21.4633H19.5583V21.425L24.9333 24.6883V20.12Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/gonggao1.svg b/src/assets/img/nav/gonggao1.svg
new file mode 100644
index 000000000..da53df462
--- /dev/null
+++ b/src/assets/img/nav/gonggao1.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.47501 15.2333H4.88168V28.5967C4.46483 28.5967 4.06498 28.7619 3.76975 29.0562C3.47452 29.3505 3.308 29.7498 3.30668 30.1667V30.8783H4.88168V36.3333H8.92501V33.5117C8.98335 33.5117 9.04168 33.52 9.10168 33.52C9.80097 33.52 10.4716 33.2422 10.9661 32.7477C11.4606 32.2533 11.7383 31.5826 11.7383 30.8833H28.175C28.175 31.5826 28.4528 32.2533 28.9473 32.7477C29.4417 33.2422 30.1124 33.52 30.8117 33.52C30.8717 33.52 30.9283 33.52 30.9883 33.5117V36.3333H35.0317V30.8833H36.605V30.1667C36.6052 29.9599 36.5647 29.7551 36.4857 29.5641C36.4068 29.373 36.2909 29.1993 36.1448 29.0531C35.9987 28.9068 35.8251 28.7908 35.6342 28.7116C35.4432 28.6324 35.2384 28.5917 35.0317 28.5917V15.2333H36.4383V14.185L38.8167 11.365H36.4383C36.4383 11.365 34.1517 11.0983 34.1517 8.76999V6.45833C34.1517 5.89916 33.9296 5.3629 33.5342 4.96751C33.1388 4.57212 32.6025 4.34999 32.0433 4.34999V6.96999H7.87668V4.34999C7.59911 4.34889 7.32405 4.40262 7.0673 4.50808C6.81054 4.61354 6.57713 4.76867 6.38047 4.96455C6.18381 5.16044 6.02777 5.39323 5.92129 5.64957C5.81482 5.90591 5.76001 6.18075 5.76001 6.45833V8.76999C5.76001 11.1033 3.47501 11.365 3.47501 11.365H1.09668L3.47501 14.185V15.2333ZM30.9883 32.1C30.8137 32.1259 30.6355 32.1138 30.4659 32.0645C30.2964 32.0152 30.1394 31.9299 30.0059 31.8144C29.8723 31.6989 29.7653 31.5559 29.6921 31.3952C29.6189 31.2345 29.5812 31.0599 29.5817 30.8833H30.9883V32.1ZM8.92501 15.2333H30.9883V26.8333H8.92501V15.2333ZM8.92501 30.8833H10.3333C10.3338 31.0599 10.2962 31.2345 10.2229 31.3952C10.1497 31.5559 10.0427 31.6989 9.90914 31.8144C9.77559 31.9299 9.61867 32.0152 9.44911 32.0645C9.27955 32.1138 9.10135 32.1259 8.92668 32.1L8.92501 30.8833Z" fill="white" fill-opacity="0.58"/>
+<path d="M17.6234 18.6683H14.3967V21.3H16.6801V25.3333H19.5584V22.1083H17.6234V18.6683Z" fill="white" fill-opacity="0.58"/>
+<path d="M24.9333 20.12V20.0116V15.4417L19.5583 18.705V18.6683H18.2683V21.4633H19.5583V21.425L24.9333 24.6883V20.12Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/gonggao2.svg b/src/assets/img/nav/gonggao2.svg
new file mode 100644
index 000000000..3ab3058fc
--- /dev/null
+++ b/src/assets/img/nav/gonggao2.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M17.6234 18.6683H14.3967V21.3H16.6801V25.3333H19.5584V22.1083H17.6234V18.6683Z" fill="#EA8F34"/>
+<path d="M24.9333 20.12V20.0116V15.4417L19.5583 18.705V18.6683H18.2683V21.4633H19.5583V21.425L24.9333 24.6883V20.12Z" fill="#FFC44D"/>
+<path d="M36.4383 15.2333V14.185L36.455 14.1667H3.45497L3.47164 14.185V15.2333H4.87831V28.5967C4.46203 28.5975 4.06304 28.7632 3.76853 29.0574C3.47402 29.3516 3.30796 29.7504 3.30664 30.1667V30.8783H4.88164V36.3333H8.92497V33.5117C8.98331 33.5117 9.04164 33.52 9.10164 33.52C9.80093 33.52 10.4716 33.2422 10.966 32.7477C11.4605 32.2533 11.7383 31.5826 11.7383 30.8833H28.175C28.175 31.5826 28.4528 32.2533 28.9472 32.7477C29.4417 33.2422 30.1124 33.52 30.8116 33.52C30.8716 33.52 30.9283 33.52 30.9883 33.5117V36.3333H35.0316V30.8833H36.605V30.1667C36.6052 29.9599 36.5647 29.7551 36.4857 29.5641C36.4067 29.373 36.2909 29.1993 36.1447 29.0531C35.9986 28.9068 35.8251 28.7907 35.6341 28.7116C35.4431 28.6324 35.2384 28.5917 35.0316 28.5917V15.2333H36.4383ZM9.10497 32.1133C9.04584 32.1131 8.9868 32.1086 8.92831 32.1V30.8833H10.3333C10.3329 31.2097 10.2029 31.5225 9.97197 31.7532C9.74104 31.9838 9.42801 32.1133 9.10164 32.1133H9.10497ZM30.9916 32.1C30.817 32.1259 30.6388 32.1138 30.4692 32.0645C30.2997 32.0152 30.1427 31.9299 30.0092 31.8144C29.8756 31.6989 29.7686 31.5559 29.6954 31.3952C29.6222 31.2345 29.5845 31.0599 29.585 30.8833H30.9916V32.1ZM30.9916 26.8383H8.92497V15.2333H30.9883L30.9916 26.8383Z" fill="#684D49"/>
+<path d="M38.8167 11.365H36.4383C36.4383 11.365 34.1517 11.0983 34.1517 8.76999V6.45833C34.1517 5.89916 33.9296 5.3629 33.5342 4.96751C33.1388 4.57212 32.6025 4.34999 32.0433 4.34999V6.96999H7.87668V4.34999C7.59911 4.34889 7.32405 4.40262 7.0673 4.50808C6.81054 4.61354 6.57713 4.76867 6.38047 4.96455C6.18381 5.16044 6.02777 5.39323 5.92129 5.64957C5.81482 5.90591 5.76001 6.18075 5.76001 6.45833V8.76999C5.76001 11.1033 3.47501 11.365 3.47501 11.365H1.09668L3.45835 14.1667H36.4583L38.8167 11.365Z" fill="#5E8E7D"/>
+<path d="M9.00004 15.1667H4.83337V36.3333H9.00004V15.1667Z" fill="#826C67"/>
+<path d="M35.1667 15.1667H31V36.3333H35.1667V15.1667Z" fill="#826C67"/>
+</svg>
diff --git a/src/assets/img/nav/home.svg b/src/assets/img/nav/home.svg
index 4605ca644..b3605e8bd 100644
--- a/src/assets/img/nav/home.svg
+++ b/src/assets/img/nav/home.svg
@@ -1,3 +1,3 @@
-<svg width="34" height="31" viewBox="0 0 34 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.3636 28.8202C29.3636 29.2301 29.2008 29.6232 28.911 29.913C28.6212 30.2028 28.2281 30.3656 27.8182 30.3656H6.18182C5.77194 30.3656 5.37885 30.2028 5.08902 29.913C4.79919 29.6232 4.63636 29.2301 4.63636 28.8202V14.9111H0L15.9599 0.402371C16.2444 0.143473 16.6153 0 17 0C17.3847 0 17.7556 0.143473 18.0401 0.402371L34 14.9111H29.3636V28.8202Z" fill="black"/>
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.83335 16.6667L8.83335 11.6667H12.1667V16.6667H16.3334V10H18.8334L10.5 2.5L2.16669 10H4.66669V16.6667H8.83335Z" fill="white"/>
 </svg>
diff --git a/src/assets/img/nav/home1.svg b/src/assets/img/nav/home1.svg
new file mode 100644
index 000000000..8d89e57e2
--- /dev/null
+++ b/src/assets/img/nav/home1.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.83335 16.6667L8.83335 11.6667H12.1667V16.6667H16.3334V10H18.8334L10.5 2.5L2.16669 10H4.66669V16.6667H8.83335Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/horse.png b/src/assets/img/nav/horse.png
deleted file mode 100644
index b68ad123b..000000000
Binary files a/src/assets/img/nav/horse.png and /dev/null differ
diff --git a/src/assets/img/nav/horse.svg b/src/assets/img/nav/horse.svg
new file mode 100644
index 000000000..f4df7af07
--- /dev/null
+++ b/src/assets/img/nav/horse.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83339 19C5.97006 19.6667 6.47839 20.0567 6.83339 20.3334C7.18839 20.61 7.45006 20.8134 7.83339 20.8334C8.62839 20.875 9.19672 20.0334 9.33339 19.8334C9.72006 19.2667 10.0551 18.29 9.66672 17.5C9.50006 17.1517 9.16672 16.8784 8.50006 16.3334C8.13839 16.0367 8.05006 16.01 8.00006 16C7.30839 15.8484 6.52006 16.815 6.16672 17.5C5.96339 17.8934 5.70672 18.3917 5.83339 19Z" fill="white"/>
+<path d="M15.0001 7.00004C14.9201 7.0467 14.9168 7.07337 14.5001 7.50004C14.3601 7.64337 14.1151 7.89337 14.0001 8.00004C13.3518 8.60004 12.8468 8.30504 12.3334 8.83337C12.1418 9.0317 12.0384 9.29837 11.8334 9.83337C11.694 10.2136 11.5826 10.6035 11.5001 11C11.1668 12.1967 10.1101 12.1667 9.16676 13.6667C8.87842 14.125 8.38509 14.9084 8.66676 15.5C8.85009 15.8834 9.15176 15.7484 9.83342 16.3334C10.5151 16.9184 10.5901 17.3534 11.1668 17.5C11.3861 17.5509 11.6141 17.5509 11.8334 17.5C12.7234 17.3334 13.1484 16.6517 13.8334 16C14.6351 15.2384 14.6918 15.5684 16.1668 14.5C17.4051 13.6034 18.0234 13.155 18.3334 12.5C19.1151 10.8434 18.1134 9.0317 18.0001 8.83337C17.6361 8.21367 17.1198 7.69732 16.5001 7.33337C16.1784 7.1467 15.4618 6.7317 15.0001 7.00004ZM15.2501 11.5834C14.7651 11.96 14.7501 12.0034 14.5834 12.0834C14.2164 12.2422 13.8136 12.2998 13.4168 12.25C13.1328 12.2317 12.8526 12.1757 12.5834 12.0834C12.6601 12.0034 12.7734 11.885 12.9168 11.75C13.3201 11.3667 13.5218 11.175 13.7501 11.0834C14.0084 10.98 14.1334 11.0467 14.7501 11.0834C15.1386 11.1063 15.5282 11.1063 15.9168 11.0834C15.7618 11.195 15.5284 11.3667 15.2501 11.5834Z" fill="white"/>
+<path d="M19.8334 1.83337C19.362 1.91673 18.91 2.08622 18.5001 2.33337C17.8549 2.73876 17.3355 3.3159 17.0001 4.00004C16.7251 4.50004 16.5451 4.83337 16.6668 5.16671C16.8184 5.57671 17.3334 5.69337 17.6668 5.83337C18.2851 6.09004 19.0634 6.73837 19.6668 8.50004C20.3268 6.45892 21.2217 4.50136 22.3334 2.66671C21.9942 2.61198 21.6475 2.62462 21.3131 2.70389C20.9787 2.78315 20.6633 2.92751 20.3847 3.1287C20.1061 3.3299 19.8699 3.58399 19.6895 3.87648C19.5091 4.16897 19.3881 4.49412 19.3334 4.83337C19.2029 3.80599 19.3768 2.7629 19.8334 1.83337Z" fill="white"/>
+<path d="M8.5001 21.8333C8.47676 22.11 9.65343 22.5467 10.8334 22.5C11.3334 22.48 12.0984 22.45 12.3334 22C12.5684 21.55 12.1668 21 12.5001 20.6667C12.5917 20.5785 12.708 20.5204 12.8334 20.5C12.7423 20.2301 12.567 19.9964 12.3334 19.8333C12.1089 19.6918 11.8489 19.6167 11.5834 19.6167C11.318 19.6167 11.058 19.6918 10.8334 19.8333C10.3118 20.1667 10.5268 20.6533 10.0001 21.1667C9.36176 21.79 8.5201 21.6 8.5001 21.8333Z" fill="white"/>
+<path d="M19 14.3334C17.2467 14.8751 15.5967 16.2201 14.5 17.0001C13.8076 17.4912 13.0839 17.9366 12.3334 18.3334C12.4167 18.517 12.5293 18.6858 12.6667 18.8334C12.8 18.9767 12.8817 19.0167 13.3334 19.3334C13.785 19.6501 13.7867 19.6667 13.8334 19.6667C14.31 19.6301 14.37 18.4884 15 18.3334C15.1417 18.2984 15.2617 18.3334 15.6667 18.5001C16.8634 19.0167 17.215 19.3951 18 19.6667C18.6267 19.8834 19.01 20.0184 19.3334 19.8334C19.7534 19.5934 19.6934 19.0584 19.8334 17.0001C19.95 15.2767 20.0667 14.5701 19.6667 14.3334C19.4484 14.2034 19.1834 14.2767 19 14.3334Z" fill="white"/>
+<path d="M24 5.5C22.6917 5.64167 22.725 5.57 22.5 5.66667C21.5 6.09833 21.1267 7.39 21 7.83333C20.8333 8.38833 20.925 8.5 20.6667 10.1667C20.6017 10.59 20.5417 10.9383 20.5 11.1667C21.8683 10.4567 22.9333 9.805 23.6667 9.33333C24.765 8.625 25.35 8.16667 26.3333 8C27.0586 7.88485 27.8008 7.94194 28.5 8.16667C27.905 7.57768 27.232 7.07298 26.5 6.66667C26.2733 6.54167 26.05 6.43 25.8333 6.33333C26.0824 5.9352 26.199 5.46848 26.1667 5C26.1382 4.64458 26.0238 4.3014 25.8333 4C26.0383 4.58167 25.915 4.87167 25.8333 5C25.6783 5.24167 25.3867 5.35 24 5.5Z" fill="white"/>
+<path d="M33.5 22.1667C33.8478 22.0499 34.143 21.8137 34.3334 21.5C33.5016 21.2648 32.7515 20.8032 32.1667 20.1667C31.5317 19.4584 31.3117 18.73 31 17.6667C30.6999 16.6366 30.5319 15.5725 30.5 14.5C30.6195 14.652 30.7711 14.7756 30.944 14.8621C31.1169 14.9485 31.3068 14.9956 31.5 15C31.8091 14.9939 32.1053 14.8754 32.3334 14.6667C31.945 14.595 31.4234 14.4317 31.1667 14C30.8334 13.445 31.2167 12.91 31.1667 11.8334C31.1467 11.4034 31.11 10.625 30.6667 10C29.8734 8.88004 28.085 8.68338 26.8334 9.00004C26.3034 9.13504 26.4617 9.21004 25.1667 9.83338C23.18 10.7884 22.63 10.6934 21.6667 11.5C21.135 11.945 20.6667 12.3334 20.5 13C20.255 13.9784 20.925 14.5434 21.1667 15.8334C21.3667 16.9017 21.0784 17.42 20.8334 18.8334C20.4217 21.21 20.64 23.1334 20.8334 24.6667C21.0267 26.2 21.2067 27.7317 22 29.5C23.2167 32.2117 25.095 33.935 27.1667 35.8334C28.0688 36.6612 29.0146 37.4401 30 38.1667C30.1507 37.5649 30.1507 36.9352 30 36.3334C29.75 35.3917 29.1934 34.96 29.1667 34C29.1595 33.6592 29.216 33.3201 29.3334 33C29.3775 33.3521 29.4907 33.692 29.6667 34C30.2034 34.93 31.1567 35.2267 31.5 35.3334C32.2064 35.5477 32.9604 35.5477 33.6667 35.3334C33.35 35.3484 32.1167 35.3667 31.3334 34.5C30.305 33.36 30.865 31.59 31 31.1667C31.4084 29.8784 32.0084 29.975 32.5 28.6667C32.925 27.5367 32.8234 26.54 32.6667 25C32.5561 23.924 32.3327 22.8626 32 21.8334C32.0434 21.8717 32.7084 22.4184 33.5 22.1667Z" fill="white"/>
+<path d="M11.3334 35.6667C12.7734 36.6583 14.1434 36.9767 16.5001 37.5C17.9285 37.8163 19.376 38.039 20.8334 38.1667C19.5444 36.9135 18.573 35.3707 18.0001 33.6667C17.2267 31.3033 17.5001 29.275 17.8334 26.6667C18.0878 24.738 18.5344 22.8397 19.1667 21C16.802 22.4572 14.6199 24.1917 12.6667 26.1667C10.1667 28.7083 8.16673 30.7867 8.66673 32.8333C8.98006 34.095 10.1351 34.8417 11.3334 35.6667Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/horse1.svg b/src/assets/img/nav/horse1.svg
new file mode 100644
index 000000000..fa2c038a8
--- /dev/null
+++ b/src/assets/img/nav/horse1.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83339 19C5.97006 19.6667 6.47839 20.0567 6.83339 20.3334C7.18839 20.61 7.45006 20.8134 7.83339 20.8334C8.62839 20.875 9.19672 20.0334 9.33339 19.8334C9.72006 19.2667 10.0551 18.29 9.66672 17.5C9.50006 17.1517 9.16672 16.8784 8.50006 16.3334C8.13839 16.0367 8.05006 16.01 8.00006 16C7.30839 15.8484 6.52006 16.815 6.16672 17.5C5.96339 17.8934 5.70672 18.3917 5.83339 19Z" fill="white" fill-opacity="0.58"/>
+<path d="M15.0001 7.00004C14.9201 7.0467 14.9168 7.07337 14.5001 7.50004C14.3601 7.64337 14.1151 7.89337 14.0001 8.00004C13.3518 8.60004 12.8468 8.30504 12.3334 8.83337C12.1418 9.0317 12.0384 9.29837 11.8334 9.83337C11.694 10.2136 11.5826 10.6035 11.5001 11C11.1668 12.1967 10.1101 12.1667 9.16676 13.6667C8.87842 14.125 8.38509 14.9084 8.66676 15.5C8.85009 15.8834 9.15176 15.7484 9.83342 16.3334C10.5151 16.9184 10.5901 17.3534 11.1668 17.5C11.3861 17.5509 11.6141 17.5509 11.8334 17.5C12.7234 17.3334 13.1484 16.6517 13.8334 16C14.6351 15.2384 14.6918 15.5684 16.1668 14.5C17.4051 13.6034 18.0234 13.155 18.3334 12.5C19.1151 10.8434 18.1134 9.0317 18.0001 8.83337C17.6361 8.21367 17.1198 7.69732 16.5001 7.33337C16.1784 7.1467 15.4618 6.7317 15.0001 7.00004ZM15.2501 11.5834C14.7651 11.96 14.7501 12.0034 14.5834 12.0834C14.2164 12.2422 13.8136 12.2998 13.4168 12.25C13.1328 12.2317 12.8526 12.1757 12.5834 12.0834C12.6601 12.0034 12.7734 11.885 12.9168 11.75C13.3201 11.3667 13.5218 11.175 13.7501 11.0834C14.0084 10.98 14.1334 11.0467 14.7501 11.0834C15.1386 11.1063 15.5282 11.1063 15.9168 11.0834C15.7618 11.195 15.5284 11.3667 15.2501 11.5834Z" fill="white" fill-opacity="0.58"/>
+<path d="M19.8334 1.83337C19.362 1.91673 18.91 2.08622 18.5001 2.33337C17.8549 2.73876 17.3355 3.3159 17.0001 4.00004C16.7251 4.50004 16.5451 4.83337 16.6668 5.16671C16.8184 5.57671 17.3334 5.69337 17.6668 5.83337C18.2851 6.09004 19.0634 6.73837 19.6668 8.50004C20.3268 6.45892 21.2217 4.50136 22.3334 2.66671C21.9942 2.61198 21.6475 2.62462 21.3131 2.70389C20.9787 2.78315 20.6633 2.92751 20.3847 3.1287C20.1061 3.3299 19.8699 3.58399 19.6895 3.87648C19.5091 4.16897 19.3881 4.49412 19.3334 4.83337C19.2029 3.80599 19.3768 2.7629 19.8334 1.83337Z" fill="white" fill-opacity="0.58"/>
+<path d="M8.5001 21.8333C8.47676 22.11 9.65343 22.5467 10.8334 22.5C11.3334 22.48 12.0984 22.45 12.3334 22C12.5684 21.55 12.1668 21 12.5001 20.6667C12.5917 20.5785 12.708 20.5204 12.8334 20.5C12.7423 20.2301 12.567 19.9964 12.3334 19.8333C12.1089 19.6918 11.8489 19.6167 11.5834 19.6167C11.318 19.6167 11.058 19.6918 10.8334 19.8333C10.3118 20.1667 10.5268 20.6533 10.0001 21.1667C9.36176 21.79 8.5201 21.6 8.5001 21.8333Z" fill="white" fill-opacity="0.58"/>
+<path d="M19 14.3334C17.2467 14.8751 15.5967 16.2201 14.5 17.0001C13.8076 17.4912 13.0839 17.9366 12.3334 18.3334C12.4167 18.517 12.5293 18.6858 12.6667 18.8334C12.8 18.9767 12.8817 19.0167 13.3334 19.3334C13.785 19.6501 13.7867 19.6667 13.8334 19.6667C14.31 19.6301 14.37 18.4884 15 18.3334C15.1417 18.2984 15.2617 18.3334 15.6667 18.5001C16.8634 19.0167 17.215 19.3951 18 19.6667C18.6267 19.8834 19.01 20.0184 19.3334 19.8334C19.7534 19.5934 19.6934 19.0584 19.8334 17.0001C19.95 15.2767 20.0667 14.5701 19.6667 14.3334C19.4484 14.2034 19.1834 14.2767 19 14.3334Z" fill="white" fill-opacity="0.58"/>
+<path d="M24 5.5C22.6917 5.64167 22.725 5.57 22.5 5.66667C21.5 6.09833 21.1267 7.39 21 7.83333C20.8333 8.38833 20.925 8.5 20.6667 10.1667C20.6017 10.59 20.5417 10.9383 20.5 11.1667C21.8683 10.4567 22.9333 9.805 23.6667 9.33333C24.765 8.625 25.35 8.16667 26.3333 8C27.0586 7.88485 27.8008 7.94194 28.5 8.16667C27.905 7.57768 27.232 7.07298 26.5 6.66667C26.2733 6.54167 26.05 6.43 25.8333 6.33333C26.0824 5.9352 26.199 5.46848 26.1667 5C26.1382 4.64458 26.0238 4.3014 25.8333 4C26.0383 4.58167 25.915 4.87167 25.8333 5C25.6783 5.24167 25.3867 5.35 24 5.5Z" fill="white" fill-opacity="0.58"/>
+<path d="M33.5 22.1667C33.8478 22.0499 34.143 21.8137 34.3334 21.5C33.5016 21.2648 32.7515 20.8032 32.1667 20.1667C31.5317 19.4584 31.3117 18.73 31 17.6667C30.6999 16.6366 30.5319 15.5725 30.5 14.5C30.6195 14.652 30.7711 14.7756 30.944 14.8621C31.1169 14.9485 31.3068 14.9956 31.5 15C31.8091 14.9939 32.1053 14.8754 32.3334 14.6667C31.945 14.595 31.4234 14.4317 31.1667 14C30.8334 13.445 31.2167 12.91 31.1667 11.8334C31.1467 11.4034 31.11 10.625 30.6667 10C29.8734 8.88004 28.085 8.68338 26.8334 9.00004C26.3034 9.13504 26.4617 9.21004 25.1667 9.83338C23.18 10.7884 22.63 10.6934 21.6667 11.5C21.135 11.945 20.6667 12.3334 20.5 13C20.255 13.9784 20.925 14.5434 21.1667 15.8334C21.3667 16.9017 21.0784 17.42 20.8334 18.8334C20.4217 21.21 20.64 23.1334 20.8334 24.6667C21.0267 26.2 21.2067 27.7317 22 29.5C23.2167 32.2117 25.095 33.935 27.1667 35.8334C28.0688 36.6612 29.0146 37.4401 30 38.1667C30.1507 37.5649 30.1507 36.9352 30 36.3334C29.75 35.3917 29.1934 34.96 29.1667 34C29.1595 33.6592 29.216 33.3201 29.3334 33C29.3775 33.3521 29.4907 33.692 29.6667 34C30.2034 34.93 31.1567 35.2267 31.5 35.3334C32.2064 35.5477 32.9604 35.5477 33.6667 35.3334C33.35 35.3484 32.1167 35.3667 31.3334 34.5C30.305 33.36 30.865 31.59 31 31.1667C31.4084 29.8784 32.0084 29.975 32.5 28.6667C32.925 27.5367 32.8234 26.54 32.6667 25C32.5561 23.924 32.3327 22.8626 32 21.8334C32.0434 21.8717 32.7084 22.4184 33.5 22.1667Z" fill="white" fill-opacity="0.58"/>
+<path d="M11.3334 35.6667C12.7734 36.6583 14.1434 36.9767 16.5001 37.5C17.9285 37.8163 19.376 38.039 20.8334 38.1667C19.5444 36.9135 18.573 35.3707 18.0001 33.6667C17.2267 31.3033 17.5001 29.275 17.8334 26.6667C18.0878 24.738 18.5344 22.8397 19.1667 21C16.802 22.4572 14.6199 24.1917 12.6667 26.1667C10.1667 28.7083 8.16673 30.7867 8.66673 32.8333C8.98006 34.095 10.1351 34.8417 11.3334 35.6667Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/horse2.svg b/src/assets/img/nav/horse2.svg
new file mode 100644
index 000000000..d5695b160
--- /dev/null
+++ b/src/assets/img/nav/horse2.svg
@@ -0,0 +1,12 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M7.15002 20.57L8.83502 22.14L12.8334 20.5L13.8334 19.6667L15.19 17.5384L19.3334 19.8334L19.1667 21L15 33.3334L20.8334 38.1667H30L26 24.5L27.1667 9.16671L22.7134 5.61004L20.5 4.92004L19.3334 5.50004L17.1284 5.61671L15.445 6.91671L17.1667 10.3334L15.9167 12.54L10.8334 15L8.62169 15.38L7.50002 16.5L7.15002 20.57Z" fill="#E54E60"/>
+<path d="M5.83339 19C5.97006 19.6667 6.47839 20.0567 6.83339 20.3334C7.18839 20.61 7.45006 20.8134 7.83339 20.8334C8.62839 20.875 9.19672 20.0334 9.33339 19.8334C9.72006 19.2667 10.0551 18.29 9.66672 17.5C9.50006 17.1517 9.16672 16.8784 8.50006 16.3334C8.13839 16.0367 8.05006 16.01 8.00006 16C7.30839 15.8484 6.52006 16.815 6.16672 17.5C5.96339 17.8934 5.70672 18.3917 5.83339 19Z" fill="#826C67"/>
+<path d="M15.0001 7.00004C14.9201 7.0467 14.9168 7.07337 14.5001 7.50004C14.3601 7.64337 14.1151 7.89337 14.0001 8.00004C13.3518 8.60004 12.8468 8.30504 12.3334 8.83337C12.1418 9.0317 12.0384 9.29837 11.8334 9.83337C11.694 10.2136 11.5826 10.6035 11.5001 11C11.1668 12.1967 10.1101 12.1667 9.16676 13.6667C8.87842 14.125 8.38509 14.9084 8.66676 15.5C8.85009 15.8834 9.15176 15.7484 9.83342 16.3334C10.5151 16.9184 10.5901 17.3534 11.1668 17.5C11.3861 17.5509 11.6141 17.5509 11.8334 17.5C12.7234 17.3334 13.1484 16.6517 13.8334 16C14.6351 15.2384 14.6918 15.5684 16.1668 14.5C17.4051 13.6034 18.0234 13.155 18.3334 12.5C19.1151 10.8434 18.1134 9.0317 18.0001 8.83337C17.6361 8.21367 17.1198 7.69732 16.5001 7.33337C16.1784 7.1467 15.4618 6.7317 15.0001 7.00004ZM15.2501 11.5834C14.7651 11.96 14.7501 12.0034 14.5834 12.0834C14.2164 12.2422 13.8136 12.2998 13.4168 12.25C13.1328 12.2317 12.8526 12.1757 12.5834 12.0834C12.6601 12.0034 12.7734 11.885 12.9168 11.75C13.3201 11.3667 13.5218 11.175 13.7501 11.0834C14.0084 10.98 14.1334 11.0467 14.7501 11.0834C15.1386 11.1063 15.5282 11.1063 15.9168 11.0834C15.7618 11.195 15.5284 11.3667 15.2501 11.5834Z" fill="#826C67"/>
+<path d="M19.8334 1.83337C19.362 1.91673 18.91 2.08622 18.5001 2.33337C17.8549 2.73876 17.3355 3.3159 17.0001 4.00004C16.7251 4.50004 16.5451 4.83337 16.6668 5.16671C16.8184 5.57671 17.3334 5.69337 17.6668 5.83337C18.2851 6.09004 19.0634 6.73837 19.6668 8.50004C20.3268 6.45892 21.2217 4.50136 22.3334 2.66671C21.9942 2.61198 21.6475 2.62462 21.3131 2.70389C20.9787 2.78315 20.6633 2.92751 20.3847 3.1287C20.1061 3.3299 19.8699 3.58399 19.6895 3.87648C19.5091 4.16897 19.3881 4.49412 19.3334 4.83337C19.2029 3.80599 19.3768 2.7629 19.8334 1.83337Z" fill="#826C67"/>
+<path d="M8.5001 21.8333C8.47676 22.11 9.65343 22.5467 10.8334 22.5C11.3334 22.48 12.0984 22.45 12.3334 22C12.5684 21.55 12.1668 21 12.5001 20.6667C12.5917 20.5785 12.708 20.5204 12.8334 20.5C12.7423 20.2301 12.567 19.9964 12.3334 19.8333C12.1089 19.6918 11.8489 19.6167 11.5834 19.6167C11.318 19.6167 11.058 19.6918 10.8334 19.8333C10.3118 20.1667 10.5268 20.6533 10.0001 21.1667C9.36176 21.79 8.5201 21.6 8.5001 21.8333Z" fill="#684D49"/>
+<path d="M19 14.3334C17.2467 14.8751 15.5967 16.2201 14.5 17.0001C13.8076 17.4912 13.0839 17.9366 12.3334 18.3334C12.4167 18.517 12.5293 18.6858 12.6667 18.8334C12.8 18.9767 12.8817 19.0167 13.3334 19.3334C13.785 19.6501 13.7867 19.6667 13.8334 19.6667C14.31 19.6301 14.37 18.4884 15 18.3334C15.1417 18.2984 15.2617 18.3334 15.6667 18.5001C16.8634 19.0167 17.215 19.3951 18 19.6667C18.6267 19.8834 19.01 20.0184 19.3334 19.8334C19.7534 19.5934 19.6934 19.0584 19.8334 17.0001C19.95 15.2767 20.0667 14.5701 19.6667 14.3334C19.4484 14.2034 19.1834 14.2767 19 14.3334Z" fill="#684D49"/>
+<path d="M24 5.5C22.6917 5.64167 22.725 5.57 22.5 5.66667C21.5 6.09833 21.1267 7.39 21 7.83333C20.8333 8.38833 20.925 8.5 20.6667 10.1667C20.6017 10.59 20.5417 10.9383 20.5 11.1667C21.8683 10.4567 22.9333 9.805 23.6667 9.33333C24.765 8.625 25.35 8.16667 26.3333 8C27.0586 7.88485 27.8008 7.94194 28.5 8.16667C27.905 7.57768 27.232 7.07298 26.5 6.66667C26.2733 6.54167 26.05 6.43 25.8333 6.33333C26.0824 5.9352 26.199 5.46848 26.1667 5C26.1382 4.64458 26.0238 4.3014 25.8333 4C26.0383 4.58167 25.915 4.87167 25.8333 5C25.6783 5.24167 25.3867 5.35 24 5.5Z" fill="#684D49"/>
+<path d="M33.5 22.1667C33.8478 22.0499 34.143 21.8137 34.3334 21.5C33.5016 21.2648 32.7515 20.8032 32.1667 20.1667C31.5317 19.4584 31.3117 18.73 31 17.6667C30.6999 16.6366 30.5319 15.5725 30.5 14.5C30.6195 14.652 30.7711 14.7756 30.944 14.8621C31.1169 14.9485 31.3068 14.9956 31.5 15C31.8091 14.9939 32.1053 14.8754 32.3334 14.6667C31.945 14.595 31.4234 14.4317 31.1667 14C30.8334 13.445 31.2167 12.91 31.1667 11.8334C31.1467 11.4034 31.11 10.625 30.6667 10C29.8734 8.88004 28.085 8.68338 26.8334 9.00004C26.3034 9.13504 26.4617 9.21004 25.1667 9.83338C23.18 10.7884 22.63 10.6934 21.6667 11.5C21.135 11.945 20.6667 12.3334 20.5 13C20.255 13.9784 20.925 14.5434 21.1667 15.8334C21.3667 16.9017 21.0784 17.42 20.8334 18.8334C20.4217 21.21 20.64 23.1334 20.8334 24.6667C21.0267 26.2 21.2067 27.7317 22 29.5C23.2167 32.2117 25.095 33.935 27.1667 35.8334C28.0688 36.6612 29.0146 37.4401 30 38.1667C30.1507 37.5649 30.1507 36.9352 30 36.3334C29.75 35.3917 29.1934 34.96 29.1667 34C29.1595 33.6592 29.216 33.3201 29.3334 33C29.3775 33.3521 29.4907 33.692 29.6667 34C30.2034 34.93 31.1567 35.2267 31.5 35.3334C32.2064 35.5477 32.9604 35.5477 33.6667 35.3334C33.35 35.3484 32.1167 35.3667 31.3334 34.5C30.305 33.36 30.865 31.59 31 31.1667C31.4084 29.8784 32.0084 29.975 32.5 28.6667C32.925 27.5367 32.8234 26.54 32.6667 25C32.5561 23.924 32.3327 22.8626 32 21.8334C32.0434 21.8717 32.7084 22.4184 33.5 22.1667Z" fill="#684D49"/>
+<path d="M11.3334 35.6667C12.7734 36.6583 14.1434 36.9767 16.5001 37.5C17.9285 37.8163 19.376 38.039 20.8334 38.1667C19.5444 36.9135 18.573 35.3707 18.0001 33.6667C17.2267 31.3033 17.5001 29.275 17.8334 26.6667C18.0878 24.738 18.5344 22.8397 19.1667 21C16.802 22.4572 14.6199 24.1917 12.6667 26.1667C10.1667 28.7083 8.16673 30.7867 8.66673 32.8333C8.98006 34.095 10.1351 34.8417 11.3334 35.6667Z" fill="#826C67"/>
+</svg>
diff --git a/src/assets/img/nav/left.svg b/src/assets/img/nav/left.svg
new file mode 100644
index 000000000..7fafb29b9
--- /dev/null
+++ b/src/assets/img/nav/left.svg
@@ -0,0 +1,3 @@
+<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.455161 8.52584C0.163707 8.23403 0 7.83845 0 7.42602C0 7.01358 0.163707 6.61801 0.455161 6.32619L6.32366 0.455625C6.61562 0.163796 7.01156 -9.72478e-05 7.42437 4.3291e-08C7.62877 4.82169e-05 7.83116 0.0403555 8.01998 0.118621C8.2088 0.196886 8.38036 0.311576 8.52486 0.456143C8.66936 0.600711 8.78397 0.772324 8.86215 0.961184C8.94032 1.15004 8.98053 1.35245 8.98049 1.55685C8.98044 1.76125 8.94013 1.96364 8.86187 2.15247C8.7836 2.34129 8.66891 2.51285 8.52434 2.65735L3.75567 7.42602L8.52434 12.1947C8.67306 12.3382 8.7917 12.5099 8.87336 12.6997C8.95501 12.8896 8.99804 13.0938 8.99993 13.3004C9.00183 13.5071 8.96254 13.712 8.88438 13.9033C8.80622 14.0946 8.69073 14.2685 8.54467 14.4147C8.39861 14.5609 8.2249 14.6765 8.03366 14.7548C7.84243 14.8332 7.63751 14.8727 7.43086 14.871C7.22421 14.8693 7.01996 14.8264 6.83004 14.745C6.64013 14.6635 6.46833 14.545 6.32469 14.3964L0.453086 8.52584H0.455161Z" fill="#FFD159"/>
+</svg>
diff --git a/src/assets/img/nav/manufacture.png b/src/assets/img/nav/manufacture.png
deleted file mode 100644
index aeb027ea3..000000000
Binary files a/src/assets/img/nav/manufacture.png and /dev/null differ
diff --git a/src/assets/img/nav/manufacture.svg b/src/assets/img/nav/manufacture.svg
new file mode 100644
index 000000000..9e47f99ab
--- /dev/null
+++ b/src/assets/img/nav/manufacture.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.83337 24.1434C3.83337 26.285 6.73837 28.3334 6.73837 28.3334V30.5H29.5C29.5 29.3334 33.8334 24.3334 36.3334 24.3334C38.8334 24.3334 39.1667 21.6667 39.1667 21.6667H3.83337V24.1434Z" fill="white"/>
+<path d="M9 31.8333V33.06H10.1067L11.215 34.1666V36.3333H29.5C29.5 36.3333 24.3333 34.3333 22.3333 33.1666C22.3333 32.25 22.6667 31.8333 22.6667 31.8333H9Z" fill="white"/>
+<path d="M10.4467 7.69501L8.98334 7.03168L8.23834 8.79501L8.18167 8.92834L8.13834 9.03334L8.08167 9.16501L7.33667 10.9283L8.83167 11.5167L10.4467 7.69501Z" fill="white"/>
+<path d="M33.5367 19.7666L33.58 19.6616L34.1133 18.4L21.2317 12.5733L19.8467 15.8516L33.0033 21.0283L33.5367 19.7666Z" fill="white"/>
+<path d="M8.94671 18.9033L14.355 21.1883C14.514 21.2555 14.6847 21.2907 14.8573 21.2919C15.0299 21.2931 15.2011 21.2602 15.361 21.1952C15.5209 21.1302 15.6664 21.0343 15.7892 20.913C15.912 20.7917 16.0097 20.6474 16.0767 20.4883L17.8917 16.1967L18.295 15.24L19.7134 11.885L19.9034 11.4383L21.9317 6.63833C22.067 6.31694 22.0693 5.95499 21.9381 5.63191C21.8069 5.30882 21.5528 5.051 21.2317 4.915L15.8334 2.63C15.6736 2.56157 15.5019 2.5255 15.3281 2.52386C15.1543 2.52223 14.9819 2.55506 14.8208 2.62046C14.6598 2.68587 14.5133 2.78254 14.3899 2.9049C14.2665 3.02726 14.1685 3.17288 14.1017 3.33333L12.2684 7.66666L11.9667 8.38166L10.3834 12.1267L10.2567 12.4283L8.25671 17.18C8.12033 17.5001 8.11638 17.8612 8.24571 18.1842C8.37503 18.5072 8.62711 18.7658 8.94671 18.9033Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/manufacture1.svg b/src/assets/img/nav/manufacture1.svg
new file mode 100644
index 000000000..597064fb6
--- /dev/null
+++ b/src/assets/img/nav/manufacture1.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.83337 24.1434C3.83337 26.285 6.73837 28.3334 6.73837 28.3334V30.5H29.5C29.5 29.3334 33.8334 24.3334 36.3334 24.3334C38.8334 24.3334 39.1667 21.6667 39.1667 21.6667H3.83337V24.1434Z" fill="white" fill-opacity="0.58"/>
+<path d="M9 31.8333V33.06H10.1067L11.215 34.1666V36.3333H29.5C29.5 36.3333 24.3333 34.3333 22.3333 33.1666C22.3333 32.25 22.6667 31.8333 22.6667 31.8333H9Z" fill="white" fill-opacity="0.58"/>
+<path d="M10.4467 7.69501L8.98334 7.03168L8.23834 8.79501L8.18167 8.92834L8.13834 9.03334L8.08167 9.16501L7.33667 10.9283L8.83167 11.5167L10.4467 7.69501Z" fill="white" fill-opacity="0.58"/>
+<path d="M33.5367 19.7666L33.58 19.6616L34.1133 18.4L21.2317 12.5733L19.8467 15.8516L33.0033 21.0283L33.5367 19.7666Z" fill="white" fill-opacity="0.58"/>
+<path d="M8.94671 18.9033L14.355 21.1883C14.514 21.2555 14.6847 21.2907 14.8573 21.2919C15.0299 21.2931 15.2011 21.2602 15.361 21.1952C15.5209 21.1302 15.6664 21.0343 15.7892 20.913C15.912 20.7917 16.0097 20.6474 16.0767 20.4883L17.8917 16.1967L18.295 15.24L19.7134 11.885L19.9034 11.4383L21.9317 6.63833C22.067 6.31694 22.0693 5.95499 21.9381 5.63191C21.8069 5.30882 21.5528 5.051 21.2317 4.915L15.8334 2.63C15.6736 2.56157 15.5019 2.5255 15.3281 2.52386C15.1543 2.52223 14.9819 2.55506 14.8208 2.62046C14.6598 2.68587 14.5133 2.78254 14.3899 2.9049C14.2665 3.02726 14.1685 3.17288 14.1017 3.33333L12.2684 7.66666L11.9667 8.38166L10.3834 12.1267L10.2567 12.4283L8.25671 17.18C8.12033 17.5001 8.11638 17.8612 8.24571 18.1842C8.37503 18.5072 8.62711 18.7658 8.94671 18.9033Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/manufacture2.svg b/src/assets/img/nav/manufacture2.svg
new file mode 100644
index 000000000..c9fbcaa7b
--- /dev/null
+++ b/src/assets/img/nav/manufacture2.svg
@@ -0,0 +1,8 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M3.83337 24.1434C3.83337 26.285 6.73837 28.3334 6.73837 28.3334V30.5H29.5C29.5 29.3334 33.8334 24.3334 36.3334 24.3334C38.8334 24.3334 39.1667 21.6667 39.1667 21.6667H3.83337V24.1434Z" fill="#434649"/>
+<path d="M9 31.8333V33.06H10.1067L11.215 34.1666V36.3333H29.5C29.5 36.3333 24.3333 34.3333 22.3333 33.1666C22.3333 32.25 22.6667 31.8333 22.6667 31.8333H9Z" fill="#24292E"/>
+<path d="M10.4467 7.69501L8.98334 7.03168L8.23834 8.79501L8.18167 8.92834L8.13834 9.03334L8.08167 9.16501L7.33667 10.9283L8.83167 11.5167L10.4467 7.69501Z" fill="#826C67"/>
+<path d="M33.5367 19.7666L33.58 19.6616L34.1133 18.4L21.2317 12.5733L19.8467 15.8516L33.0033 21.0283L33.5367 19.7666Z" fill="#826C67"/>
+<path d="M8.94671 18.9033L14.355 21.1883C14.514 21.2555 14.6847 21.2907 14.8573 21.2919C15.0299 21.2931 15.2011 21.2602 15.361 21.1952C15.5209 21.1302 15.6664 21.0343 15.7892 20.913C15.912 20.7917 16.0097 20.6474 16.0767 20.4883L17.8917 16.1967L18.295 15.24L19.7134 11.885L19.9034 11.4383L21.9317 6.63833C22.067 6.31694 22.0693 5.95499 21.9381 5.63191C21.8069 5.30882 21.5528 5.051 21.2317 4.915L15.8334 2.63C15.6736 2.56157 15.5019 2.5255 15.3281 2.52386C15.1543 2.52223 14.9819 2.55506 14.8208 2.62046C14.6598 2.68587 14.5133 2.78254 14.3899 2.9049C14.2665 3.02726 14.1685 3.17288 14.1017 3.33333L12.2684 7.66666L11.9667 8.38166L10.3834 12.1267L10.2567 12.4283L8.25671 17.18C8.12033 17.5001 8.11638 17.8612 8.24571 18.1842C8.37503 18.5072 8.62711 18.7658 8.94671 18.9033Z" fill="#878787"/>
+</svg>
diff --git a/src/assets/img/nav/op.svg b/src/assets/img/nav/op.svg
new file mode 100644
index 000000000..02d6dbb9b
--- /dev/null
+++ b/src/assets/img/nav/op.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 8.70829C10.8914 8.7084 11.1074 8.79496 11.2701 8.95003C11.4327 9.1051 11.5294 9.31679 11.5402 9.54124C11.551 9.76569 11.4751 9.98569 11.3281 10.1557C11.1811 10.3256 10.9743 10.4325 10.7507 10.4542L10.6667 10.4583H1.33334C1.10863 10.4582 0.89258 10.3716 0.729951 10.2166C0.567323 10.0615 0.470586 9.84979 0.459788 9.62534C0.448989 9.40089 0.524955 9.18089 0.671946 9.01093C0.818936 8.84096 1.02568 8.73406 1.24934 8.71238L1.33334 8.70829H10.6667ZM10.6667 4.62496C10.8987 4.62496 11.1213 4.71715 11.2854 4.88124C11.4495 5.04534 11.5417 5.26789 11.5417 5.49996C11.5417 5.73202 11.4495 5.95458 11.2854 6.11868C11.1213 6.28277 10.8987 6.37496 10.6667 6.37496H1.33334C1.10128 6.37496 0.878719 6.28277 0.714625 6.11868C0.550531 5.95458 0.458344 5.73202 0.458344 5.49996C0.458344 5.26789 0.550531 5.04534 0.714625 4.88124C0.878719 4.71715 1.10128 4.62496 1.33334 4.62496H10.6667ZM10.6667 0.541626C10.8987 0.541626 11.1213 0.633813 11.2854 0.797908C11.4495 0.962002 11.5417 1.18456 11.5417 1.41663C11.5417 1.64869 11.4495 1.87125 11.2854 2.03534C11.1213 2.19944 10.8987 2.29163 10.6667 2.29163H1.33334C1.10128 2.29163 0.878719 2.19944 0.714625 2.03534C0.550531 1.87125 0.458344 1.64869 0.458344 1.41663C0.458344 1.18456 0.550531 0.962002 0.714625 0.797908C0.878719 0.633813 1.10128 0.541626 1.33334 0.541626H10.6667Z" fill="#FFD159"/>
+</svg>
diff --git a/src/assets/img/nav/open.svg b/src/assets/img/nav/open.svg
new file mode 100644
index 000000000..54ba116bc
--- /dev/null
+++ b/src/assets/img/nav/open.svg
@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.89801 3.38235C10.0848 3.35635 10.2832 3.40515 10.422 3.53675C10.5672 3.66115 10.6304 3.85595 10.6288 4.04315C10.628 4.31115 10.6368 4.57955 10.624 4.84755C10.6156 5.13795 10.3752 5.40075 10.086 5.43235C9.74961 5.49115 9.39921 5.21915 9.38041 4.87715C9.37881 4.57235 9.38081 4.26715 9.37921 3.96235C9.38121 3.67755 9.61801 3.42195 9.89801 3.38235Z" fill="white"/>
+<path d="M4.9284 7.5624C5.1728 7.3716 5.5596 7.4028 5.7664 7.6356C5.9832 7.8632 5.9888 8.2576 5.7688 8.4852C5.326 8.9516 4.8788 9.4136 4.436 9.88C5.504 9.8796 6.5716 9.8808 7.6392 9.8792C7.8276 9.8688 8.0144 9.962 8.13 10.1088C8.3348 10.3568 8.302 10.766 8.0524 10.972C7.9208 11.0932 7.7376 11.1328 7.5632 11.13C6.5244 11.13 5.4856 11.1308 4.4468 11.1292C4.8836 11.5932 5.328 12.05 5.7668 12.5124C5.9744 12.7256 5.9864 13.0912 5.8012 13.3224C5.6052 13.5904 5.1836 13.642 4.9256 13.4356C4.8392 13.3612 4.762 13.2772 4.6844 13.1944C4.0128 12.4932 3.3416 11.7916 2.67 11.09C2.5824 10.9916 2.4744 10.9072 2.4156 10.786C2.2964 10.56 2.3356 10.262 2.5112 10.076C3.19 9.3664 3.8696 8.6576 4.548 7.9476C4.6768 7.8212 4.7912 7.68 4.9284 7.5624Z" fill="white"/>
+<path d="M9.81561 7.46317C10.084 7.38037 10.4008 7.49517 10.54 7.74277C10.6692 7.96637 10.62 8.23477 10.63 8.48117C10.6212 8.73277 10.6712 9.01557 10.514 9.23397C10.3428 9.49357 9.96561 9.57757 9.69721 9.42397C9.50201 9.31997 9.36841 9.10197 9.37921 8.87957C9.38041 8.59957 9.38001 8.31997 9.37961 8.04037C9.37361 7.77837 9.56721 7.53597 9.81561 7.46317Z" fill="white"/>
+<path d="M14.2908 7.61714C14.5228 7.37874 14.9512 7.37594 15.1784 7.62274C15.9636 8.43834 16.7444 9.25794 17.528 10.0751C17.6904 10.2471 17.7368 10.5139 17.6492 10.7327C17.5828 10.9043 17.4292 11.0159 17.3124 11.1507C16.652 11.8391 15.9924 12.5287 15.3332 13.2183C15.2272 13.3247 15.1312 13.4507 14.9892 13.5099C14.7336 13.6243 14.4024 13.5479 14.2364 13.3191C14.0536 13.0875 14.0668 12.7239 14.2736 12.5119C14.7124 12.0495 15.1564 11.5923 15.594 11.1291C14.5316 11.1291 13.4688 11.1331 12.4068 11.1271C12.1056 11.1339 11.8208 10.8991 11.7824 10.5987C11.7152 10.2507 11.9992 9.88354 12.3564 9.87994C13.4388 9.88034 14.5216 9.87914 15.6044 9.88034C15.1612 9.41434 14.7144 8.95194 14.2716 8.48594C14.0444 8.25194 14.0584 7.84274 14.2908 7.61714Z" fill="white"/>
+<path d="M9.77522 11.5395C10.0444 11.4331 10.3816 11.5399 10.5304 11.7907C10.6696 12.0079 10.6204 12.2775 10.63 12.5211C10.6204 12.7827 10.6744 13.0771 10.51 13.3039C10.3196 13.5819 9.89442 13.6471 9.62842 13.4419C9.47522 13.3343 9.37722 13.1495 9.37962 12.9619C9.38042 12.6675 9.37922 12.3735 9.38002 12.0795C9.38322 11.8399 9.55402 11.6227 9.77522 11.5395Z" fill="white"/>
+<path d="M9.82002 15.5876C10.1796 15.4644 10.6004 15.7456 10.6212 16.1256C10.6376 16.4228 10.6308 16.7216 10.6256 17.0192C10.6244 17.3468 10.3276 17.6396 9.99842 17.6232C9.68122 17.636 9.38242 17.36 9.37962 17.0416C9.38002 16.7476 9.38002 16.4536 9.37962 16.16C9.37642 15.8996 9.57202 15.6572 9.82002 15.5876Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/pet.png b/src/assets/img/nav/pet.png
deleted file mode 100644
index ea11ecfdb..000000000
Binary files a/src/assets/img/nav/pet.png and /dev/null differ
diff --git a/src/assets/img/nav/pet.svg b/src/assets/img/nav/pet.svg
new file mode 100644
index 000000000..ad2984de0
--- /dev/null
+++ b/src/assets/img/nav/pet.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.6017 11.5183C31.7501 10.5866 31.9351 9.09663 31.9351 9.09663H31.1284C32.2601 8.61163 32.0984 7.31663 32.0984 7.31663H31.2901C32.0984 6.50663 31.7751 5.04996 31.7751 5.04996C31.7751 5.04996 31.4517 5.21663 30.4801 5.37496C30.6467 3.75663 29.0234 1.16663 29.0234 1.16663C29.0234 1.16663 28.5384 4.40329 26.4351 5.37496C25.0517 6.01163 24.0201 7.06829 23.4734 7.71829C20.7778 7.20408 17.9897 7.51798 15.4759 8.61869C12.9621 9.7194 10.8404 11.5553 9.39006 13.885C8.76362 13.8256 8.13228 13.8429 7.51006 13.9366C5.22339 14.305 3.02172 11.8833 3.02172 11.8833C3.02172 11.8833 3.11506 14.9366 4.14839 16.1916C3.25172 16.5966 2.89172 16.6416 2.89172 16.6416C2.89172 16.6416 3.43172 18.0333 4.55839 18.255L3.89172 18.705C3.89172 18.705 4.47672 19.8716 5.68839 19.6466L5.02172 20.0933C5.02172 20.0933 5.95339 21.17 7.35506 21.3516C7.39553 23.3754 7.8877 25.3646 8.7956 27.1738C9.7035 28.983 11.0042 30.5665 12.6026 31.8085C14.201 33.0505 16.0567 33.9197 18.0341 34.3525C20.0115 34.7853 22.0606 34.7707 24.0317 34.31C24.2785 34.0702 24.4672 33.7772 24.5834 33.4533C25.2651 33.4533 25.3734 33.6816 26.7501 33.3683C28.7161 32.4413 30.4311 31.0563 31.7513 29.3295C33.0714 27.6027 33.9581 25.5844 34.3371 23.4441C34.716 21.3037 34.5761 19.1037 33.929 17.0286C33.282 14.9536 32.1467 13.0639 30.6184 11.5183H30.6017ZM7.34839 20.7466C6.83261 20.5866 6.36086 20.3093 5.97006 19.9366C5.97006 19.9366 6.10506 19.8483 6.91172 19.3083C6.10339 19.2633 5.02672 18.8166 5.02672 18.8166L6.10339 18.0966C5.60339 18.2316 4.08172 17.1116 4.08172 17.1116C4.41687 16.9275 4.76121 16.7606 5.11339 16.6116C4.53006 16.0283 4.48506 15.67 4.39339 14.3683C5.09339 15.7183 6.59006 16.6916 7.86839 17.3166C7.54826 18.4328 7.37349 19.5857 7.34839 20.7466ZM24.8984 32.4816C25.5467 31.5116 26.3551 29.8916 26.1934 28.5983C26.0317 27.305 26.1934 25.5233 24.0901 23.4183C24.0901 23.4183 21.3384 24.5516 20.0434 22.7716C18.7484 20.9916 20.1817 18.66 22.2984 17.56C24.4151 16.46 26.5167 17.5933 27.1651 18.7266C27.8134 19.86 27.3317 21.64 26.0317 22.45C27.1651 24.0683 28.1351 25.2016 28.1351 28.6C28.1351 31.9983 26.3551 32.9666 24.8984 32.4816ZM30.1817 11.1133C29.3743 10.3629 28.4789 9.71315 27.5151 9.17829C28.3484 7.93663 29.4734 5.86829 29.2651 3.99829C29.9117 5.13163 30.0734 5.45496 29.9117 6.26496C30.2864 6.19008 30.6647 6.13445 31.0451 6.09829C31.0451 6.09829 30.3984 7.87829 29.9117 8.03996H31.2067C31.2067 8.03996 30.5601 9.00996 29.9117 9.49663H31.0451C31.0451 9.49663 30.8417 10.5316 30.1817 11.1133Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/pet1.svg b/src/assets/img/nav/pet1.svg
new file mode 100644
index 000000000..e43e8cbe5
--- /dev/null
+++ b/src/assets/img/nav/pet1.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.6017 11.5183C31.7501 10.5866 31.9351 9.09663 31.9351 9.09663H31.1284C32.2601 8.61163 32.0984 7.31663 32.0984 7.31663H31.2901C32.0984 6.50663 31.7751 5.04996 31.7751 5.04996C31.7751 5.04996 31.4517 5.21663 30.4801 5.37496C30.6467 3.75663 29.0234 1.16663 29.0234 1.16663C29.0234 1.16663 28.5384 4.40329 26.4351 5.37496C25.0517 6.01163 24.0201 7.06829 23.4734 7.71829C20.7778 7.20408 17.9897 7.51798 15.4759 8.61869C12.9621 9.7194 10.8404 11.5553 9.39006 13.885C8.76362 13.8256 8.13228 13.8429 7.51006 13.9366C5.22339 14.305 3.02172 11.8833 3.02172 11.8833C3.02172 11.8833 3.11506 14.9366 4.14839 16.1916C3.25172 16.5966 2.89172 16.6416 2.89172 16.6416C2.89172 16.6416 3.43172 18.0333 4.55839 18.255L3.89172 18.705C3.89172 18.705 4.47672 19.8716 5.68839 19.6466L5.02172 20.0933C5.02172 20.0933 5.95339 21.17 7.35506 21.3516C7.39553 23.3754 7.8877 25.3646 8.7956 27.1738C9.7035 28.983 11.0042 30.5665 12.6026 31.8085C14.201 33.0505 16.0567 33.9197 18.0341 34.3525C20.0115 34.7853 22.0606 34.7707 24.0317 34.31C24.2785 34.0702 24.4672 33.7772 24.5834 33.4533C25.2651 33.4533 25.3734 33.6816 26.7501 33.3683C28.7161 32.4413 30.4311 31.0563 31.7513 29.3295C33.0714 27.6027 33.9581 25.5844 34.3371 23.4441C34.716 21.3037 34.5761 19.1037 33.929 17.0286C33.282 14.9536 32.1467 13.0639 30.6184 11.5183H30.6017ZM7.34839 20.7466C6.83261 20.5866 6.36086 20.3093 5.97006 19.9366C5.97006 19.9366 6.10506 19.8483 6.91172 19.3083C6.10339 19.2633 5.02672 18.8166 5.02672 18.8166L6.10339 18.0966C5.60339 18.2316 4.08172 17.1116 4.08172 17.1116C4.41687 16.9275 4.76121 16.7606 5.11339 16.6116C4.53006 16.0283 4.48506 15.67 4.39339 14.3683C5.09339 15.7183 6.59006 16.6916 7.86839 17.3166C7.54826 18.4328 7.37349 19.5857 7.34839 20.7466ZM24.8984 32.4816C25.5467 31.5116 26.3551 29.8916 26.1934 28.5983C26.0317 27.305 26.1934 25.5233 24.0901 23.4183C24.0901 23.4183 21.3384 24.5516 20.0434 22.7716C18.7484 20.9916 20.1817 18.66 22.2984 17.56C24.4151 16.46 26.5167 17.5933 27.1651 18.7266C27.8134 19.86 27.3317 21.64 26.0317 22.45C27.1651 24.0683 28.1351 25.2016 28.1351 28.6C28.1351 31.9983 26.3551 32.9666 24.8984 32.4816ZM30.1817 11.1133C29.3743 10.3629 28.4789 9.71315 27.5151 9.17829C28.3484 7.93663 29.4734 5.86829 29.2651 3.99829C29.9117 5.13163 30.0734 5.45496 29.9117 6.26496C30.2864 6.19008 30.6647 6.13445 31.0451 6.09829C31.0451 6.09829 30.3984 7.87829 29.9117 8.03996H31.2067C31.2067 8.03996 30.5601 9.00996 29.9117 9.49663H31.0451C31.0451 9.49663 30.8417 10.5316 30.1817 11.1133Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/pet2.svg b/src/assets/img/nav/pet2.svg
new file mode 100644
index 000000000..36465d0c4
--- /dev/null
+++ b/src/assets/img/nav/pet2.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M22.2983 17.5599C20.1817 18.6599 18.7483 20.9916 20.0433 22.7716C21.3383 24.5516 24.09 23.4183 24.09 23.4183C26.1933 25.5233 26.0317 27.3033 26.1933 28.5983C26.355 29.8933 25.5467 31.5116 24.8983 32.4816C26.355 32.9666 28.135 31.9966 28.135 28.5983C28.135 25.1999 27.165 24.0666 26.0317 22.4483C27.3267 21.6383 27.8117 19.8583 27.165 18.7249C26.5183 17.5916 24.4133 16.4599 22.2983 17.5599Z" fill="#9E481D"/>
+<path d="M30.71 11.3517C31.8583 10.42 32.0433 8.93 32.0433 8.93H31.2367C32.3683 8.445 32.2067 7.15 32.2067 7.15H31.3983C32.2067 6.34 31.8833 4.88333 31.8833 4.88333C31.8833 4.88333 31.56 5.05 30.5883 5.20833C30.755 3.59 29.1317 1 29.1317 1C29.1317 1 28.6467 4.23667 26.5433 5.20833C25.16 5.845 24.1283 6.90167 23.5817 7.55167C20.8861 7.03745 18.0979 7.35135 15.5842 8.45206C13.0704 9.55277 10.9487 11.3887 9.49833 13.7183C8.8719 13.6589 8.24056 13.6763 7.61833 13.77C5.33167 14.1383 3.13 11.7167 3.13 11.7167C3.13 11.7167 3.22333 14.77 4.25667 16.025C3.36 16.43 3 16.475 3 16.475C3 16.475 3.54 17.8667 4.66667 18.0883L4 18.5383C4 18.5383 4.585 19.705 5.79667 19.48L5.13 19.9267C5.13 19.9267 6.06167 21.0033 7.46333 21.185C7.50381 23.2088 7.99598 25.198 8.90388 27.0072C9.81178 28.8164 11.1125 30.3999 12.7109 31.6419C14.3093 32.8839 16.165 33.753 18.1424 34.1858C20.1198 34.6186 22.1689 34.6041 24.14 34.1433C24.3868 33.9036 24.5755 33.6105 24.6917 33.2867C25.3733 33.2867 25.4817 33.515 26.8583 33.2017C28.8244 32.2747 30.5394 30.8897 31.8596 29.1628C33.1797 27.436 34.0664 25.4178 34.4454 23.2775C34.8243 21.1371 34.6844 18.9371 34.0373 16.862C33.3902 14.7869 32.255 12.8973 30.7267 11.3517H30.71ZM7.45667 20.58C6.94089 20.42 6.46913 20.1427 6.07833 19.77C6.07833 19.77 6.21333 19.6817 7.02 19.1417C6.21167 19.0967 5.135 18.65 5.135 18.65L6.21167 17.93C5.71167 18.065 4.19 16.945 4.19 16.945C4.52515 16.7609 4.86948 16.594 5.22167 16.445C4.63833 15.8617 4.59333 15.5033 4.50167 14.2017C5.20167 15.5517 6.69833 16.525 7.97667 17.15C7.65654 18.2662 7.48176 19.4191 7.45667 20.58ZM25.0067 32.315C25.655 31.345 26.4633 29.725 26.3017 28.4317C26.14 27.1383 26.3017 25.3567 24.1983 23.2517C24.1983 23.2517 21.4467 24.385 20.1517 22.605C18.8567 20.825 20.29 18.4933 22.4067 17.3933C24.5233 16.2933 26.625 17.4267 27.2733 18.56C27.9217 19.6933 27.44 21.4733 26.14 22.2833C27.2733 23.9017 28.2433 25.035 28.2433 28.4333C28.2433 31.8317 26.4633 32.8 25.0067 32.315ZM30.29 10.9467C29.4826 10.1963 28.5872 9.54652 27.6233 9.01167C28.4567 7.77 29.5817 5.70167 29.3733 3.83167C30.02 4.965 30.1817 5.28833 30.02 6.09833C30.3947 6.02345 30.773 5.96782 31.1533 5.93167C31.1533 5.93167 30.5067 7.71167 30.02 7.87333H31.315C31.315 7.87333 30.6683 8.84333 30.02 9.33H31.1533C31.1533 9.33 30.95 10.365 30.29 10.9467Z" fill="#FFC44D"/>
+<path d="M9.66675 20.3333C9.67841 21.4683 9.84508 28.1666 14.6667 31.3333C16.9751 32.8483 20.9734 33.9649 22.3334 32.3333C23.4434 30.9999 22.7784 27.8699 21.0001 26.6666C18.9451 25.2766 16.7167 27.3499 14.0001 26.3333C11.7717 25.4999 10.4651 23.0549 9.66675 20.3333Z" fill="white"/>
+<path d="M29.6667 11.8333C29.47 11.2116 27.0767 9.05826 23.5817 8.21993C21.915 7.81826 19.2633 7.95326 18.7017 9.1066C18.2417 10.0449 19.175 11.6449 20.47 11.9733C21.97 12.3533 22.99 10.7949 24.83 10.8449C26.3333 10.8866 28.72 10.4866 29.6667 11.8333Z" fill="#EA8F34"/>
+</svg>
diff --git a/src/assets/img/nav/price.png b/src/assets/img/nav/price.png
deleted file mode 100644
index add4f6bc8..000000000
Binary files a/src/assets/img/nav/price.png and /dev/null differ
diff --git a/src/assets/img/nav/price.svg b/src/assets/img/nav/price.svg
new file mode 100644
index 000000000..ab7c845c1
--- /dev/null
+++ b/src/assets/img/nav/price.svg
@@ -0,0 +1,8 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.0316 8.62836H6.96831C6.96831 8.62836 6.27998 12.295 4.55998 12.295H1.89331L3.54498 13.5H12.98C14.9239 11.8008 17.4181 10.8644 20 10.8644C22.5818 10.8644 25.0761 11.8008 27.02 13.5H36.455L38.11 12.29H35.4433C33.72 12.2917 33.0316 8.62836 33.0316 8.62836Z" fill="white"/>
+<path d="M7.84493 4.59833C7.61242 4.59833 7.38944 4.69069 7.22503 4.8551C7.06062 5.0195 6.96826 5.24249 6.96826 5.47499V7.30833H33.0316V5.47499C33.0316 5.24249 32.9392 5.0195 32.7748 4.8551C32.6104 4.69069 32.3874 4.59833 32.1549 4.59833H31.4583V5.94166H8.54159V4.59833H7.84493Z" fill="white"/>
+<path d="M28.1934 14.7C29.7952 16.6163 30.6709 19.0357 30.6667 21.5333C30.6667 21.9 30.6489 22.2617 30.6134 22.6183H35.4467L37.135 21.4133H35.6184C34.415 21.4133 34.415 20.4633 34.415 20.4633V14.7H28.1934Z" fill="white"/>
+<path d="M5.5917 14.7V20.46C5.5917 20.46 5.5917 21.41 4.38837 21.41H2.8717L4.56004 22.615H9.39337C9.35782 22.2583 9.34004 21.8967 9.34004 21.53C9.33582 19.0323 10.2115 16.613 11.8134 14.6967L5.5917 14.7Z" fill="white"/>
+<path d="M5.42004 34.3333H37.1284L34.58 31.785V24H30.3784C29.824 26.3358 28.4979 28.4162 26.6145 29.9049C24.7312 31.3935 22.4007 32.2033 20 32.2033C17.5994 32.2033 15.2689 31.3935 13.3856 29.9049C11.5022 28.4162 10.1761 26.3358 9.6217 24H5.42004V31.7933L2.8717 34.3333H5.42004Z" fill="white"/>
+<path d="M15.54 24.56L19.1667 28.185C19.3883 28.4048 19.6879 28.5282 20 28.5282C20.3122 28.5282 20.6117 28.4048 20.8334 28.185L24.4584 24.56L26.1517 22.865L26.6517 22.365C26.8715 22.1434 26.9949 21.8438 26.9949 21.5317C26.9949 21.2195 26.8715 20.92 26.6517 20.6983L20.8334 14.8767C20.6122 14.656 20.3125 14.5321 20 14.5321C19.6876 14.5321 19.3879 14.656 19.1667 14.8767L13.345 20.695C13.1252 20.9166 13.0018 21.2162 13.0018 21.5283C13.0018 21.8405 13.1252 22.14 13.345 22.3617L13.845 22.8617L15.54 24.56Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/price1.svg b/src/assets/img/nav/price1.svg
new file mode 100644
index 000000000..f609d8bd7
--- /dev/null
+++ b/src/assets/img/nav/price1.svg
@@ -0,0 +1,8 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.0316 8.62836H6.96831C6.96831 8.62836 6.27998 12.295 4.55998 12.295H1.89331L3.54498 13.5H12.98C14.9239 11.8008 17.4181 10.8644 20 10.8644C22.5818 10.8644 25.0761 11.8008 27.02 13.5H36.455L38.11 12.29H35.4433C33.72 12.2917 33.0316 8.62836 33.0316 8.62836Z" fill="white" fill-opacity="0.58"/>
+<path d="M7.84493 4.59833C7.61242 4.59833 7.38944 4.69069 7.22503 4.8551C7.06062 5.0195 6.96826 5.24249 6.96826 5.47499V7.30833H33.0316V5.47499C33.0316 5.24249 32.9392 5.0195 32.7748 4.8551C32.6104 4.69069 32.3874 4.59833 32.1549 4.59833H31.4583V5.94166H8.54159V4.59833H7.84493Z" fill="white" fill-opacity="0.58"/>
+<path d="M28.1934 14.7C29.7952 16.6163 30.6709 19.0357 30.6667 21.5333C30.6667 21.9 30.6489 22.2617 30.6134 22.6183H35.4467L37.135 21.4133H35.6184C34.415 21.4133 34.415 20.4633 34.415 20.4633V14.7H28.1934Z" fill="white" fill-opacity="0.58"/>
+<path d="M5.5917 14.7V20.46C5.5917 20.46 5.5917 21.41 4.38837 21.41H2.8717L4.56004 22.615H9.39337C9.35782 22.2583 9.34004 21.8967 9.34004 21.53C9.33582 19.0323 10.2115 16.613 11.8134 14.6967L5.5917 14.7Z" fill="white" fill-opacity="0.58"/>
+<path d="M5.42004 34.3333H37.1284L34.58 31.785V24H30.3784C29.824 26.3358 28.4979 28.4162 26.6145 29.9049C24.7312 31.3935 22.4007 32.2033 20 32.2033C17.5994 32.2033 15.2689 31.3935 13.3856 29.9049C11.5022 28.4162 10.1761 26.3358 9.6217 24H5.42004V31.7933L2.8717 34.3333H5.42004Z" fill="white" fill-opacity="0.58"/>
+<path d="M15.54 24.56L19.1667 28.185C19.3883 28.4048 19.6879 28.5282 20 28.5282C20.3122 28.5282 20.6117 28.4048 20.8334 28.185L24.4584 24.56L26.1517 22.865L26.6517 22.365C26.8715 22.1434 26.9949 21.8438 26.9949 21.5317C26.9949 21.2195 26.8715 20.92 26.6517 20.6983L20.8334 14.8767C20.6122 14.656 20.3125 14.5321 20 14.5321C19.6876 14.5321 19.3879 14.656 19.1667 14.8767L13.345 20.695C13.1252 20.9166 13.0018 21.2162 13.0018 21.5283C13.0018 21.8405 13.1252 22.14 13.345 22.3617L13.845 22.8617L15.54 24.56Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/price2.svg b/src/assets/img/nav/price2.svg
new file mode 100644
index 000000000..6e7b54126
--- /dev/null
+++ b/src/assets/img/nav/price2.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M33.0316 8.62836H6.96831C6.96831 8.62836 6.27998 12.295 4.55998 12.295H1.89331L3.54498 13.5H12.98C14.9239 11.8008 17.4181 10.8644 20 10.8644C22.5818 10.8644 25.0761 11.8008 27.02 13.5H36.455L38.11 12.29H35.4433C33.72 12.2917 33.0316 8.62836 33.0316 8.62836Z" fill="#FFC152"/>
+<path d="M7.84493 4.59833C7.61242 4.59833 7.38944 4.69069 7.22503 4.8551C7.06062 5.0195 6.96826 5.24249 6.96826 5.47499V7.30833H33.0316V5.47499C33.0316 5.24249 32.9392 5.0195 32.7748 4.8551C32.6104 4.69069 32.3874 4.59833 32.1549 4.59833H31.4583V5.94166H8.54159V4.59833H7.84493Z" fill="#FFC44D"/>
+<path d="M28.1934 14.7C29.7952 16.6163 30.6709 19.0357 30.6667 21.5333C30.6667 21.9 30.6489 22.2617 30.6134 22.6183H35.4467L37.135 21.4133H35.6184C34.415 21.4133 34.415 20.4633 34.415 20.4633V14.7H28.1934Z" fill="#FDAB4A"/>
+<path d="M5.5917 14.7V20.46C5.5917 20.46 5.5917 21.41 4.38837 21.41H2.8717L4.56004 22.615H9.39337C9.35782 22.2583 9.34004 21.8967 9.34004 21.53C9.33582 19.0323 10.2115 16.613 11.8134 14.6967L5.5917 14.7Z" fill="#FDAB4A"/>
+<path d="M5.42004 34.3333H37.1284L34.58 31.785V24H30.3784C29.824 26.3358 28.4979 28.4162 26.6145 29.9049C24.7312 31.3935 22.4007 32.2033 20 32.2033C17.5994 32.2033 15.2689 31.3935 13.3856 29.9049C11.5022 28.4162 10.1761 26.3358 9.6217 24H5.42004V31.7933L2.8717 34.3333H5.42004Z" fill="#FC9447"/>
+<path d="M15.54 24.56L19.1667 28.185C19.3883 28.4048 19.6879 28.5282 20 28.5282C20.3122 28.5282 20.6117 28.4048 20.8334 28.185L24.4584 24.56L26.1517 22.865L26.6517 22.365C26.8715 22.1434 26.9949 21.8438 26.9949 21.5317C26.9949 21.2195 26.8715 20.92 26.6517 20.6983L20.8334 14.8767C20.6122 14.656 20.3125 14.5321 20 14.5321C19.6876 14.5321 19.3879 14.656 19.1667 14.8767L13.345 20.695C13.1252 20.9166 13.0018 21.2162 13.0018 21.5283C13.0018 21.8405 13.1252 22.14 13.345 22.3617L13.845 22.8617L15.54 24.56Z" fill="#FFC44D"/>
+</svg>
diff --git a/src/assets/img/nav/reputation.png b/src/assets/img/nav/reputation.png
deleted file mode 100644
index 2e847fa5d..000000000
Binary files a/src/assets/img/nav/reputation.png and /dev/null differ
diff --git a/src/assets/img/nav/reputation.svg b/src/assets/img/nav/reputation.svg
new file mode 100644
index 000000000..5c3ed60c9
--- /dev/null
+++ b/src/assets/img/nav/reputation.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66663 9.5C2.66663 9.5 12.3333 11.3333 13.8333 14C15.3333 16.6667 15.6666 29 14.6666 32C13.6666 35 13 35.6667 13 35.6667C13.9195 35.3766 14.7555 34.8691 15.4373 34.1873C16.1191 33.5056 16.6265 32.6695 16.9166 31.75C17.9166 28.5833 17.9166 27.75 17.9166 27.75L20.0833 28.5833C20.0833 28.5833 21.4166 37.9167 22.0833 39.0833C22.75 36.9167 23.0833 28.4167 23.0833 28.4167C23.0833 28.4167 25.75 27.5833 26.25 26.9167C27.25 30.9167 27.75 31.9167 28.0833 32.75C28.4166 33.5833 29.89 35.6667 30.9866 35.6667C30.3466 34.25 29.5833 32.25 29.25 30.4167C28.9166 28.5833 27.25 19.4167 28.5833 14.75C31.0833 12.0833 35.25 8.75 35.6666 4.66667C35.6666 4.66667 27.6666 8.83333 20.8333 8.83333C20.5533 8.83333 20.2766 8.83333 20 8.81167V5.08333C20 4.79602 19.8858 4.52047 19.6827 4.3173C19.4795 4.11414 19.2039 4 18.9166 4C18.6293 4 18.3538 4.11414 18.1506 4.3173C17.9474 4.52047 17.8333 4.79602 17.8333 5.08333V8.59833C17.0916 8.48667 16.3683 8.33333 15.6666 8.16667V5.08333C15.6666 4.79602 15.5525 4.52047 15.3493 4.3173C15.1462 4.11414 14.8706 4 14.5833 4C14.296 4 14.0204 4.11414 13.8173 4.3173C13.6141 4.52047 13.5 4.79602 13.5 5.08333V7.56C9.99996 6.44333 7.20163 5 5.66663 5C3.16663 5 2.66663 9.5 2.66663 9.5ZM21.5833 22.4167H22.4166V18.5833H21.5833V16.9167H23.9166V24.0833H21.5833V22.4167Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/nav/reputation1.svg b/src/assets/img/nav/reputation1.svg
new file mode 100644
index 000000000..96eee479b
--- /dev/null
+++ b/src/assets/img/nav/reputation1.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66663 9.5C2.66663 9.5 12.3333 11.3333 13.8333 14C15.3333 16.6667 15.6666 29 14.6666 32C13.6666 35 13 35.6667 13 35.6667C13.9195 35.3766 14.7555 34.8691 15.4373 34.1873C16.1191 33.5056 16.6265 32.6695 16.9166 31.75C17.9166 28.5833 17.9166 27.75 17.9166 27.75L20.0833 28.5833C20.0833 28.5833 21.4166 37.9167 22.0833 39.0833C22.75 36.9167 23.0833 28.4167 23.0833 28.4167C23.0833 28.4167 25.75 27.5833 26.25 26.9167C27.25 30.9167 27.75 31.9167 28.0833 32.75C28.4166 33.5833 29.89 35.6667 30.9866 35.6667C30.3466 34.25 29.5833 32.25 29.25 30.4167C28.9166 28.5833 27.25 19.4167 28.5833 14.75C31.0833 12.0833 35.25 8.75 35.6666 4.66667C35.6666 4.66667 27.6666 8.83333 20.8333 8.83333C20.5533 8.83333 20.2766 8.83333 20 8.81167V5.08333C20 4.79602 19.8858 4.52047 19.6827 4.3173C19.4795 4.11414 19.2039 4 18.9166 4C18.6293 4 18.3538 4.11414 18.1506 4.3173C17.9474 4.52047 17.8333 4.79602 17.8333 5.08333V8.59833C17.0916 8.48667 16.3683 8.33333 15.6666 8.16667V5.08333C15.6666 4.79602 15.5525 4.52047 15.3493 4.3173C15.1462 4.11414 14.8706 4 14.5833 4C14.296 4 14.0204 4.11414 13.8173 4.3173C13.6141 4.52047 13.5 4.79602 13.5 5.08333V7.56C9.99996 6.44333 7.20163 5 5.66663 5C3.16663 5 2.66663 9.5 2.66663 9.5ZM21.5833 22.4167H22.4166V18.5833H21.5833V16.9167H23.9166V24.0833H21.5833V22.4167Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/assets/img/nav/reputation2.svg b/src/assets/img/nav/reputation2.svg
new file mode 100644
index 000000000..4c4d0706b
--- /dev/null
+++ b/src/assets/img/nav/reputation2.svg
@@ -0,0 +1,8 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="5" fill="white"/>
+<path d="M17.9166 27.75L17.9066 27.8833C17.9166 27.79 17.9166 27.75 17.9166 27.75Z" fill="#FFC44D"/>
+<path d="M28.5833 14.75C31.0833 12.0833 35.25 8.75 35.6666 4.66667C35.6666 4.66667 27.6666 8.83333 20.8333 8.83333C20.5533 8.83333 20.2766 8.83333 20 8.81167V5.08333C20 4.79602 19.8858 4.52047 19.6827 4.3173C19.4795 4.11414 19.2039 4 18.9166 4C18.6293 4 18.3538 4.11414 18.1506 4.3173C17.9474 4.52047 17.8333 4.79602 17.8333 5.08333V8.59833C17.1566 8.49667 16.5 8.365 15.8516 8.21333H15.8366L15.6666 8.16667L13.5 7.56C9.99996 6.44333 7.20163 5 5.66663 5C3.16663 5 2.66663 9.5 2.66663 9.5C2.66663 9.5 12.3333 11.3333 13.8333 14C14.795 15.71 15.2766 21.3967 15.235 26.0467L17.9166 27.75L20.0833 28.5833C20.0833 28.5833 21.4166 37.9167 22.0833 39.0833C22.75 36.9167 23.0833 28.4167 23.0833 28.4167C23.0833 28.4167 25.75 27.5833 26.25 26.9167L28.4616 25.25C28.0533 21.795 27.7983 17.5 28.5833 14.75ZM23.9166 24.0833H21.5833V22.4167H22.4166V18.5833H21.5833V16.9167H23.9166V24.0833Z" fill="#FFC44D"/>
+<path d="M15.6667 5.08333C15.6667 4.79602 15.5525 4.52047 15.3494 4.3173C15.1462 4.11414 14.8707 4 14.5833 4C14.296 4 14.0205 4.11414 13.8173 4.3173C13.6141 4.52047 13.5 4.79602 13.5 5.08333V7.56L15.6667 8.16667V5.08333Z" fill="#EA8F34"/>
+<path d="M30.9867 35.6667C30.3467 34.25 29.5833 32.25 29.25 30.4167C29.1133 29.6617 28.75 27.6617 28.4617 25.25L26.25 26.9167C27.25 30.9167 27.75 31.9167 28.0833 32.75C28.4167 33.5833 29.89 35.6667 30.9867 35.6667Z" fill="#EA8F34"/>
+<path d="M14.6667 32C13.6667 35 13 35.6667 13 35.6667C13.9195 35.3766 14.7556 34.8692 15.4373 34.1874C16.1191 33.5056 16.6266 32.6695 16.9167 31.75C17.7 29.27 17.87 28.2217 17.9067 27.8834L17.9167 27.75L15.235 26.0467C15.2117 28.6467 15.025 30.9234 14.6667 32Z" fill="#EA8F34"/>
+</svg>
diff --git a/src/assets/img/nav/setting.svg b/src/assets/img/nav/setting.svg
new file mode 100644
index 000000000..376af50ce
--- /dev/null
+++ b/src/assets/img/nav/setting.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.50832 8.48459C9.01194 8.48459 8.54709 8.67717 8.19514 9.02913C7.84485 9.38108 7.65061 9.84592 7.65061 10.3423C7.65061 10.8387 7.84485 11.3035 8.19514 11.6555C8.54709 12.0058 9.01194 12.2 9.50832 12.2C10.0047 12.2 10.4696 12.0058 10.8215 11.6555C11.1718 11.3035 11.366 10.8387 11.366 10.3423C11.366 9.84592 11.1718 9.38108 10.8215 9.02913C10.6496 8.8559 10.445 8.71856 10.2196 8.62508C9.99413 8.5316 9.75237 8.48385 9.50832 8.48459ZM16.3531 12.3943L15.2674 11.4662C15.3189 11.1508 15.3454 10.8287 15.3454 10.5083C15.3454 10.1879 15.3189 9.86418 15.2674 9.55042L16.3531 8.62239C16.4352 8.55217 16.4939 8.45866 16.5214 8.35427C16.549 8.24988 16.5442 8.13958 16.5075 8.03801L16.4926 7.99485C16.1938 7.15928 15.7461 6.38476 15.1711 5.70881L15.1412 5.67395C15.0714 5.59186 14.9784 5.53285 14.8743 5.50469C14.7703 5.47654 14.6602 5.48056 14.5585 5.51624L13.2105 5.99602C12.7124 5.58762 12.1579 5.26555 11.557 5.04143L11.2963 3.63196C11.2766 3.52578 11.2251 3.42809 11.1486 3.35189C11.0721 3.27568 10.9742 3.22455 10.868 3.2053L10.8232 3.197C9.95989 3.04094 9.05012 3.04094 8.18684 3.197L8.14202 3.2053C8.03576 3.22455 7.93788 3.27568 7.86137 3.35189C7.78487 3.42809 7.73336 3.52578 7.7137 3.63196L7.45139 5.04807C6.85611 5.27398 6.30156 5.59527 5.8095 5.99934L4.45149 5.51624C4.34983 5.48028 4.23964 5.47611 4.13555 5.50428C4.03147 5.53245 3.93842 5.59163 3.86877 5.67395L3.83889 5.70881C3.26496 6.38548 2.81735 7.1598 2.51741 7.99485L2.50246 8.03801C2.42776 8.24553 2.48918 8.47795 2.65686 8.62239L3.75588 9.56038C3.70442 9.87249 3.67952 10.1912 3.67952 10.5067C3.67952 10.8254 3.70442 11.1442 3.75588 11.453L2.66018 12.3909C2.57816 12.4612 2.51946 12.5547 2.49188 12.6591C2.4643 12.7634 2.46915 12.8738 2.50578 12.9753L2.52073 13.0185C2.82121 13.8535 3.26448 14.6255 3.84221 15.3045L3.87209 15.3394C3.94191 15.4215 4.03496 15.4805 4.13898 15.5086C4.24301 15.5368 4.35312 15.5328 4.45481 15.4971L5.81282 15.014C6.30754 15.4207 6.85871 15.7428 7.45471 15.9653L7.71702 17.3814C7.73668 17.4876 7.78819 17.5852 7.86469 17.6614C7.9412 17.7377 8.03908 17.7888 8.14534 17.808L8.19016 17.8163C9.06193 17.9732 9.95472 17.9732 10.8265 17.8163L10.8713 17.808C10.9776 17.7888 11.0755 17.7377 11.152 17.6614C11.2285 17.5852 11.28 17.4876 11.2996 17.3814L11.5603 15.9719C12.1613 15.7461 12.7157 15.4257 13.2138 15.0173L14.5618 15.4971C14.6635 15.5331 14.7737 15.5372 14.8778 15.509C14.9819 15.4809 15.0749 15.4217 15.1446 15.3394L15.1744 15.3045C15.7522 14.6222 16.1954 13.8535 16.4959 13.0185L16.5109 12.9753C16.5822 12.7695 16.5208 12.5387 16.3531 12.3943ZM9.50832 13.2609C7.89631 13.2609 6.58977 11.9543 6.58977 10.3423C6.58977 8.7303 7.89631 7.42376 9.50832 7.42376C11.1203 7.42376 12.4269 8.7303 12.4269 10.3423C12.4269 11.9543 11.1203 13.2609 9.50832 13.2609Z" fill="white" fill-opacity="0.58"/>
+</svg>
diff --git a/src/components/Nav_v4.vue b/src/components/Nav_v4.vue
new file mode 100644
index 000000000..205625edc
--- /dev/null
+++ b/src/components/Nav_v4.vue
@@ -0,0 +1,152 @@
+<template>
+    <aside class="m-pvx-aside" :class="navStatusClass">
+        <div class="u-home-wrap" :class="active === 'pvx' && 'is-active'">
+            <span class="u-open" v-if="navStatus !== 2" @click="toRight">
+                <img src="@/assets/img/nav/open.svg" svg-inline />
+            </span>
+            <span class="u-close" v-if="navStatus === 2" @click="toLeft">
+                <img src="@/assets/img/nav/fold.svg" svg-inline />
+            </span>
+            <a v-if="navStatus === 2" class="u-home" href="/pvx">
+                <img :src="require(`@/assets/img/nav/home${active === 'pvx' ? '' : '1'}.svg`)" svg-inline />
+            </a>
+            <span class="u-setting" v-if="navStatus === 2">
+                <img src="@/assets/img/nav/setting.svg" svg-inline />
+            </span>
+        </div>
+        <div class="m-pvx-nav">
+            <div class="m-nav-group" :class="group.key" v-for="group in clientMenus" :key="group.key">
+                <div
+                    class="m-nav-item"
+                    v-for="item in group.submenus"
+                    :key="item.key"
+                    :class="[{ 'is-active': active == item.key }, item.key]"
+                    v-show="item.status"
+                >
+                    <a :href="item.path" :target="item.target || '_self'">
+                        <img
+                            class="u-nav-icon"
+                            :src="getNavIcon(item.key, active == item.key)"
+                            svg-inline
+                            :alt="item.label"
+                        />
+                        <span>{{ item.label }}</span>
+                    </a>
+                    <div v-show="navStatus === 1" class="u-nav-label">{{ item.label }}</div>
+                </div>
+            </div>
+        </div>
+        <div class="u-btn" v-if="!navStatus" @click="toRight">
+            <img src="../assets/img/nav/op.svg" svg-inline />
+        </div>
+        <div class="u-btn" v-if="navStatus" @click="toLeft">
+            <img src="../assets/img/nav/left.svg" svg-inline />
+        </div>
+        <!-- <div class="u-btn" :class="navStatus === 2 && 'is-disabled'" @click="toRight">
+                <i class="el-icon-arrow-right"></i>
+            </div> -->
+    </aside>
+</template>
+
+<script>
+import { compact } from "lodash";
+import menus from "@/assets/data/menus.json";
+export default {
+    name: "Nav_V4",
+    props: [],
+    components: {},
+    data: function () {
+        return {
+            menus: menus,
+            navStatus: 1,
+        };
+    },
+    computed: {
+        isPhone() {
+            return document.documentElement.clientWidth <= 768;
+        },
+        navStatusClass() {
+            let text = "";
+            const navStatus = this.navStatus;
+            if (navStatus === 0) {
+                text = "is-closed";
+            } else if (navStatus === 1) {
+                text = "is-regular";
+            } else {
+                text = "is-opened";
+            }
+            return text;
+        },
+        active: function () {
+            let arr = compact(location.pathname?.split("/"));
+            let str = arr[0];
+            if (str === "pvg") str = arr[1];
+            if (str === "homeland") str = "blueprint";
+            if (str === "body") str = "exterior";
+            return str;
+        },
+        client() {
+            return this.$store.state.client;
+        },
+        clientMenus() {
+            let menus = this.menus;
+            if (this.client !== "std") {
+                menus = menus
+                    .map((item) => {
+                        // if (item.index == "4") return false;
+                        item.submenus = item.submenus
+                            .map((el) => {
+                                // if (el.key == "adventure") return false;
+                                // if (el.key == "furniture") return false;
+                                // if (el.key == "blueprint") return false;
+                                // if (el.key == "exterior") return false;
+                                if (el.isStd) return false;
+                                return el;
+                            })
+                            .filter(Boolean);
+                        return item;
+                    })
+                    .filter(Boolean);
+            }
+            return menus;
+        },
+    },
+    watch: {
+        navStatusClass: {
+            immediate: true,
+            handler(navStatusClass) {
+                this.$emit("statusChange", navStatusClass);
+            },
+        },
+    },
+    methods: {
+        getNavIcon(key, isActive) {
+            let name = key + (this.navStatus ? this.navStatus : "");
+            if (this.navStatus === 1 && isActive) {
+                // regular
+                name = key;
+            }
+            return require(`../assets/img/nav/${name}.svg`);
+        },
+        toLeft() {
+            if (this.navStatus > 0) {
+                this.navStatus--;
+            }
+        },
+        toRight() {
+            if (this.navStatus < 2) {
+                this.navStatus++;
+            }
+        },
+    },
+    mounted() {
+        if (this.isPhone) {
+            this.navStatus = 0;
+        }
+    },
+};
+</script>
+
+<style lang="less">
+@import "~@/assets/css/nav_v4.less";
+</style>
diff --git a/src/views/adventure/Adventure.vue b/src/views/adventure/Adventure.vue
index 318c13705..03fe57f24 100644
--- a/src/views/adventure/Adventure.vue
+++ b/src/views/adventure/Adventure.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import { __imgPath, __dataPath } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "App",
diff --git a/src/views/body/Body.vue b/src/views/body/Body.vue
index da1ef11b2..16620ab04 100644
--- a/src/views/body/Body.vue
+++ b/src/views/body/Body.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import { __OriginRoot } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "Body",
diff --git a/src/views/book/Book.vue b/src/views/book/Book.vue
index 4d5d45667..36c72fe5c 100644
--- a/src/views/book/Book.vue
+++ b/src/views/book/Book.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import PvxBacktop from "@/components/PvxBacktop.vue";
 
 import { mapState } from "vuex";
diff --git a/src/views/exam/Exam.vue b/src/views/exam/Exam.vue
index 2bf9ae7fc..055143aca 100644
--- a/src/views/exam/Exam.vue
+++ b/src/views/exam/Exam.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import PvxBacktop from "@/components/PvxBacktop.vue";
 
 export default {
diff --git a/src/views/face/Face.vue b/src/views/face/Face.vue
index 08a35c81f..abc69962a 100644
--- a/src/views/face/Face.vue
+++ b/src/views/face/Face.vue
@@ -10,7 +10,7 @@
 
 <script>
 const single_pages = ["single"];
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import User from "@jx3box/jx3box-common/js/user";
 import { setStar, cancelStar, onlineFace, offlineFace, deleteFace } from "@/service/face.js";
 export default {
diff --git a/src/views/homeland/Furniture.vue b/src/views/homeland/Furniture.vue
index e7be145d4..87c70831f 100644
--- a/src/views/homeland/Furniture.vue
+++ b/src/views/homeland/Furniture.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 // import { getAppIcon } from "@jx3box/jx3box-common/js/utils";
 import { __imgPath, __dataPath } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
diff --git a/src/views/homeland/Homeland.vue b/src/views/homeland/Homeland.vue
index 5efb865bc..21037d6da 100644
--- a/src/views/homeland/Homeland.vue
+++ b/src/views/homeland/Homeland.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import PvxBacktop from "@/components/PvxBacktop.vue";
 import { __imgPath, __dataPath } from "@jx3box/jx3box-common/data/jx3box.json";
 
diff --git a/src/views/horse/Horse.vue b/src/views/horse/Horse.vue
index 3aa6e8f6d..e40a4d125 100644
--- a/src/views/horse/Horse.vue
+++ b/src/views/horse/Horse.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import PvxBacktop from "@/components/PvxBacktop.vue";
 import { __imgPath, __dataPath } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
diff --git a/src/views/index/Index.vue b/src/views/index/Index.vue
index 34fb54402..a0f0172a0 100644
--- a/src/views/index/Index.vue
+++ b/src/views/index/Index.vue
@@ -83,7 +83,7 @@ export default {
     },
     methods: {
         getNavIcon(key) {
-            return require(`@/assets/img/nav/${key}.png`);
+            return require(`@/assets/img/nav/${key}2.svg`);
         },
         onQQClick() {
             navigator.clipboard.writeText(this.qq).then(() => {
diff --git a/src/views/pet/Pet.vue b/src/views/pet/Pet.vue
index a08b8715f..602558c9d 100644
--- a/src/views/pet/Pet.vue
+++ b/src/views/pet/Pet.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import { __imgPath, __dataPath } from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "Pet",
diff --git a/src/views/pvg/Index.vue b/src/views/pvg/Index.vue
index 27e14e63c..93af59f3e 100644
--- a/src/views/pvg/Index.vue
+++ b/src/views/pvg/Index.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 export default {
     name: "Index",
     components: {
diff --git a/src/views/reputation/Reputation.vue b/src/views/reputation/Reputation.vue
index 8168af9f5..f0f6432dd 100644
--- a/src/views/reputation/Reputation.vue
+++ b/src/views/reputation/Reputation.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import Nav from "@/components/Nav_v3.vue";
+import Nav from "@/components/Nav_v4.vue";
 import PvxBacktop from "@/components/PvxBacktop.vue";
 export default {
     name: "Reputation",