more

src/Components/Home/HomePage.js

@@ -1,14 +1,17 @@
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { collection, setDoc, doc } from "firebase/firestore";
 import { db } from "../../firebase";
 import Button from "../../pageElements/Button";
 import { v4 as uuidv4 } from "uuid";
 import arrow from "../../Assets/Images/Arrow.png";
 import { useNavigate } from "react-router-dom";
+import ConfirmModal from "../Modals/ConfirmModal";
 import "../../styles/homepage.scss";
 
 const HomePage = () => {
   const navigate = useNavigate();
+  const [showPromoModal, setShowPromoModal] = useState(false);
+  const issueText = "";
 
   const handleNavigate = () => {
     navigate("/signup");
@@ -18,6 +21,15 @@ const HomePage = () => {
     navigate("/login");
   };
 
+  const handleConfirmPromoCode = () => {
+    //
+  };
+
+  const handleCancelModal = () => {
+    setShowPromoModal(!showPromoModal);
+    navigate("/signup");
+  };
+
   const handleDemo = () => {
     const supReq = null;
     navigate("/requestpage/supReq");
@@ -282,6 +294,19 @@ const HomePage = () => {
             </div>
           </div>
         </section>
+        {showPromoModal ? (
+          <ConfirmModal
+            titleText="Enter Promo Code"
+            onCancel={handleCancelModal}
+            buttonLabelText="Enter Code"
+            isPromoModal={true}
+            issueText={issueText ? issueText : null}
+            onConfirm={handleConfirmPromoCode}
+            cancelButtonText="I don't have a code"
+          />
+        ) : (
+          <></>
+        )}
       </div>
     </>
   );

src/Components/SignupPage/SignupPage.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import Col from "react-bootstrap/Col";
 import Form from "react-bootstrap/Form";
 import Row from "react-bootstrap/Row";

src/styles/homepage.scss

@@ -131,8 +131,8 @@ section.section-1 {
   font-family: Roboto;
   color: #fff;
   padding: 20px 0px 10px 0px;
-  font-size: 20px;
-  font-weight: 100;
+  font-size: 19px;
+  font-weight: 300;
   max-width: 370px;
   line-height: 29px;
   text-align: justify;
@@ -163,10 +163,10 @@ h1.heading-2 {
 p.text-block-1 {
   color: #fff;
   font-family: Roboto;
-  font-size: 25px;
+  font-size: 26px;
   font-style: normal;
   font-weight: 300;
-  line-height: 1.6;
+  line-height: 1.5;
   width: 525px;
   margin-top: 24px;
 }

src/styles/navbar.scss

@@ -57,6 +57,7 @@
   flex-direction: row;
   width: 167px;
   margin-top: -2px;
+  cursor: pointer;
 }
 
 .novo-logo {