more

src/Constants/Fields/RadioFields.js

@@ -3,23 +3,32 @@ export const signupRadioFields = [
     name: "Monthly - basic",
     label: "Monthly - basic",
     value: "monthlyBasic",
-    description: "Generate 1 document per month",
+    description: [
-    details: "Billed every month",
+      "1 document per month",
+      "Carryover one unused doc to next period",
+      "24/7 support",
+    ],
+    details: "",
     price: 89,
   },
   {
     name: "Monthly - pro",
     label: "Monthly - pro",
     value: "monthlyProPlan",
-    description: "Generate up to 3 documents per month",
+    description: [
-    details: "Billed every three months. A xxx percent savings",
+      "3 documents per month",
+      "Carryover two unused docs to next period",
+      "Additional accounts: first: 39, after: 59/each",
+      "24/7 support",
+    ],
+    details: "",
     price: 159,
   },
   {
     name: "Annual - unlimted annual",
     label: "Annual - unlimited annual",
     value: "annualUnlimited",
-    description: "Generate unlimited documents.",
+    description: ["Generate unlimited documents.", "24/7 support"],
     details: "Billed annualy. A xxx percent savings",
     price: 1489,
   },

src/pageElements/Toggle.js

@@ -5,12 +5,8 @@ function Toggle() {
   return (
     <>
       <ToggleButtonGroup type="radio" name="options" defaultValue={1}>
-        <ToggleButton id="tbg-radio-1" value={1}>
+        <ToggleButton id="tbg-radio-1" value={1}></ToggleButton>
-          ''
+        <ToggleButton id="tbg-radio-2" value={2}></ToggleButton>
-        </ToggleButton>
-        <ToggleButton id="tbg-radio-2" value={2}>
-          ''
-        </ToggleButton>
       </ToggleButtonGroup>
     </>
   );