diff --git a/explorer/src/components/Footer.tsx b/explorer/src/components/Footer.tsx
index c85ba47be4..2902cbd799 100644
--- a/explorer/src/components/Footer.tsx
+++ b/explorer/src/components/Footer.tsx
@@ -1,8 +1,11 @@
-import * as React from 'react';
+import React from 'react';
import Box from '@mui/material/Box';
-import { Typography } from '@mui/material';
+import MuiLink from '@mui/material/Link';
+import { Link } from 'react-router-dom';
+import Typography from '@mui/material/Typography';
import { Socials } from './Socials';
import { useIsMobile } from '../hooks/useIsMobile';
+import { NymVpnIcon } from '../icons/NymVpn';
export const Footer: FCWithChildren = () => {
const isMobile = useIsMobile();
@@ -31,6 +34,9 @@ export const Footer: FCWithChildren = () => {
mb: 2,
}}
>
+
+
+
)}
diff --git a/explorer/src/components/Nav.tsx b/explorer/src/components/Nav.tsx
index fbfe4b7ee5..c4d065aea6 100644
--- a/explorer/src/components/Nav.tsx
+++ b/explorer/src/components/Nav.tsx
@@ -22,6 +22,7 @@ import { useMainContext } from '../context/main';
import { MobileDrawerClose } from '../icons/MobileDrawerClose';
import { Socials } from './Socials';
import { Footer } from './Footer';
+import { NymVpnIcon } from '../icons/NymVpn';
import { DarkLightSwitchDesktop } from './Switch';
import { NavOptionType } from '../context/nav';
@@ -341,6 +342,9 @@ export const Nav: FCWithChildren = ({ children }) => {
alignItems: 'center',
}}
>
+
+
+
diff --git a/explorer/src/icons/NymVpn.tsx b/explorer/src/icons/NymVpn.tsx
new file mode 100644
index 0000000000..788b78a4f9
--- /dev/null
+++ b/explorer/src/icons/NymVpn.tsx
@@ -0,0 +1,56 @@
+import * as React from 'react';
+
+interface DiscordIconProps {
+ size?: { width: number; height: number };
+}
+
+export const NymVpnIcon: FCWithChildren = ({ size }) => (
+
+);
+
+NymVpnIcon.defaultProps = {
+ size: { width: 80, height: 12 },
+};