merge conflicts

src/app/checkout/page.tsx

@@ -1,8 +1,7 @@
 export default function Checkout() {
-    return (
-      <main>
-        <div>Checkout</div>
-      </main>
-    );
-  }
-
+  return (
+    <main>
+      <div>Checkout</div>
+    </main>
+  );
+}

src/app/login/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import Link from 'next/link';
 import LoginForm from '../../components/LoginForm';
 
 import {
@@ -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>

src/app/page.tsx

@@ -1,8 +1,9 @@
+import Link from 'next/link';
+
 export default function Checkout() {
-    return (
-      <main>
-        <div>Landing Page</div>
-      </main>
-    );
-  }
-
+  return (
+    <main>
+      <Link href="/login">Login</Link>
+    </main>
+  );
+}

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;