more

src/Components/Home/HomePageB.js

@@ -18,7 +18,7 @@ const HomePageB = () => {
   const [notice, setNotice] = useState("");
   const heroString =
     "Interrogatories, requests for admissions/production + motions. ";
-  const heroString2 = "Done  in < 10 minutes.  For $9.75/week.";
+  const heroString2 = "Done  in < 10 minutes.  For $9.50/week.";
   const apiUrl =
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
@@ -288,6 +288,18 @@ const HomePageB = () => {
                 ATTN: Attorneys - reclaim hours every week. Spend more time
                 growing your practice, or just get home in time for dinner.
               </div>
+              <div className="arrow-container">
+                <div className="arrow-sub-left"></div>
+                <div className="arrow-sub-right">
+                  <div className="arrow-left"></div>
+                  <div className="arrow-right">
+                    <img
+                      className="testi-arrow"
+                      src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/046d4940-35e7-481f-e3c1-259cc32d3800/public"
+                    ></img>
+                  </div>
+                </div>
+              </div>
               <div className="hero-testi-box">
                 <div className="hero-testi-left">
                   <StarFill
@@ -543,7 +555,7 @@ const HomePageB = () => {
                 Request a demo
               </button>
               <button className="button-2" onClick={handleLogin}>
-                Go to login
+                Start a free trial
               </button>
             </div>
           </div>

src/styles/homepage-b.scss

@@ -116,6 +116,43 @@ section.section-one {
   padding-left: 20px;
 }
 
+.arrow-container {
+  display: flex;
+  flex-direction: row;
+  margin-top: -10px;
+  width: 980px;
+  height: 90px;
+}
+
+.arrow-sub-left {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  width: 50%;
+}
+
+.arrow-sub-right {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  width: 50%;
+}
+
+.arrow-left {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  width: 35%;
+}
+
+.arrow-right {
+  //
+}
+
+.testi-arrow {
+  height: 60px;
+}
+
 .hero-text-container {
   display: flex;
   flex-direction: column;
@@ -158,7 +195,7 @@ section.section-one {
   align-items: center;
   justify-content: center;
   margin: auto;
-  padding-left: 20px;
+  padding-left: 30px;
   width: 50%;
 }