src/components/Footer/Footer.tsx

@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
 import styles from './style.module.scss'
 import { Container } from '../Container'
 import nostrImage from '../../assets/images/nostr.gif'
+import { appPublicRoutes } from '../../routes'
 
 export const Footer = () => (
   <footer className={`${styles.borderTop} ${styles.footer}`}>
@@ -16,7 +17,7 @@ export const Footer = () => (
         sx={{
           gridTemplateColumns: {
             xs: '1fr',
-            md: '0.5fr 1.75fr 0.75fr'
+            md: '0.5fr 2fr 0.5fr'
           },
           alignItems: {
             xs: 'center',
@@ -61,10 +62,7 @@ export const Footer = () => (
         >
           <Button
             sx={{
-              justifyContent: {
-                xs: 'center',
-                sm: 'start'
-              }
+              justifyContent: 'center'
             }}
             component={Link}
             to={'/'}
@@ -74,26 +72,22 @@ export const Footer = () => (
           </Button>
           <Button
             sx={{
-              justifyContent: {
-                xs: 'center',
-                sm: 'start'
-              }
+              justifyContent: 'center'
             }}
-            component={Link}
-            to={'/#'}
+            component={LinkMui}
+            href={appPublicRoutes.docs}
+            target="_blank"
             variant={'text'}
           >
             Documentation
           </Button>
           <Button
             sx={{
-              justifyContent: {
-                xs: 'center',
-                sm: 'start'
-              }
+              justifyContent: 'center'
             }}
-            component={Link}
-            to={'/#'}
+            component={LinkMui}
+            href={appPublicRoutes.source}
+            target="_blank"
             variant={'text'}
           >
             Source

src/routes/index.tsx

@@ -32,7 +32,8 @@ export const appPublicRoutes = {
   register: '/login/register',
   nostr: '/login/nostr',
   verify: '/verify',
-  source: 'https://git.sigit.io/sig/it'
+  source: 'https://git.sigit.io/sig/it',
+  docs: 'https://docs.sigit.io'
 }
 
 export const getProfileRoute = (hexKey: string) =>