diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 55cfafaf..3b66b7ef 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -1,8 +1,7 @@
 export default function Checkout() {
-    return (
-      <main>
-        <div>Checkout</div>
-      </main>
-    );
-  }
-  
\ No newline at end of file
+  return (
+    <main>
+      <div>Checkout</div>
+    </main>
+  );
+}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 552e2aad..a42e544a 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,6 +1,7 @@
 'use client';
 
-import LoginForm from '../../../components/LoginForm';
+import Link from 'next/link';
+import LoginForm from '../../components/LoginForm';
 
 import {
   GlobalStyle,
@@ -22,7 +23,9 @@ export default function App() {
           <LoginContent>
             <WelcomeSign>Welcome</WelcomeSign>
             <LoginForm />
-            <Button>Log In</Button>
+            <Button>
+              <Link href="/storefront">Log In</Link>
+            </Button>
           </LoginContent>
         </LoginBox>
       </Fullscreen>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c03d6e4d..7d064724 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,9 @@
+import Link from 'next/link';
+
 export default function Checkout() {
-    return (
-      <main>
-        <div>Landing Page</div>
-      </main>
-    );
-  }
-  
\ No newline at end of file
+  return (
+    <main>
+      <Link href="/login">Login</Link>
+    </main>
+  );
+}
diff --git a/src/components/InputFields.tsx b/src/components/InputFields.tsx
index 02af1188..a7e92afb 100644
--- a/src/components/InputFields.tsx
+++ b/src/components/InputFields.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { FormHeaders, Input } from '../app/screens/login/styles';
+import { FormHeaders, Input } from '../app/login/styles';
 
 export default function InputFields(props: {
   text: string;