more

src/Components/Home/HomePageB.js

@@ -16,7 +16,9 @@ const HomePageB = () => {
   const [showPromoModal, setShowPromoModal] = useState(false);
   const [isBusy, setIsBusy] = useState(false);
   const [notice, setNotice] = useState("");
-
+  const heroString =
+    "Interrogatories, requests for admissions/production + motions. ";
+  const heroString2 = "Done  in < 10 minutes.  For $9.75/week.";
   const apiUrl =
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
@@ -258,7 +260,14 @@ const HomePageB = () => {
 
   const homeContent = (
     <div className="homepage-container">
-      <section className="section-one"></section>
+      <section className="section-one">
+        <div className="hero-text-container">
+          <h1 className="hero-top">AI-asssisted legal drafting</h1>
+          <div className="hero-middle">{heroString}</div>
+          <div className="hero-middle">{heroString2}</div>
+        </div>
+      </section>
+
       {/* Section 2 */}
       <section className="section-2">
         <div className="home-row">
@@ -300,17 +309,24 @@ const HomePageB = () => {
               <p className="section-two-body">
                 Intellidraft AI technology powers persuasive arguments and makes
                 otherwise boilerplate objections compelling. Use it to augment
-                your drafting as much or as little as you prefer.
+                your drafting as much or as little as you prefer. It learns from
+                your edits, and, over time, drafts in your personalized style.
               </p>
+              <p className="section-two-body">
+                Novodraft is not a “chatbot”, nor is it an “AI assitant”. It is
+                not subject to “hallucinations”.{" "}
+              </p>
+              <p className="section-two-body">
+                Novodraft is an AI-assisted discovery drafting tool, modeled on
+                human attorney’s legal writing styles. It programmatically
+                drafts responses and persuasive objections. Where appropriate it
+                applies CRAC structure.
+              </p>
+              <p className="section-two-body"></p>
               <div
                 className="home-link-box"
                 onClick={() => clickedExploreLink()}
-              >
+              ></div>
-                <div className="explore-link">
-                  Explore Novodraft
-                  <img src={arrow} className="img-1" alt="" />
-                </div>
-              </div>
             </div>
           </div>
         </div>
@@ -528,4 +544,9 @@ export default HomePageB;
               </div>
             </div>
           </div>
+
+                          <div className="explore-link">
+                  Explore Novodraft
+                  <img src={arrow} className="img-1" alt="" />
+                </div>
         */

src/styles/homepage-b.scss

@@ -14,7 +14,7 @@
 }
 
 .pad-2 {
-  padding: 2rem 0.5rem;
+  padding: 1rem 0.5rem;
 }
 
 a {
@@ -52,6 +52,22 @@ ul.navbar-nav {
 section.section-one {
   height: 680px;
   display: flex;
+  justify-content: center;
+}
+
+.hero-top {
+  font-size: 1.9rem;
+  color: #000;
+  font-family: Roboto;
+}
+
+.hero-middle {
+  font-size: 2.8rem;
+  text-align: center;
+  color: #000;
+  font-family: Roboto;
+  font-weight: 500;
+  line-height: 3.4rem;
 }
 
 .first-section-subcontainer {
@@ -59,6 +75,13 @@ section.section-one {
   padding-left: 20px;
 }
 
+.hero-text-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 980px;
+}
+
 .text-block-1 {
   padding: 20px 0px;
 }
@@ -246,6 +269,7 @@ p.text-block-2.text-center {
   padding-left: 2px;
   font-size: 1.12rem;
 }
+
 .card-upper-box {
   display: flex;
   flex-direction: row;