more

src/Components/SignupPage/SignupPage.js

@@ -62,6 +62,8 @@ const SignupPage = () => {
   const [showPromoModal, setShowPromoModal] = useState(false);
   const [issueText, setIssueText] = useState("");
   const [isAnnual, setIsAnnual] = useState(1);
+  const [valX, setValX] = useState(0);
+  const [valY, setValY] = useState(2);
 
   const handleChangeInput = (e, name) => {
     const newData = handleFormDataChange(e, name, data, signupFields);

src/Constants/Fields/RadioFields.js

@@ -1,4 +1,21 @@
 export const signupRadioFields = [
+  {
+    name: "Of Counsel",
+    label: "Of Counsel",
+    value: "ofCounsel",
+    description: [
+      "One document/one-time fee",
+      "Documents conforming with state rules",
+      "Intellidraft AI - have a downloadable doc in minutes",
+      "24/7 support",
+    ],
+    details: "",
+    docsAllowedPerMonth: 1,
+    pricing: [
+      { type: "monthly", amount: 59 },
+      { type: "annDiscount", amount: 59 },
+    ],
+  },
   {
     name: "Associate",
     label: "Associate",
@@ -7,6 +24,7 @@ export const signupRadioFields = [
       "1 document per month",
       "Carryover 1 unused document each subscription period",
       "Documents conforming with state rules",
+      "Intellidraft AI - have a downloadable doc in minutes",
       "24/7 support",
       "First month free!",
     ],
@@ -26,6 +44,7 @@ export const signupRadioFields = [
       "3 documents per month",
       "Carryover 1 unused document per month",
       "Documents conforming with state rules",
+      "Intellidraft AI - have a downloadable doc in minutes",
       "Up to 2 additional accounts: $49/each",
       "24/7 support",
     ],

src/pageElements/Radio.js

@@ -43,7 +43,7 @@ const Radio = (props) => {
               )}
               <div className="radio-name-box"> {`${name}`} </div>
               <div className="radio-price-box">
-                {parentIndex > 2 ? (
+                {value === "ofCounsel" ? (
                   <div className="radio-price">
                     {`$${price[index]["amount"]}/doc`}
                   </div>

src/styles/radio.scss

@@ -7,7 +7,7 @@
   &.not-upgrade {
     background-color: #fff;
   }
-  height: 290px;
+  height: 345px;
   margin: 10px 8px 0px 8px;
   border-radius: 5px;
   border: 1px solid #d4d4d4;

src/styles/signup.scss

@@ -117,7 +117,7 @@
   flex-direction: column;
   margin-top: 24px;
   width: 920px;
-  min-height: 510px;
+  min-height: 540px;
   border-radius: 10px;
   background-color: rgb(240, 247, 250);
   border: 1px solid #e9e9e9;
@@ -167,10 +167,8 @@
 .radio-group-box {
   display: flex;
   flex-direction: row;
-  flex-wrap: wrap;
+  justify-content: center;
-  justify-content: flex-end;
   padding: 6px;
-  width: 100%;
 }
 
 .select-plan-summary-box {
@@ -197,8 +195,7 @@
 }
 
 .signup-radio-container {
-  width: 300px;
+  width: 280px;
-  height: 100%;
 }
 
 .signup-feat-item {