From e3b4eaf5e87144cc095a8b391d702d75e4f91398 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Fri, 19 Apr 2024 23:17:26 -0500
Subject: [PATCH] more

---
 src/Components/Home/HomePageB.js | 41 ++++++++++++++++++++++++++++++--
 src/styles/homepage-b.scss       | 16 ++++++++++++-
 2 files changed, 54 insertions(+), 3 deletions(-)

diff --git a/src/Components/Home/HomePageB.js b/src/Components/Home/HomePageB.js
index 885cf6b..4d901a7 100644
--- a/src/Components/Home/HomePageB.js
+++ b/src/Components/Home/HomePageB.js
@@ -10,7 +10,7 @@ import { createUserWithEmailAndPassword } from "firebase/auth";
 import { stateDataValues } from "../../Constants/Fields/SignupFields";
 import "../../styles/homepage-b.scss";
 import LoadingSpinner from "../../pageElements/LoadingSpinner";
-
+import { StarFill } from "react-bootstrap-icons";
 const HomePageB = () => {
   const navigate = useNavigate();
   const [showPromoModal, setShowPromoModal] = useState(false);
@@ -288,7 +288,44 @@ const HomePageB = () => {
                 Reclaim hours every week. Spend more time growing your practice,
                 or just get home in time for dinner.
               </div>
-              <div className="hero-testi-box"></div>
+              <div className="hero-testi-box">
+                <StarFill
+                  style={{
+                    color: "#FFD700",
+                    height: "20px",
+                    width: "20px",
+                    marginRight: "6px",
+                  }}
+                />
+                <StarFill
+                  style={{
+                    color: "#FFD700",
+                    height: "20px",
+                    width: "20px",
+                    marginRight: "6px",
+                  }}
+                />
+                <StarFill
+                  style={{
+                    color: "#FFD700",
+                    height: "20px",
+                    width: "20px",
+                    marginRight: "6px",
+                  }}
+                />
+                <StarFill
+                  style={{
+                    color: "#FFD700",
+                    height: "20px",
+                    width: "20px",
+                    marginRight: "6px",
+                  }}
+                />
+                <StarFill
+                  style={{ color: "#FFD700", height: "20px", width: "20px" }}
+                />
+                <div className="review-box">Used by over 600 subscribers</div>
+              </div>
             </div>
           </div>
         </div>
diff --git a/src/styles/homepage-b.scss b/src/styles/homepage-b.scss
index 4ad8f56..6c71629 100644
--- a/src/styles/homepage-b.scss
+++ b/src/styles/homepage-b.scss
@@ -122,11 +122,25 @@ section.section-one {
   width: 980px;
 }
 
+.review-box {
+  font-family: Roboto;
+  font-size: 1rem;
+  font-weight: 500;
+  display: flex;
+  margin-top: 5px;
+  margin-left: 8px;
+}
+
 .hero-testi-box {
-  background-color: purple;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 0px 8px;
   height: 100px;
   width: 700px;
 }
+
 .text-block-1 {
   padding: 20px 0px;
 }