Users should be presented with a reset password link

src/App.scss

@@ -1,17 +1,17 @@
-@import './styles/Colors.scss';
-@import './styles/Sample.scss';
-@import './styles/style.scss';
-@import './styles/signup.scss';
-@import './styles/LandingPage.scss';
-@import './styles/email.scss';
-@import './styles/AdminHeader.scss';
-@import './styles/Button.scss';
-@import './styles/Categories.scss';
-@import './styles/Footer.scss';
-@import './styles/Input.scss';
-@import './styles/SearchInput.scss';
-@import './styles/SellerHeader.scss';
-@import './styles/Sidebar.scss';
-@import './styles/Header.scss';
-@import "./styles/Product.scss";
-@import '../src/styles/reset-password.scss';
+@import './assets/styles/Colors.scss';
+@import './assets/styles/Sample.scss';
+@import './assets/styles/style.scss';
+@import './assets/styles/signup.scss';
+@import './assets/styles/LandingPage.scss';
+@import './assets/styles/email.scss';
+@import './assets/styles/AdminHeader.scss';
+@import './assets/styles/Button.scss';
+@import './assets/styles/Categories.scss';
+@import './assets/styles/Footer.scss';
+@import './assets/styles/Input.scss';
+@import './assets/styles/SearchInput.scss';
+@import './assets/styles/SellerHeader.scss';
+@import './assets/styles/Sidebar.scss';
+@import './assets/styles/Header.scss';
+@import './assets/styles/Product.scss';
+@import './assets/styles/reset-password.scss';

src/styles/Colors.scss → src/assets/styles/Colors.scss

@@ -24,4 +24,4 @@ $text2-color: #666666;
 $text-family: 'Averia Serif Libre';
 $white-color: #FFFFFF;
 $border-color: #D9D9D9;
-$red-color:red;
+$red-color:red;

src/styles/LandingPage.scss → src/assets/styles/LandingPage.scss

@@ -1,80 +1,80 @@
-.landing-container {
-  padding: 3rem 2rem 4rem 5rem;
-
-  .loader {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-  }
-
-  .error-message {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    color: $black-3;
-    font-size: 1.8rem;
-    background-color: $primary-color-light;
-    border: 1px solid $primary-color-dark;
-    border-radius: 0.5rem;
-    padding: 2rem;
-  }
-  .head {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    h1 {
-      font-size: 3.6rem;
-    }
-  }
-
-  .product-list {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
-    gap: 1.7rem;
-  }
-}
-
-.not-found{
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-
-  .not-found-img img{
-    width: 40vw;
-  }
-  .not-found-text{
-     font-family: $text-family;
-     font-weight: 700;
-     font-size: 1.2rem;
-     margin-top: 1rem;
-     margin-bottom: 2rem;
-     text-align: center;
-     line-height: 1.5;
-     letter-spacing: 0.05em;
-     color: $text2-color;
-     text-decoration: none;
-     transition: all 0.3s ease-in-out;
-  }
-  .btn-link{
-      border: none;
-      background-color: $primary-color;
-      padding: 1rem 4rem;
-      text-decoration: none;
-      color: $white-color;
-      font-family: $text-family;
-      font-weight: 700;
-      font-size: 1.2rem;
-      border-radius: 2rem;
-      cursor: pointer;
-  }
-
-  .btn-link:hover{
-      background-color: $white-color;
-      color: $primary-color;
-      border: 1px solid $border-color;
-      box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
-      transition: all 0.3s ease-in-out;
-  }
+.landing-container {
+  padding: 3rem 2rem 4rem 5rem;
+
+  .loader {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+  }
+
+  .error-message {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    color: $black-3;
+    font-size: 1.8rem;
+    background-color: $primary-color-light;
+    border: 1px solid $primary-color-dark;
+    border-radius: 0.5rem;
+    padding: 2rem;
+  }
+  .head {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    h1 {
+      font-size: 3.6rem;
+    }
+  }
+
+  .product-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
+    gap: 1.7rem;
+  }
+}
+
+.not-found{
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  .not-found-img img{
+    width: 40vw;
+  }
+  .not-found-text{
+     font-family: $text-family;
+     font-weight: 700;
+     font-size: 1.2rem;
+     margin-top: 1rem;
+     margin-bottom: 2rem;
+     text-align: center;
+     line-height: 1.5;
+     letter-spacing: 0.05em;
+     color: $text2-color;
+     text-decoration: none;
+     transition: all 0.3s ease-in-out;
+  }
+  .btn-link{
+      border: none;
+      background-color: $primary-color;
+      padding: 1rem 4rem;
+      text-decoration: none;
+      color: $white-color;
+      font-family: $text-family;
+      font-weight: 700;
+      font-size: 1.2rem;
+      border-radius: 2rem;
+      cursor: pointer;
+  }
+
+  .btn-link:hover{
+      background-color: $white-color;
+      color: $primary-color;
+      border: 1px solid $border-color;
+      box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
+      transition: all 0.3s ease-in-out;
+  }
 }