From 1646c2565ace89af9b30ec003df9e64efd527176 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 20 Apr 2024 16:29:33 -0500
Subject: [PATCH] more

---
 src/Components/Home/HomePageB.js | 87 ++++++++++++++++++--------------
 src/styles/homepage-b.scss       | 75 +++++++++++++++++++++++++--
 2 files changed, 121 insertions(+), 41 deletions(-)

diff --git a/src/Components/Home/HomePageB.js b/src/Components/Home/HomePageB.js
index 7a84f78..0b44c09 100644
--- a/src/Components/Home/HomePageB.js
+++ b/src/Components/Home/HomePageB.js
@@ -289,43 +289,56 @@ const HomePageB = () => {
                 growing your practice, or just get home in time for dinner.
               </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 1,100 Novodrafters
+                <div className="hero-testi-left">
+                  <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 1,100 Novodrafters
+                  </div>
+                </div>
+                <div className="hero-testi-right">
+                  <div className="hero-testi-right-inner">
+                    <div className="hero-test-pic-box">
+                      <img
+                        className="hero-testi-face"
+                        src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/dfa2feb0-c3fe-4da8-3ec5-ada7961d8700/public"
+                      ></img>
+                    </div>
+                    <div className="hero-testi-text"></div>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/src/styles/homepage-b.scss b/src/styles/homepage-b.scss
index 430292c..39b01e6 100644
--- a/src/styles/homepage-b.scss
+++ b/src/styles/homepage-b.scss
@@ -105,10 +105,10 @@ section.section-one {
 }
 
 .hero-button-box {
-  margin-top: 60px;
+  margin-top: 50px;
   padding-left: 8px;
   width: 100%;
-  height: 160px;
+  height: 130px;
 }
 
 .first-section-subcontainer {
@@ -133,13 +133,80 @@ section.section-one {
 }
 
 .hero-testi-box {
+  background-color: lightgreen;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: 0px 8px;
   height: 100px;
-  width: 700px;
+  width: 1300px;
+}
+
+.hero-testi-left {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: 8px;
+  width: 50%;
+}
+
+.hero-testi-right {
+  width: 250px;
+  height: 90px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+  width: 50%;
+}
+
+.hero-testi-right-inner {
+  display: flex;
+  width: 80%;
+  height: 90%;
+  border-radius: 10px;
+  align-items: center;
+}
+
+.hero-test-pic-box {
+  display: flex;
+  width: 48%;
+  height: 100%;
+  align-items: center;
+}
+
+.hero-test-pic-box1 {
+  //
+}
+
+.hero-testi-pic {
+  height: 75px;
+  width: 75px;
+  border-radius: 50%;
+  margin-left: -40px;
+}
+
+.hero-testi-face {
+  height: 60px;
+  border-radius: 20px;
+}
+.upper-testi-text {
+  font-family: Roboto;
+  font-size: 1rem;
+  margin-right: 6px;
+}
+
+.lower-testi-text {
+  margin-top: -4px;
+  margin-left: 15px;
+}
+
+.hero-testi-text {
+  display: flex;
+  flex-direction: column;
+  width: 520px;
 }
 
 .text-block-1 {
@@ -503,7 +570,7 @@ p.text-block-4 {
   align-items: center;
   justify-content: center;
   margin: 12px auto 0px auto;
-  color: #757575;
+  color: #000;
   letter-spacing: 0.13rem;
 }