Merge pull request #16 from kjannette/walt2

Walt2

src/Constants/Copy/featuresCopy.js

@@ -27,23 +27,23 @@ export const FeaturesBottom = () => {
   return (
     <div className="features-copy-wrapper">
       <h4 className="features-header-text">
-        Discovery requests dramatically fast{" "}
+        Discovery requests dramatically fast
+        <p className="features-asterisk">*</p>
       </h4>
       <ul className="features-list">
         <li className="features-list-item-lower">
           Click mate: Generate discovery requests with a few clicks, with the
-          help of your Intellidraft AI assistant.
+          help of your Intellidraft AI assistant. And/or...
         </li>
         <li className="features-list-item-lower">
-          Options: Select manually from a comprehensive request library,
-          categorized by case type and customizable to your case's facts.
+          Options: Also, select from the comprehensive request library,
+          categorized by case type, customizable by you.
         </li>
         <li className="features-list-item-lower">
-          Done: get a draft together in minutes, with a formatted .docx for
-          service.
+          Done: get a draft in minutes, with a formatted .docx for service.
         </li>
       </ul>
-      <p className="steps-p"></p>
+      <p className="features-disclosure">* Launching spring '24</p>
     </div>
   );
 };

src/styles/features.scss

@@ -12,11 +12,23 @@
 }
 
 .features-header-text {
+  display: flex;
+  flex-direction: row;
   margin-top: 8px;
   margin-left: 8px;
   padding-left: 7px;
 }
 
+.features-asterisk {
+  font-size: 12px;
+}
+
+.features-disclosure {
+  font-size: 12px;
+  float: right;
+  margin-right: 32px;
+}
+
 .features-bottom-wrapper {
   display: flex;
   flex-direction: row;
@@ -51,7 +63,7 @@
   align-items: center;
   margin: auto;
   padding: 6px 8px;
-  width: 50%;
+  width: 55%;
   background-color: var(--haq-blue);
   border-radius: 15px;
   height: 100%;
@@ -61,7 +73,7 @@
   display: flex;
   flex-direction: column;
   padding: 18px 8px;
-  width: 50%;
+  width: 45%;
   height: 100%;
 }
 
@@ -78,7 +90,14 @@
   width: 94%;
   text-align: justify;
   font-size: 1.05rem;
-  margin: 28px 0px;
+  margin: 18px 0px;
+}
+
+.features-list-item-lower {
+  width: 94%;
+  text-align: justify;
+  font-size: 1.05rem;
+  margin: 16px 0px;
 }
 
 .features-top-mobile-img {
@@ -125,8 +144,8 @@
   }
 
   .features-header-text {
-    letter-spacing: -0.07rem;
-    margin-top: 0px;
+    letter-spacing: -0.09rem;
+    margin-top: 6px;
     padding: 0px;
   }