more

src/Components/Home/HomePageB.js

@@ -367,6 +367,7 @@ const HomePageB = () => {
               </h2>
             </div>
             <div className="pad-2">
+              <div className="laptop-image-container">
                 <img
                   src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/5f0f6f11-bb56-4f03-b05e-189d4f1a5600/public"
                   alt="image of a laptop computer"
@@ -374,6 +375,7 @@ const HomePageB = () => {
                 />
               </div>
             </div>
+          </div>
           <div className="home-col-50">
             <div className="pad-2">
               <h2 className="section-three-header">
@@ -398,18 +400,19 @@ const HomePageB = () => {
                 Intellidraft AI technology powers persuasive arguments and makes
                 otherwise boilerplate objections compelling. Augment your
                 drafting as much or as little as you want. Novodraft actively
-                observes your edits, and, over time, incorporates your
+                observes your edits, and, over time, incorporates your preferred
-                personalized style.
+                style.
               </p>
               <p className="section-two-body">
                 Novodraft is not a “chatbot”, nor is it an “AI assitant”. It is
-                not subject to “hallucinations”.{" "}
+                a proprietary system optimized to elminate “hallucinations” and
+                augment your own drafting.
               </p>
               <p className="section-two-body">
-                This is an advanced, AI-assisted drafting tool, modeled on human
+                Modeled on real, human attorney's drafting styles, it
-                attorney's legal drafting styles. It algorithmically drafts
+                algorithmically generates discovery requests, responses and
-                discovery requests, responses and persuasive objections, within
+                persuasive objections, within specific natural language
-                specific NLP parameters. It even applies CRAC structure, where
+                processing parameters. It even applies CRAC structure, where
                 appropriate.
               </p>
               <p className="section-two-body"></p>

src/styles/homepage-b.scss

@@ -119,9 +119,9 @@ section.section-one {
 .arrow-container {
   display: flex;
   flex-direction: row;
-  margin-top: -10px;
+  margin-top: -6px;
   width: 980px;
-  height: 90px;
+  height: 70px;
 }
 
 .arrow-sub-left {
@@ -184,7 +184,7 @@ section.section-one {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  padding-right: 8px;
+  padding-right: 28px;
   width: 50%;
 }
 
@@ -229,16 +229,6 @@ section.section-one {
   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;
@@ -246,6 +236,10 @@ section.section-one {
   width: 520px;
 }
 
+.laptop-image-container {
+  padding-top: 1rem;
+}
+
 .text-block-1 {
   padding: 20px 0px;
 }
@@ -844,6 +838,18 @@ li.nav-item {
   }
 }
 
+@media only screen and (min-width: 1000px) and (max-width: 1200px) {
+  .laptop-image-container {
+    padding-top: 2rem;
+  }
+}
+
+@media only screen and (min-width: 580px) and (max-width: 1080px) {
+  .laptop-image-container {
+    padding-top: 5rem;
+  }
+}
+
 @media only screen and (max-width: 980px) {
   .hero-imgbox {
     width: 820px;