fix navigation to make it more span landing page things

components/Layouts/LandingPageLayout.tsx

@@ -40,20 +40,18 @@ export default function LangingPageLayout({ children }) {
   const mobileMenu = (
     <Menu>
       <Menu.Item key="0">
-        <a onClick={() => window.open(LandingPageNavigation.product, "_self")}>
+        <Link href={LandingPageNavigation.product}>Product</Link>
-          Product
-        </a>
       </Menu.Item>
       <Menu.Item key="1">
-        <a href={LandingPageNavigation.features}>Features</a>
+        <Link href={LandingPageNavigation.features}>Features</Link>
       </Menu.Item>
 
       <Menu.Item key="3">
-        <a href={LandingPageNavigation.pricing}>Pricing</a>
+        <Link href={LandingPageNavigation.pricing}>Pricing</Link>
       </Menu.Item>
 
       <Menu.Item key="4">
-        <a href={LandingPageNavigation.philosophy}>Philosophy</a>
+        <Link href={LandingPageNavigation.philosophy}>Philosophy</Link>
       </Menu.Item>
 
       <Menu.Divider />
@@ -96,9 +94,7 @@ export default function LangingPageLayout({ children }) {
           <MainLogo className="mr-auto text-3xl" />
           <span className="hidden md:flex flex-row space-x-5 items-center">
             <span
-              onClick={() =>
+              onClick={() => router.push(LandingPageNavigation.product)}
-                window.open(LandingPageNavigation.product, "_self")
-              }
               className={`text-gray-500 hover:text-teal-600 hover:cursor-pointer ${
                 currPage == LandingPageNavigation.product
                   ? "text-teal-600 underline underline-offset-4"

pages/teams/login.tsx

@@ -2,6 +2,7 @@ import { useRouter } from "next/router";
 import { useEffect } from "react";
 import { FaArrowLeft } from "react-icons/fa";
 import { FcGoogle } from "react-icons/fc";
+import MainLogo from "../../components/MainLogo";
 import { useAuth } from "../../contexts/authContext";
 
 export default function Login() {
@@ -19,23 +20,13 @@ export default function Login() {
   return (
     <>
       <div className="h-screen w-screen flex flex-row">
-        {/* nice image on right side */}
-        <div
-          className="landing-page-bg bg-cover bg-no-repeat bg-center flex-1"
-          style={
-            {
-              // background: "url('/wallpapers/superhuman.jpg')",
-            }
-          }
-        ></div>
-
         {/* signin modal */}
         <div className="flex-1 bg-white bg-opacity-80 p-10 rounded-lg shadow-lg flex flex-col items-start justify-start">
           {/* header */}
           <div className="text-lg flex flex-row items-center space-x-2">
             <FaArrowLeft
               className="hover:cursor-pointer"
-              onClick={() => router.push("/")}
+              onClick={() => window.open("/", "_self")}
             />{" "}
           </div>
 
@@ -60,8 +51,20 @@ export default function Login() {
             </span>
           </div>
 
-          {JSON.stringify(currUser?.email)}
+          <span className="mx-auto flex items-center space-x-1">
+            <span>&copy;</span>
+            <MainLogo className=" text-2xl" />
+          </span>
         </div>
+        {/* nice image on right side */}
+        <div
+          className="hidden md:block landing-page-bg bg-cover bg-no-repeat bg-center flex-1"
+          style={
+            {
+              // background: "url('/wallpapers/superhuman.jpg')",
+            }
+          }
+        ></div>
       </div>
     </>
   );