Merge pull request #1118 from wanderwallet/development

Development

Author: 7i7o

src/components/embed/ui/templates/wander-footer/WanderFooter.module.scss

@@ -13,6 +13,32 @@
 .attribution {
 }
 
+.links {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-2);
+  margin-top: var(--spacing-2);
+}
+
+.separator {
+  color: var(--color-text-footer);
+  font-size: var(--font-size-xxs, 10px);
+  opacity: 0.7;
+}
+
+.link {
+  color: var(--color-text-footer);
+  text-decoration: none;
+  font-size: var(--font-size-xxs, 10px);
+  opacity: 0.7;
+
+  &:hover {
+    opacity: 1;
+    text-decoration: underline;
+  }
+}
+
 .banner {
   z-index: 100;
   pointer-events: all;

src/components/embed/ui/templates/wander-footer/WanderFooter.tsx

@@ -8,6 +8,23 @@ export function WanderFooter() {
       <div className={styles.attribution}>
         Secured by <WanderIcon />
       </div>
+      <div className={styles.links}>
+        <a
+          href="https://www.wander.app/legal/privacy-policy"
+          target="_blank"
+          rel="noopener noreferrer"
+          className={styles.link}>
+          Privacy Policy
+        </a>
+        <span className={styles.separator}>&middot;</span>
+        <a
+          href="https://www.wander.app/legal/terms-of-service"
+          target="_blank"
+          rel="noopener noreferrer"
+          className={styles.link}>
+          Terms of Service
+        </a>
+      </div>
     </footer>
   );
 }