diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index ead6b0f..1472ae9 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -386,7 +386,10 @@ const SignupPage = () => {
const signupForm = (
-
Create a Novodraft account
+ Create A Novodraft Account
+
+ Start a free trial - save hours and draft better discovery
+
+ Free trial available!
{showNoticeOnPage ? (
<>
@@ -474,7 +478,9 @@ const SignupPage = () => {
)}
);
- const magicIndex = currentPlan === "associate" ? 1 : 2;
+ const disableIndex =
+ currentPlan === "associate" ? 1 : currentPlan === "partner" ? 2 : 0;
+
return (
{!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}
/>
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index ecc36e9..3c715cb 100644
--- a/src/styles/signup.scss
+++ b/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;
}