diff --git a/src/assets/fonts/roboto-bold.woff b/src/assets/fonts/roboto-bold.woff
new file mode 100644
index 0000000..6f63f99
Binary files /dev/null and b/src/assets/fonts/roboto-bold.woff differ
diff --git a/src/assets/fonts/roboto-bold.woff2 b/src/assets/fonts/roboto-bold.woff2
new file mode 100644
index 0000000..f3801fd
Binary files /dev/null and b/src/assets/fonts/roboto-bold.woff2 differ
diff --git a/src/assets/fonts/roboto-light.woff b/src/assets/fonts/roboto-light.woff
new file mode 100644
index 0000000..a5f024d
Binary files /dev/null and b/src/assets/fonts/roboto-light.woff differ
diff --git a/src/assets/fonts/roboto-light.woff2 b/src/assets/fonts/roboto-light.woff2
new file mode 100644
index 0000000..65bc49e
Binary files /dev/null and b/src/assets/fonts/roboto-light.woff2 differ
diff --git a/src/assets/fonts/roboto-medium.woff b/src/assets/fonts/roboto-medium.woff
new file mode 100644
index 0000000..0bd7a8a
Binary files /dev/null and b/src/assets/fonts/roboto-medium.woff differ
diff --git a/src/assets/fonts/roboto-medium.woff2 b/src/assets/fonts/roboto-medium.woff2
new file mode 100644
index 0000000..95f206f
Binary files /dev/null and b/src/assets/fonts/roboto-medium.woff2 differ
diff --git a/src/assets/fonts/roboto-regular.woff b/src/assets/fonts/roboto-regular.woff
new file mode 100644
index 0000000..4c96cee
Binary files /dev/null and b/src/assets/fonts/roboto-regular.woff differ
diff --git a/src/assets/fonts/roboto-regular.woff2 b/src/assets/fonts/roboto-regular.woff2
new file mode 100644
index 0000000..c4c6d10
Binary files /dev/null and b/src/assets/fonts/roboto-regular.woff2 differ
diff --git a/src/assets/images/avatar.png b/src/assets/images/avatar.png
deleted file mode 100644
index 9d00060..0000000
Binary files a/src/assets/images/avatar.png and /dev/null differ
diff --git a/src/assets/images/nostr-logo.jpg b/src/assets/images/nostr-logo.jpg
deleted file mode 100644
index 98b4623..0000000
Binary files a/src/assets/images/nostr-logo.jpg and /dev/null differ
diff --git a/src/assets/images/nostr.gif b/src/assets/images/nostr.gif
new file mode 100644
index 0000000..b6f23bc
Binary files /dev/null and b/src/assets/images/nostr.gif differ
diff --git a/src/assets/roboto-font/Roboto-Bold.ttf b/src/assets/roboto-font/Roboto-Bold.ttf
deleted file mode 100644
index 43da14d..0000000
Binary files a/src/assets/roboto-font/Roboto-Bold.ttf and /dev/null differ
diff --git a/src/assets/roboto-font/Roboto-Light.ttf b/src/assets/roboto-font/Roboto-Light.ttf
deleted file mode 100644
index e7307e7..0000000
Binary files a/src/assets/roboto-font/Roboto-Light.ttf and /dev/null differ
diff --git a/src/assets/roboto-font/Roboto-Medium.ttf b/src/assets/roboto-font/Roboto-Medium.ttf
deleted file mode 100644
index ac0f908..0000000
Binary files a/src/assets/roboto-font/Roboto-Medium.ttf and /dev/null differ
diff --git a/src/assets/roboto-font/Roboto-Regular.ttf b/src/assets/roboto-font/Roboto-Regular.ttf
deleted file mode 100644
index ddf4bfa..0000000
Binary files a/src/assets/roboto-font/Roboto-Regular.ttf and /dev/null differ
diff --git a/src/components/AppBar/AppBar.tsx b/src/components/AppBar/AppBar.tsx
index 76d8370..8c7ac63 100644
--- a/src/components/AppBar/AppBar.tsx
+++ b/src/components/AppBar/AppBar.tsx
@@ -137,7 +137,7 @@ export const AppBar = () => {
               <Button
                 startIcon={<ButtonIcon />}
                 onClick={() => {
-                  navigate(appPublicRoutes.login)
+                  navigate(appPublicRoutes.nostr)
                 }}
                 variant="contained"
               >
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 38298c2..3822d32 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -2,6 +2,7 @@ import { Box, Button, Link as LinkMui } from '@mui/material'
 import { Link } from 'react-router-dom'
 import styles from './style.module.scss'
 import { Container } from '../Container'
+import nostrImage from '../../assets/images/nostr.gif'
 
 export const Footer = () => (
   <footer className={`${styles.borderTop} ${styles.footer}`}>
@@ -117,12 +118,7 @@ export const Footer = () => (
             }}
             variant={'contained'}
           >
-            <img
-              src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"
-              width="25"
-              alt="nostr logo"
-              height="25"
-            />
+            <img src={nostrImage} width="25" alt="nostr logo" height="25" />
           </Button>
         </Box>
       </Box>
diff --git a/src/index.css b/src/index.css
index d46826b..6a734df 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,30 +16,6 @@
   box-sizing: border-box;
 }
 
-@font-face {
-  font-family: 'Roboto';
-  font-weight: 300;
-  src: local('Roboto-Light'), url(./assets/roboto-font/Roboto-Light.ttf);
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-weight: 400;
-  src: local('Roboto-Regular'), url(./assets/Roboto-font/Roboto-Regular.ttf);
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-weight: 500;
-  src: local('Roboto-Medium'), url(./assets/Roboto-font/Roboto-Medium.ttf);
-}
-
-@font-face {
-  font-family: 'Roboto';
-  font-weight: 700;
-  src: local('Roboto-Bold'), url(./assets/Roboto-font/Roboto-Bold.ttf);
-}
-
 body {
   margin: 0;
   min-width: 320px;
@@ -131,3 +107,44 @@ button:disabled {
   border-radius: 50%;
   overflow: hidden;
 }
+
+/* Fonts */
+@font-face {
+  font-family: 'Roboto';
+  src: local('Roboto Medium'), local('Roboto-Medium'),
+    url('assets/fonts/roboto-medium.woff2') format('woff2'),
+    url('assets/fonts/roboto-medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: local('Roboto Light'), local('Roboto-Light'),
+    url('assets/fonts/roboto-light.woff2') format('woff2'),
+    url('assets/fonts/roboto-light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: local('Roboto Bold'), local('Roboto-Bold'),
+    url('assets/fonts/roboto-bold.woff2') format('woff2'),
+    url('assets/fonts/roboto-bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: local('Roboto'), local('Roboto-Regular'),
+    url('assets/fonts/roboto-regular.woff2') format('woff2'),
+    url('assets/fonts/roboto-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
\ No newline at end of file
diff --git a/src/layouts/modal/index.tsx b/src/layouts/modal/index.tsx
index baa088c..7b29379 100644
--- a/src/layouts/modal/index.tsx
+++ b/src/layouts/modal/index.tsx
@@ -10,6 +10,7 @@ import styles from './style.module.scss'
 import { appPublicRoutes } from '../../routes'
 import { faClose } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import nostrImage from '../../assets/images/nostr.gif'
 
 function useRouteMatch(patterns: readonly string[]) {
   const { pathname } = useLocation()
@@ -34,14 +35,7 @@ export const Modal = () => {
       to: appPublicRoutes.nostr,
       title: 'Login',
       sx: { padding: '10px' },
-      label: (
-        <img
-          src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif"
-          width="25"
-          alt="nostr logo"
-          height="25"
-        />
-      )
+      label: <img src={nostrImage} width="25" alt="nostr logo" height="25" />
     }
   ]
   const routeMatch = useRouteMatch(tabs.map((t) => t.to))
@@ -99,6 +93,10 @@ export const Modal = () => {
               )
             })}
           </ul>
+          {activeTab === appPublicRoutes.login ||
+          activeTab === appPublicRoutes.register ? (
+            <div className={styles.comingSoon}>Coming soon!</div>
+          ) : null}
           <div className={styles.tabContent}>
             <Outlet />
           </div>
diff --git a/src/layouts/modal/style.module.scss b/src/layouts/modal/style.module.scss
index e2537b9..f7dd2fc 100644
--- a/src/layouts/modal/style.module.scss
+++ b/src/layouts/modal/style.module.scss
@@ -66,6 +66,14 @@ $default-modal-padding: 15px 25px;
   padding-inline: 10px;
 }
 
+.comingSoon {
+  padding: 15px;
+  color: rgba(0, 0, 0, 0.5);
+  text-align: center;
+  font-weight: 400;
+  font-size: 16px;
+}
+
 .footer {
   padding: 15px;
   border-top: solid 1px rgba(0, 0, 0, 0.1);
diff --git a/src/pages/landing/index.tsx b/src/pages/landing/index.tsx
index e7acd58..015d721 100644
--- a/src/pages/landing/index.tsx
+++ b/src/pages/landing/index.tsx
@@ -25,7 +25,7 @@ export const LandingPage = () => {
   const location = useLocation()
 
   const onSignInClick = async () => {
-    navigate(appPublicRoutes.login)
+    navigate(appPublicRoutes.nostr)
   }
 
   const cards = [
@@ -109,11 +109,11 @@ export const LandingPage = () => {
     <div className={styles.background}>
       <div
         className={`${styles.backgroundBlob} ${styles.backgroundBlobLeft}`}
-        style={{ backgroundImage: `url(${bg_l})` }}
+        style={{ backgroundImage: `url("${bg_l}")` }}
       ></div>
       <div
         className={`${styles.backgroundBlob} ${styles.backgroundBlobRight}`}
-        style={{ backgroundImage: `url(${bg_r})` }}
+        style={{ backgroundImage: `url("${bg_r}")` }}
       ></div>
 
       <Container className={styles.container}>
diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index f31e0a5..e6933c6 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -1,6 +1,8 @@
 import { Button, TextField } from '@mui/material'
 
 export const Login = () => {
+  // TODO: All fields, buttons are disabled
+  // Feature not implemented
   return (
     <>
       <TextField
@@ -9,6 +11,7 @@ export const Login = () => {
         fullWidth
         margin="dense"
         autoComplete="username"
+        disabled
       />
       <TextField
         label="Password"
@@ -16,9 +19,10 @@ export const Login = () => {
         fullWidth
         margin="dense"
         autoComplete="current-password"
+        disabled
       />
 
-      <Button variant="contained" fullWidth>
+      <Button variant="contained" fullWidth disabled>
         Login
       </Button>
     </>
diff --git a/src/pages/register/index.tsx b/src/pages/register/index.tsx
index c760edc..6163fea 100644
--- a/src/pages/register/index.tsx
+++ b/src/pages/register/index.tsx
@@ -1,6 +1,8 @@
 import { Button, TextField } from '@mui/material'
 
 export const Register = () => {
+  // TODO: All fields, buttons are disabled
+  // Feature not implemented
   return (
     <>
       <TextField
@@ -9,6 +11,7 @@ export const Register = () => {
         fullWidth
         margin="dense"
         autoComplete="username"
+        disabled
       />
       <TextField
         label="Password"
@@ -17,6 +20,7 @@ export const Register = () => {
         margin="dense"
         type="password"
         autoComplete="new-password"
+        disabled
       />
       <TextField
         label="Confirm password"
@@ -25,9 +29,10 @@ export const Register = () => {
         margin="dense"
         type="password"
         autoComplete="new-password"
+        disabled
       />
 
-      <Button variant="contained" fullWidth>
+      <Button variant="contained" fullWidth disabled>
         Register
       </Button>
     </>
diff --git a/src/theme/index.ts b/src/theme/index.ts
index 60cd68e..4a1e0ab 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -55,7 +55,10 @@ export const theme = extendTheme({
         },
         contained: {
           background: 'var(--primary-main)',
-          color: 'white'
+          color: 'white',
+          ':hover': {
+            color: 'white'
+          }
         },
         outlined: {
           ':hover': {