Surveycancellation

{
  "children": [
    {
      "component": "main",
      "context": {
        "children": [
          {
            "component": "section",
            "context": {
              "modifier": "_centered",
              "style": "padding-bottom: 0",
              "children": [
                {
                  "component": "row",
                  "context": {
                    "children": [
                      {
                        "component": "column",
                        "context": {
                          "span": 6,
                          "children": [
                            {
                              "component": "card",
                              "context": {
                                "modifier": "u-background-green-1 u-color-white _layered _leaf _contentcentered",
                                "style": "min-height: 440px;",
                                "children": [
                                  {
                                    "component": "heading",
                                    "context": {
                                      "level": 1,
                                      "text": "Cancellation Survey"
                                    }
                                  },
                                  {
                                    "component": "button",
                                    "context": {
                                      "modifier": "_large _light js-smoothscroll",
                                      "href": "#survey",
                                      "text": "Start"
                                    }
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      },
                      {
                        "component": "column",
                        "context": {
                          "span": 6,
                          "style": "padding-top: 3rem",
                          "children": [
                            {
                              "component": "image",
                              "context": {
                                "alt": "Sprout Social Survey",
                                "responsive": true,
                                "clearMobileMargin": true,
                                "modifier": "_left _mobile-full",
                                "style": "max-height: 440px",
                                "src": "//media.sproutsocial.com/uploads/sad-puppy.jpg"
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                },
                {
                  "component": "row",
                  "context": {
                    "children": [
                      {
                        "component": "column",
                        "context": {
                          "span": 12,
                          "children": [
                            {
                              "component": "lead",
                              "context": {
                                "text": "Thank you for being a Sprout Social customer. We’re sorry to see you go, and we’d love to learn more about what made you cancel your account.",
                                "style": "max-width: 40rem;"
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                }
              ]
            }
          },
          {
            "component": "section",
            "context": {
              "id": "survey",
              "modifier": "_centered",
              "children": [
                {
                  "component": "form",
                  "context": {
                    "action": "http://cl.exct.net/DEManager.aspx",
                    "method": "post",
                    "children": [
                      {
                        "component": "ol",
                        "context": {
                          "modifier": "Survey",
                          "children": [
                            {
                              "component": "question",
                              "context": {
                                "number": "01",
                                "children": [
                                  {
                                    "component": "fieldset",
                                    "context": {
                                      "children": [
                                        {
                                          "component": "legend",
                                          "context": {
                                            "children": [
                                              {
                                                "component": "lead",
                                                "context": {
                                                  "modifier": "_large",
                                                  "text": "What made you decide to leave Sprout?"
                                                }
                                              }
                                            ]
                                          }
                                        },
                                        {
                                          "component": "row",
                                          "context": {
                                            "style": "margin-top: 2rem;",
                                            "children": [
                                              {
                                                "component": "column",
                                                "context": {
                                                  "span": 12,
                                                  "modifier": "Checkboxes _centered",
                                                  "children": [
                                                    {
                                                      "component": "collapsible",
                                                      "context": {
                                                        "trigger": [
                                                          {
                                                            "component": "checkbox",
                                                            "context": {
                                                              "name": "WhyCancel",
                                                              "labelText": "It’s missing a network or network function I need:",
                                                              "value": "MissingNetwork"
                                                            }
                                                          }
                                                        ],
                                                        "container": [
                                                          {
                                                            "component": "fieldset",
                                                            "context": {
                                                              "ariaLabel": "It’s missing a network or network function I need:",
                                                              "children": [
                                                                {
                                                                  "component": "legend",
                                                                  "context": {
                                                                    "modifier": "u-text-screenreader",
                                                                    "children": [
                                                                      {
                                                                        "component": "lead",
                                                                        "context": {
                                                                          "text": "Which network or network function were you interested in?"
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                },
                                                                {
                                                                  "component": "row",
                                                                  "context": {
                                                                    "children": [
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 6,
                                                                          "children": [
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "MissingNetwork",
                                                                                "labelText": "Instagram",
                                                                                "value": "instagram"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "MissingNetwork",
                                                                                "labelText": "Snapchat",
                                                                                "value": "Snapchat"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "MissingNetwork",
                                                                                "labelText": "Other",
                                                                                "value": "Other"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      },
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 6,
                                                                          "children": [
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "MissingNetwork",
                                                                                "labelText": "Pinterest",
                                                                                "value": "Pinterest"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "MissingNetwork",
                                                                                "labelText": "YouTube",
                                                                                "value": "YouTube"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                },
                                                                {
                                                                  "component": "row",
                                                                  "context": {
                                                                    "children": [
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 12,
                                                                          "children": [
                                                                            {
                                                                              "component": "textarea",
                                                                              "context": {
                                                                                "resize": "vertical",
                                                                                "rows": 7,
                                                                                "name": "MissingNetworkText",
                                                                                "placeholder": "What would you like to see from this network?",
                                                                                "ariaLabel": "What would you like to see from this network?"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                }
                                                              ]
                                                            }
                                                          }
                                                        ]
                                                      }
                                                    },
                                                    {
                                                      "component": "collapsible",
                                                      "context": {
                                                        "trigger": [
                                                          {
                                                            "component": "checkbox",
                                                            "context": {
                                                              "name": "WhyCancel",
                                                              "labelText": "It’s missing a feature I need:",
                                                              "value": "MissingFeature"
                                                            }
                                                          }
                                                        ],
                                                        "container": [
                                                          {
                                                            "component": "row",
                                                            "context": {
                                                              "children": [
                                                                {
                                                                  "component": "column",
                                                                  "context": {
                                                                    "span": 12,
                                                                    "children": [
                                                                      {
                                                                        "component": "textarea",
                                                                        "context": {
                                                                          "id": "MissingFeature",
                                                                          "resize": "vertical",
                                                                          "rows": 7,
                                                                          "name": "MissingFeatureText",
                                                                          "placeholder": "Tell us what was missing.",
                                                                          "labelText": "It’s missing a feature I need:",
                                                                          "labelTextModifier": "u-text-screenreader"
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                }
                                                              ]
                                                            }
                                                          }
                                                        ]
                                                      }
                                                    },
                                                    {
                                                      "component": "collapsible",
                                                      "context": {
                                                        "trigger": [
                                                          {
                                                            "component": "checkbox",
                                                            "context": {
                                                              "name": "WhyCancel",
                                                              "labelText": "It’s too expensive:",
                                                              "value": "TooExpensive"
                                                            }
                                                          }
                                                        ],
                                                        "container": [
                                                          {
                                                            "component": "fieldset",
                                                            "context": {
                                                              "ariaLabel": "It’s too expensive:",
                                                              "children": [
                                                                {
                                                                  "component": "row",
                                                                  "context": {
                                                                    "children": [
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 12,
                                                                          "children": [
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "TooExpensive",
                                                                                "modifier": null,
                                                                                "labelText": "I don’t get enough value for what I pay",
                                                                                "value": "NotEnoughValue"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "TooExpensive",
                                                                                "modifier": null,
                                                                                "labelText": "Competitors offer similar products for cheaper",
                                                                                "value": "CompetitorsAreCheaper"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "TooExpensive",
                                                                                "modifier": null,
                                                                                "labelText": "My budget was cut",
                                                                                "value": "BudgetCut"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                }
                                                              ]
                                                            }
                                                          }
                                                        ]
                                                      }
                                                    },
                                                    {
                                                      "component": "collapsible",
                                                      "context": {
                                                        "trigger": [
                                                          {
                                                            "component": "checkbox",
                                                            "context": {
                                                              "name": "WhyCancel",
                                                              "labelText": "Internal business reasons:",
                                                              "value": "InternalBusinessReason"
                                                            }
                                                          }
                                                        ],
                                                        "container": [
                                                          {
                                                            "component": "fieldset",
                                                            "context": {
                                                              "ariaLabel": "Internal business reasons:",
                                                              "children": [
                                                                {
                                                                  "component": "row",
                                                                  "context": {
                                                                    "children": [
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 12,
                                                                          "children": [
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "InternalBusinessReason",
                                                                                "labelText": "Business is closing",
                                                                                "value": "BusinessClosing"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "InternalBusinessReason",
                                                                                "labelText": "Client engagement/project is complete",
                                                                                "value": "ProjectComplete"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "InternalBusinessReason",
                                                                                "labelText": "New management",
                                                                                "value": "NewManagement"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "InternalBusinessReason",
                                                                                "labelText": "Employee turnover",
                                                                                "value": "EmployeeTurnover"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "InternalBusinessReason",
                                                                                "labelText": "We’re no longer focusing on social media",
                                                                                "value": "NoLongerFocusingOnSocial"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                }
                                                              ]
                                                            }
                                                          }
                                                        ]
                                                      }
                                                    },
                                                    {
                                                      "component": "collapsible",
                                                      "context": {
                                                        "trigger": [
                                                          {
                                                            "component": "checkbox",
                                                            "context": {
                                                              "name": "WhyCancel",
                                                              "labelText": "I didn’t enjoy my Sprout experience:",
                                                              "value": "DidNotEnjoySprout"
                                                            }
                                                          }
                                                        ],
                                                        "container": [
                                                          {
                                                            "component": "fieldset",
                                                            "context": {
                                                              "ariaLabel": "I didn’t enjoy my Sprout experience:",
                                                              "children": [
                                                                {
                                                                  "component": "row",
                                                                  "context": {
                                                                    "children": [
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 12,
                                                                          "children": [
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "DidNotEnjoySprout",
                                                                                "labelText": "It was too buggy",
                                                                                "value": "TooBuggy"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "DidNotEnjoySprout",
                                                                                "labelText": "Support was inadequate",
                                                                                "value": "SupportInadequate"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "DidNotEnjoySprout",
                                                                                "labelText": "We couldn’t get anyone to use it",
                                                                                "value": "NotUsed"
                                                                              }
                                                                            },
                                                                            {
                                                                              "component": "checkbox",
                                                                              "context": {
                                                                                "name": "DidNotEnjoySprout",
                                                                                "labelText": "The product was ineffective:",
                                                                                "value": "IneffectiveProduct"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                }
                                                              ]
                                                            }
                                                          }
                                                        ]
                                                      }
                                                    },
                                                    {
                                                      "component": "collapsible",
                                                      "context": {
                                                        "trigger": [
                                                          {
                                                            "component": "checkbox",
                                                            "context": {
                                                              "name": "WhyCancel",
                                                              "labelText": "We’re headed to a competitor",
                                                              "value": "HeadedToCompetitor"
                                                            }
                                                          }
                                                        ],
                                                        "container": [
                                                          {
                                                            "component": "fieldset",
                                                            "context": {
                                                              "ariaLabel": "We’re headed to a competitor",
                                                              "children": [
                                                                {
                                                                  "component": "row",
                                                                  "context": {
                                                                    "children": [
                                                                      {
                                                                        "component": "column",
                                                                        "context": {
                                                                          "span": 12,
                                                                          "children": [
                                                                            {
                                                                              "component": "textarea",
                                                                              "context": {
                                                                                "resize": "vertical",
                                                                                "rows": 7,
                                                                                "name": "HeadedToCompetitorText",
                                                                                "placeholder": "Which competitor?",
                                                                                "labelText": "Tell us which competitor you chose.",
                                                                                "labelTextModifier": "u-text-screenreader"
                                                                              }
                                                                            }
                                                                          ]
                                                                        }
                                                                      }
                                                                    ]
                                                                  }
                                                                }
                                                              ]
                                                            }
                                                          }
                                                        ]
                                                      }
                                                    }
                                                  ]
                                                }
                                              }
                                            ]
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            },
                            {
                              "component": "question",
                              "context": {
                                "number": "02",
                                "modifier": "_no-line",
                                "children": [
                                  {
                                    "component": "label",
                                    "context": {
                                      "children": [
                                        {
                                          "component": "lead",
                                          "context": {
                                            "modifier": "_large",
                                            "text": "Is there anything we can do to keep your business?"
                                          }
                                        },
                                        {
                                          "component": "textarea",
                                          "context": {
                                            "style": "margin-top: 2rem",
                                            "resize": "vertical",
                                            "rows": 7,
                                            "name": "HowToKeepYourBusinessText",
                                            "placeholder": "Please tell us what we could do to keep your business."
                                          }
                                        }
                                      ]
                                    }
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      },
                      {
                        "component": "row",
                        "context": {
                          "style": "margin: auto",
                          "children": [
                            {
                              "component": "column",
                              "context": {
                                "span": 12,
                                "children": [
                                  {
                                    "component": "html",
                                    "context": {
                                      "content": "\n                                                                                <input type=\"hidden\" name=\"_clientID\" value=\"7225729\" />\n                                                                                <input type=\"hidden\" name=\"_deExternalKey\" value=\"Cancellation_Survey\" />\n                                                                                <input type=\"hidden\" name=\"_action\" value=\"add\" />\n                                                                                <input type=\"hidden\" name=\"_returnXML\" value=\"0\" />\n                                                                                <input type=\"hidden\" name=\"_successURL\" value=\"http://cloud.email.sproutsocial.com/cancellationsurveythankyou\" />\n                                                                                <input type=\"hidden\" name=\"_errorURL\" value=\"http://pub.s7.exacttarget.com/ngjqzcka3xz\" />\n                                                                                <input type=\"hidden\" name=\"EmailAddress\" value=\"%%emailaddr%%\" />\n                                                                                <input type=\"hidden\" name=\"SubscriberKey\" value=\"%%_subscriberkey%%\" />"
                                    }
                                  },
                                  {
                                    "component": "button",
                                    "context": {
                                      "type": "submit",
                                      "modifier": "_large _submit",
                                      "text": "Submit"
                                    }
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      }
                    ]
                  }
                }
              ]
            }
          }
        ]
      }
    }
  ]
}