diff --git a/src/assets/icons/rs.svg b/src/assets/icons/rs.svg
new file mode 100644
index 0000000..893976e
--- /dev/null
+++ b/src/assets/icons/rs.svg
@@ -0,0 +1,16 @@
+<svg width="64" height="57" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="30" y="10" width="34" height="38">
+    <path fill="url(#a)" d="M30 10h34v38H30z"/>
+  </mask>
+  <g mask="url(#b)">
+    <path d="M49.294 46.586c8.25 0 13.219-4.008 13.219-10.313v-.023c0-5.273-3.07-8.133-10.102-9.586l-3.656-.75c-4.078-.844-5.93-2.25-5.93-4.64v-.024c0-2.695 2.461-4.547 6.422-4.57 3.797 0 6.399 1.758 6.797 4.71l.047.282h5.79l-.024-.399c-.352-5.789-5.18-9.68-12.563-9.68-7.289 0-12.515 4.032-12.539 9.985v.024c0 5.039 3.281 8.132 9.938 9.515l3.632.75c4.36.914 6.118 2.274 6.118 4.805v.023c0 2.907-2.672 4.805-6.938 4.805-4.242 0-7.219-1.805-7.664-4.71l-.047-.282h-5.789l.024.351c.398 6.07 5.507 9.727 13.265 9.727Z" fill="#F61D5B" fill-opacity=".5"/>
+  </g>
+  <path d="M2.977 46h6.046V33.344h6.54L22.218 46h6.89l-7.382-13.57c3.937-1.43 6.375-5.11 6.375-9.657v-.046c0-6.54-4.407-10.547-11.625-10.547h-13.5V46Zm6.046-17.438V17.078h6.704c3.796 0 6.187 2.156 6.187 5.695v.047c0 3.633-2.25 5.742-6.07 5.742h-6.82Z" fill="#F61D5B"/>
+  <path d="M44.86 46.586c8.25 0 13.218-4.008 13.218-10.313v-.023c0-5.273-3.07-8.133-10.101-9.586l-3.657-.75c-4.078-.844-5.93-2.25-5.93-4.64v-.024c0-2.695 2.462-4.547 6.422-4.57 3.797 0 6.399 1.758 6.797 4.71l.047.282h5.79l-.024-.399c-.352-5.789-5.18-9.68-12.563-9.68-7.289 0-12.515 4.032-12.539 9.985v.024c0 5.039 3.282 8.132 9.938 9.515l3.633.75c4.359.914 6.117 2.274 6.117 4.805v.023c0 2.907-2.672 4.805-6.938 4.805-4.242 0-7.218-1.805-7.664-4.71l-.047-.282H31.57l.024.351c.398 6.07 5.508 9.727 13.265 9.727Z" fill="#F61D5B" fill-opacity=".75"/>
+  <defs>
+    <linearGradient id="a" x1="64" y1="29.292" x2="30" y2="29.292" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#black" stop-opacity=".5"/>
+      <stop offset="1" stop-color="#black"/>
+    </linearGradient>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/wave.gif b/src/assets/wave.gif
new file mode 100644
index 0000000..3e91093
Binary files /dev/null and b/src/assets/wave.gif differ
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index c13fbc4..280616c 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -2,10 +2,11 @@ import mutiny_m from '~/assets/icons/m.svg';
 import airplane from '~/assets/icons/airplane.svg';
 import settings from '~/assets/icons/settings.svg';
 import receive from '~/assets/icons/big-receive.svg';
+import redshift from '~/assets/icons/rs.svg';
 
 import { A } from "solid-start";
 
-type ActiveTab = 'home' | 'scan' | 'send' | 'receive' | 'settings' | 'none';
+type ActiveTab = 'home' | 'scan' | 'send' | 'receive' | 'settings' | 'redshift' | 'none';
 
 export default function NavBar(props: { activeTab: ActiveTab }) {
     const activeStyle = 'border-t-0 border-b-0 p-2 bg-black rounded-lg'
@@ -33,6 +34,11 @@ export default function NavBar(props: { activeTab: ActiveTab }) {
                         <img src={settings} alt="settings" />
                     </A>
                 </li>
+                <li class={props.activeTab === "redshift" ? activeStyle : inactiveStyle}>
+                    <A href="/redshift">
+                        <img src={redshift} alt="redshift" width={36} />
+                    </A>
+                </li>
             </ul>
         </nav >
     )