Created login and signup pages

src/pages/Login.jsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+export default function Login() {
+
+    return (
+        <div className="flex min-h-[100vh] w-[100vw] max-w-[600px] m-auto flex-col items-center justify-center px-7">
+            <form className="w-full">
+                <h2 className="text-center font-semibold text-2xl md:text-3xl mb-4">Login</h2>
+
+                {
+                    ['email', 'password'].map((type) => (
+                        <label key={type} htmlFor={type} className="w-full my-4 text-slate-800 flex flex-col gap-2">
+                            {type.charAt(0).toUpperCase() + type.slice(1)}
+                            <input
+                                type={type}
+                                name={type}
+                                id={type}
+                                className="bg-red-100 p-2 w-full border border-slate-900 rounded-md"
+                            />
+                        </label>
+                    ))
+                }
+
+                <button
+                    className={`w-full bg-slate-900 text-white my-3 text-lg md:text-xl py-2 border border-slate-900 hover:bg-white hover:text-slate-900 mt-4 duration-300`}
+                    onClick={(e) => e.preventDefault()}
+                >
+                    Login
+                </button>
+
+                <p className="text-center my-4">
+                    Don't have account? <Link to={"/E-Commerce/signup"} className="underline underline-offset-4">Sign Up</Link>
+                </p>
+            </form>
+        </div>
+    );
+}

src/pages/Signup.jsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+export default function Signup() {
+
+    return (
+        <div className="flex min-h-[100vh] w-[100vw] max-w-[600px] m-auto flex-col items-center justify-center px-7">
+            <form className="w-full">
+                <h2 className="text-center font-semibold text-2xl md:text-3xl mb-4">Sign Up</h2>
+
+                {
+                    ['email', 'password'].map((type) => (
+                        <label key={type} htmlFor={type} className="w-full my-4 text-slate-800 flex flex-col gap-2">
+                            {type.charAt(0).toUpperCase() + type.slice(1)}
+                            <input
+                                type={type}
+                                name={type}
+                                id={type}
+                                className="bg-red-100 p-2 w-full border border-slate-900 rounded-md"
+                            />
+                        </label>
+                    ))
+                }
+
+                <button
+                    className={`w-full bg-slate-900 text-white my-3 text-lg md:text-xl py-2 border border-slate-900 hover:bg-white hover:text-slate-900 mt-4 duration-300`}
+                    onClick={(e) => e.preventDefault()}
+                >
+                    Sign Up
+                </button>
+
+                <p className="text-center my-4">
+                    Already have an account? <Link to={"/E-Commerce/login"} className="underline underline-offset-4">Login</Link>
+                </p>
+            </form>
+        </div>
+    );
+}