Merge branch 'master' of https://github.com/jagnani73/fren

Author: gitaalekhyapaul

Images/Fren Technical flow chart.png

@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 const Hero = () => {
   return (
     <div className="flex flex-wrap w-full h-1/2vh lg:h-screen">
-      <div className="flex flex-wrap w-full lg:w-1/2 h-full bg-green-900">
+      <div className="flex flex-wrap w-full lg:w-1/2 h-full bg-blue-900">
         <Link
           to="/signup"
           className="m-auto text-3xl border-solid border-2 border-white rounded-lg px-8 py-2 text-white"

client/src/components/Index/Hero.tsx

@@ -51,7 +51,7 @@ const Hero = () => {
   return (
     <div className="w-full h-screen flex flex-wrap">
       <ToastContainer />
-      <div className="hidden lg:block w-1/2 bg-green-600 h-full" />
+      <div className="hidden lg:block w-1/2 bg-blue-900 h-full" />
       <div className="w-full lg:w-1/2 h-full ml-auto flex flex-wrap">
         <Formik
           initialValues={initialValues}

client/src/components/Login/Hero.tsx

@@ -63,7 +63,7 @@ const Hero = () => {
   };
 
   return (
-    <div className="w-full lg:w-1/2 h-screen bg-green-900 flex flex-wrap">
+    <div className="w-full lg:w-1/2 h-screen bg-blue-900 flex flex-wrap">
       <ToastContainer />
       <Formik
         initialValues={initialValues}
@@ -228,7 +228,7 @@ const Hero = () => {
                     ? true
                     : false
                 }
-                className="bg-green-700 w-full text-xl rounded-lg py-3 text-white border-solid border-2 border-white focus:outline-none"
+                className="bg-green-500 w-full text-xl rounded-lg py-3 text-white border-solid border-2 border-white focus:outline-none"
               >
                 Sign Up !
               </button>

client/src/components/Signup/Hero.tsx

@@ -50,7 +50,7 @@ const Hero = () => {
   };
 
   return (
-    <div className="w-full lg:w-1/2 lg:absolute top-0 left-0 bg-green-900 h-full flex flex-wrap">
+    <div className="w-full lg:w-1/2 lg:absolute top-0 left-0 bg-blue-900 h-full flex flex-wrap">
       <div className="flex flex-wrap w-full h-full m-auto">
         <ToastContainer />
         <div className="flex flex-wrap w-full text-white">

client/src/components/Therapist/Hero.tsx

@@ -20,7 +20,7 @@ const User = (props: UserProps) => {
     <div className="w-11/12 lg:w-1/2 flex flex-wrap rounded-tl-lg p-5 m-auto">
       <Link
         to={`/therapist/${props.id}`}
-        className="w-full h-full flex flex-wrap bg-green-800 shadow-note text-white cursor-pointer rounded-lg"
+        className="w-full h-full flex flex-wrap bg-blue-800 shadow-note text-white cursor-pointer rounded-lg"
       >
         <figure className="w-1/3 rounded-tl-lg">
           <img