more

src/Components/SignupPage/SignupPage.js

@@ -386,7 +386,10 @@ const SignupPage = () => {
   const signupForm = (
     <div className="signup-sub-container">
       <div className="signup-header">
-        <h1 className="signup-header-text">Create a Novodraft account</h1>
+        <h1 className="signup-header-text">Create A Novodraft Account</h1>
+        <h5 className="signup-header-text trial">
+          Start a free trial - save hours and draft better discovery
+        </h5>
       </div>
       <Form className="signup-form">
         {splitEvery(
@@ -462,6 +465,7 @@ const SignupPage = () => {
           labelText="Select A Plan"
         />
       </div>
+      <div className="signup-freebie-box ">Free trial available!</div>
       {showNoticeOnPage ? (
         <>
           <br></br>
@@ -474,7 +478,9 @@ const SignupPage = () => {
       )}
     </div>
   );
-  const magicIndex = currentPlan === "associate" ? 1 : 2;
+  const disableIndex =
+    currentPlan === "associate" ? 1 : currentPlan === "partner" ? 2 : 0;
+
   return (
     <div className="signup-super-container">
       {!isUpgrade ? signupForm : <></>}
@@ -507,8 +513,8 @@ const SignupPage = () => {
                     activeRadioOption={activeRadioOption}
                     price={option.pricing}
                     isAnnual={isAnnual}
-                    isUpgrade={index < magicIndex ? true : false}
-                    disabled={index < magicIndex ? true : false}
+                    isUpgrade={index < disableIndex ? true : false}
+                    disabled={index < disableIndex ? true : false}
                     currentPlan={currentPlan}
                   />
                 </div>

src/styles/signup.scss

@@ -30,6 +30,11 @@
   letter-spacing: -0.6px;
   font-weight: 400;
   font-size: 2rem;
+  &.trial {
+    margin-top: -10px;
+    font-size: 1.16rem;
+    font-weight: 400;
+  }
 }
 
 .signup-subheader-text {
@@ -54,13 +59,24 @@
 
 .signup-button-box {
   width: 100%;
-  margin-bottom: 24px;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   padding-right: 14px;
 }
 
+.signup-freebie-box {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  padding-right: 22px;
+  margin-top: 12px;
+  margin-bottom: 24px;
+  font-size: 1.15rem;
+  color: #2759ff;
+}
+
 .signup-proceed {
   width: 160px;
 }