divjoy-project.json

{
  "data": [
    {
      "type": "instance",
      "subtype": "app-instance",
      "componentId": "app",
      "id": 4012090,
      "isVisible": true,
      "children": []
    }
  ],
  "components": [
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Nav",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Nav",
        "default": "Nav"
      },
      "id": 8654202,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Nav",
      "nameStyleModule": "Nav",
      "modulePath": "react-bootstrap/Nav"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Nav.Item",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Nav",
        "default": "Nav"
      },
      "id": 3874764,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Nav.Item",
      "nameStyleModule": "Nav.Item",
      "modulePath": "react-bootstrap/Nav"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Nav.Link",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Nav",
        "default": "Nav"
      },
      "id": 2031462,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Nav.Link",
      "nameStyleModule": "Nav.Link",
      "modulePath": "react-bootstrap/Nav"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Navbar",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Navbar",
        "default": "Navbar"
      },
      "id": 5692101,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Navbar",
      "nameStyleModule": "NavbarComponent",
      "modulePath": "react-bootstrap/Navbar"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Navbar.Brand",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Navbar",
        "default": "Navbar"
      },
      "id": 3474382,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Navbar.Brand",
      "nameStyleModule": "Navbar.Brand",
      "modulePath": "react-bootstrap/Navbar"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Navbar.Toggle",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Navbar",
        "default": "Navbar"
      },
      "id": 7703235,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Navbar.Toggle",
      "nameStyleModule": "Navbar.Toggle",
      "modulePath": "react-bootstrap/Navbar"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Navbar.Collapse",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Navbar",
        "default": "Navbar"
      },
      "id": 1064541,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Navbar.Collapse",
      "nameStyleModule": "Navbar.Collapse",
      "modulePath": "react-bootstrap/Navbar"
    },
    {
      "type": "component",
      "name": "Navbar Custom",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 5692101,
          "id": 338351,
          "attributes": "{\n\tbg: props.bg,\n  variant: props.variant,\n  expand: props.expand\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 9459815,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 3474382,
                  "id": 7235789,
                  "attributes": "{\n\thref: \"/\"\n}",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "img",
                      "attributes": "{\n  src: props.logo,\n  alt: \"Logo\",\n  height: \"30\"\n}",
                      "classNames": ["d-inline-block", "align-top"],
                      "id": 2786374,
                      "isVisible": true,
                      "image": "",
                      "name": "",
                      "classNameExpressions": [],
                      "style": "",
                      "children": [],
                      "propsArray": [
                        {
                          "key": "src",
                          "value": "props.logo",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "alt",
                          "value": "Logo",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "height",
                          "value": "30",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "href",
                      "value": "/",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 7703235,
                  "id": 5141367,
                  "attributes": "{\n\t'aria-controls': \"navbar-nav\",\n  className: \"border-0\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "aria-controls",
                      "value": "navbar-nav",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "className",
                      "value": "border-0",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 1064541,
                  "id": 6146537,
                  "attributes": "{\n\tid: \"navbar-nav\",\n  className: \"justify-content-end\"\n}",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 8654202,
                      "id": 855664,
                      "children": [
                        {
                          "type": "if",
                          "js": "auth.user",
                          "id": 9355357,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 3538237,
                              "id": 5829386,
                              "children": [
                                {
                                  "type": "instance",
                                  "subtype": "external-instance",
                                  "componentId": 7393532,
                                  "id": 4904643,
                                  "children": [
                                    {
                                      "type": "text",
                                      "text": "Dashboard",
                                      "id": 2496932,
                                      "isVisible": true,
                                      "children": []
                                    }
                                  ],
                                  "attributes": "{\n\thref: \"/dashboard\",\n  active: false\n}",
                                  "isVisible": true,
                                  "propsArray": [
                                    {
                                      "key": "href",
                                      "value": "/dashboard",
                                      "isString": true,
                                      "type": "StringLiteral"
                                    },
                                    {
                                      "key": "active",
                                      "value": "false",
                                      "isString": false,
                                      "type": "BooleanLiteral"
                                    }
                                  ]
                                },
                                {
                                  "type": "instance",
                                  "subtype": "external-instance",
                                  "componentId": 7393532,
                                  "id": 4622855,
                                  "children": [
                                    {
                                      "type": "text",
                                      "text": "Settings",
                                      "id": 3020012,
                                      "isVisible": true,
                                      "children": []
                                    }
                                  ],
                                  "attributes": "{\n\thref: \"/settings\",\n  active: false\n}",
                                  "isVisible": true,
                                  "propsArray": [
                                    {
                                      "key": "href",
                                      "value": "/settings",
                                      "isString": true,
                                      "type": "StringLiteral"
                                    },
                                    {
                                      "key": "active",
                                      "value": "false",
                                      "isString": false,
                                      "type": "BooleanLiteral"
                                    }
                                  ]
                                },
                                {
                                  "type": "instance",
                                  "subtype": "external-instance",
                                  "componentId": 7194631,
                                  "id": 3959982,
                                  "isVisible": true,
                                  "attributes": "{\n\n}",
                                  "children": [],
                                  "propsArray": []
                                },
                                {
                                  "type": "instance",
                                  "subtype": "external-instance",
                                  "componentId": 7393532,
                                  "id": 928413,
                                  "children": [
                                    {
                                      "type": "text",
                                      "text": "Sign out",
                                      "id": 7858069,
                                      "isVisible": true,
                                      "children": []
                                    }
                                  ],
                                  "attributes": "{\n  href: \"/auth/signout\",\n  active: false,\n  onClick: (e) => {\n    e.preventDefault();\n    auth.signout();\n  }\n}",
                                  "isVisible": true,
                                  "propsArray": [
                                    {
                                      "key": "href",
                                      "value": "/auth/signout",
                                      "isString": true,
                                      "type": "StringLiteral"
                                    },
                                    {
                                      "key": "active",
                                      "value": "false",
                                      "isString": false,
                                      "type": "BooleanLiteral"
                                    },
                                    {
                                      "key": "onClick",
                                      "value": "(e) => {\n  e.preventDefault();\n  auth.signout();\n}",
                                      "isString": false,
                                      "type": "ArrowFunctionExpression"
                                    }
                                  ]
                                }
                              ],
                              "attributes": "{\n  id: \"dropdown\",\n\ttitle: \"Account\",\n  alignRight: true\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "id",
                                  "value": "dropdown",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "title",
                                  "value": "Account",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "alignRight",
                                  "value": "true",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 278268,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 3927193,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "About",
                                  "id": 2968729,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/about\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/about",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 9345782,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 2760996,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "Programs",
                                  "id": 3194088,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/programs\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/programs",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 8215293,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 9519720,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "Testimonials",
                                  "id": 9334832,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/testimonials\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/testimonials",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 2696472,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 6040029,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "Apply",
                                  "id": 696773,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/apply\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/apply",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 7334967,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 7242027,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "Team",
                                  "id": 8222046,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/Team\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/Team",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 1049084,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 9653214,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "Volunteer",
                                  "id": 6525843,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/volunteer\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/volunteer",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 2019022,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 2633407,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "Donate",
                                  "id": 8941634,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/donate\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/donate",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 3874764,
                          "id": 5363630,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2031462,
                              "id": 3103546,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "FAQ",
                                  "id": 2693983,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\thref: \"/faq\",\n  active: false\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "href",
                                  "value": "/faq",
                                  "isString": true,
                                  "type": "StringLiteral"
                                },
                                {
                                  "key": "active",
                                  "value": "false",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "propsArray": []
                        },
                        {
                          "type": "if",
                          "js": "!auth.user",
                          "id": 2748018,
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 3874764,
                              "id": 7272413,
                              "children": [
                                {
                                  "type": "instance",
                                  "subtype": "external-instance",
                                  "componentId": 2031462,
                                  "id": 6503260,
                                  "children": [
                                    {
                                      "type": "text",
                                      "text": "Student Login",
                                      "id": 4187541,
                                      "isVisible": true,
                                      "children": []
                                    }
                                  ],
                                  "attributes": "{\n\thref: \"/auth/login\",\n  active: false\n}",
                                  "isVisible": true,
                                  "propsArray": [
                                    {
                                      "key": "href",
                                      "value": "/auth/login",
                                      "isString": true,
                                      "type": "StringLiteral"
                                    },
                                    {
                                      "key": "active",
                                      "value": "false",
                                      "isString": false,
                                      "type": "BooleanLiteral"
                                    }
                                  ]
                                }
                              ],
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "propsArray": []
                            }
                          ],
                          "isVisible": true
                        }
                      ],
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "id",
                      "value": "navbar-nav",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "className",
                      "value": "justify-content-end",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "variant",
              "value": "props.variant",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "expand",
              "value": "props.expand",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 7907106,
      "tags": ["Navigation"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "NavbarCustom",
      "nameStyleModule": "NavbarCustom",
      "modulePath": "src/components/NavbarCustom"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "NavDropdown.Item",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/NavDropdown",
        "default": "NavDropdown"
      },
      "id": 7393532,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "NavDropdown.Item",
      "nameStyleModule": "NavDropdown.Item",
      "modulePath": "react-bootstrap/NavDropdown"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "NavDropdown",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/NavDropdown",
        "default": "NavDropdown"
      },
      "id": 3538237,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "NavDropdown",
      "nameStyleModule": "NavDropdown",
      "modulePath": "react-bootstrap/NavDropdown"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "children": [
        {
          "type": "instance",
          "componentId": 1952882,
          "id": 7698388,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Your landing page title here\",\n  subtitle: \"This landing page is perfect for showing off your awesome product and driving people to sign up for a paid plan.\",\n  buttonText: \"Get Started\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  // Image on right\n  image: 'https://uploads.divjoy.com/undraw-japan_ubgk.svg',\n  // Button onClick handler\n  buttonOnClick: () => {\n    // Navigate to pricing page\n    router.push('/pricing');\n  }\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Your landing page title here",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "This landing page is perfect for showing off your awesome product and driving people to sign up for a paid plan.",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Get Started",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "image",
              "value": "https://uploads.divjoy.com/undraw-japan_ubgk.svg",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonOnClick",
              "value": "() => {\n  // Navigate to pricing page\n  router.push('/pricing');\n}",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 2115492,
          "id": 4167612,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Features\",\n  subtitle: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.\"\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Features",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 6610050,
          "id": 4402895,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"You're in good company\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Clients Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "You're in good company",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 446637,
          "id": 8068392,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"light\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"Here's what people are saying\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "light",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Here's what people are saying",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 938751,
          "id": 1205801,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Applications are open!\",\n  subtitle: \"Apply for the 2020 Destined for X virtual program! Applications are now open and acceptances will be sent out on a rolling basis. Hurry, as spaces do tend to fill up. Click below for more info.\",\n  buttonText: \"Apply\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  // Button onClick handler\n  buttonOnClick: () => {\n    // Navigate to pricing page\n    router.push('/apply');\n  }\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "CTA Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Applications are open!",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Apply for the 2020 Destined for X virtual program! Applications are now open and acceptances will be sent out on a rolling basis. Hurry, as spaces do tend to fill up. Click below for more info.",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Apply",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonOnClick",
              "value": "() => {\n  // Navigate to pricing page\n  router.push('/apply');\n}",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 6266495,
          "id": 6069326,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Stay in the know\",\n  subtitle: \"Receive updates on programs, news, and more.\",\n  buttonText: \"Subscribe\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  inputPlaceholder: \"Enter your email\",\n  subscribedMessage: \"You are now subscribed!\"\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Stay in the know",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Receive updates on programs, news, and more.",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Subscribe",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "inputPlaceholder",
              "value": "Enter your email",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subscribedMessage",
              "value": "You are now subscribed!",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "id": 8064060,
      "isVisible": true,
      "code": "",
      "path": "",
      "nameFormatted": "IndexPage",
      "nameStyleModule": "IndexPage",
      "modulePath": "src/pages/index"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Button",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Button",
        "default": "Button"
      },
      "id": 7042691,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Button",
      "nameStyleModule": "ButtonComponent",
      "modulePath": "react-bootstrap/Button"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Container",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Container",
        "default": "Container"
      },
      "id": 2178390,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Container",
      "nameStyleModule": "ContainerComponent",
      "modulePath": "react-bootstrap/Container"
    },
    {
      "type": "component",
      "name": "Section Header",
      "children": [
        {
          "type": "element",
          "tagName": "header",
          "id": 4892904,
          "classNameExpressions": [
            {
              "js": "props.className",
              "classNames": ["{props.className}"]
            }
          ],
          "style": "// Add bottom margin if element below\n&:not(:last-child){\n\tmargin-bottom: 2rem;\n}",
          "children": [
            {
              "type": "if",
              "js": "props.title",
              "id": 3051339,
              "children": [
                {
                  "type": "element",
                  "tagName": "h1",
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.title}",
                      "id": 3096491,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "id": 68747,
                  "classNames": ["font-weight-bold"],
                  "classNameExpressions": [
                    {
                      "js": "props.subtitle && props.spaced",
                      "classNames": ["mb-4"]
                    },
                    {
                      "js": "!props.subtitle",
                      "classNames": ["mb-0"]
                    },
                    {
                      "js": "props.size",
                      "classNames": ["h{props.size}"]
                    }
                  ],
                  "name": "Title",
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "style": "",
                  "propsArray": []
                }
              ],
              "isVisible": true
            },
            {
              "type": "if",
              "js": "props.subtitle",
              "id": 7021426,
              "children": [
                {
                  "type": "element",
                  "tagName": "p",
                  "id": 9013236,
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.subtitle}",
                      "id": 1531402,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "name": "Subtitle",
                  "style": "// Subtitle text generally isn't very long\n// so usually looks better to limit width.\nmax-width: 700px;\n// So we can have max-width but still\n// have alignment controlled by text-align.\ndisplay: inline-block;",
                  "classNames": ["mb-0"],
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "classNameExpressions": [],
                  "propsArray": []
                }
              ],
              "isVisible": true
            }
          ],
          "isVisible": true,
          "attributes": "{\n\n}",
          "image": "",
          "name": "",
          "classNames": [],
          "propsArray": []
        }
      ],
      "id": 5118913,
      "code": "\t// Render nothing if no title or subtitle\n\tif (!props.title && !props.subtitle){\n    return null;\n  }\n",
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "SectionHeader",
      "nameStyleModule": "SectionHeader",
      "modulePath": "src/components/SectionHeader"
    },
    {
      "type": "component",
      "name": "Section",
      "children": [
        {
          "type": "element",
          "tagName": "section",
          "id": 6386747,
          "attributes": "{\n\t...otherProps\n}",
          "classNames": ["py-5", "position-relative"],
          "classNameExpressions": [
            {
              "js": "props.bg",
              "classNames": ["bg-{props.bg}"]
            },
            {
              "js": "props.textColor",
              "classNames": ["text-{props.textColor}"]
            },
            {
              "js": "className",
              "classNames": ["{className}"]
            }
          ],
          "style": "// Ensure container is above bgImage\n.container {\n  position: relative;\n}\n\n// Add light border if two white\n// sections next to each other.\n.bg-white + &.bg-white {\n  border-top: 1px solid #F0F0F0;\n}",
          "children": [
            {
              "type": "if",
              "js": "bgImage",
              "id": 5756517,
              "children": [
                {
                  "type": "instance",
                  "componentId": 1986700,
                  "attributes": "{\n\timage: bgImage,\n  opacity: bgImageOpacity,\n  repeat: bgImageRepeat\n}",
                  "id": 4826940,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "image",
                      "value": "bgImage",
                      "isString": false,
                      "type": "Identifier"
                    },
                    {
                      "key": "opacity",
                      "value": "bgImageOpacity",
                      "isString": false,
                      "type": "Identifier"
                    },
                    {
                      "key": "repeat",
                      "value": "bgImageRepeat",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "isVisible": true
            },
            {
              "type": "element",
              "tagName": "div",
              "id": 9929135,
              "children": [
                {
                  "type": "children",
                  "id": 7508953,
                  "isVisible": true,
                  "children": []
                }
              ],
              "classNameExpressions": [
                {
                  "js": "[\"md\", \"lg\"].includes(props.size)",
                  "classNames": ["py-md-5"]
                },
                {
                  "js": "props.size === \"lg\"",
                  "classNames": ["my-md-5"]
                }
              ],
              "isVisible": true,
              "attributes": "{\n\n}",
              "image": "",
              "name": "",
              "classNames": [],
              "style": "",
              "propsArray": []
            }
          ],
          "isVisible": true,
          "image": "",
          "name": "",
          "propsArray": [
            {
              "key": null,
              "value": "otherProps",
              "isString": false,
              "type": "SpreadElement"
            }
          ]
        }
      ],
      "id": 1219852,
      "code": "\tconst {\n    bg, \n    textColor, \n    bgImage,\n    bgImageOpacity,\n    bgImageRepeat,\n    className,\n    children,\n    ...otherProps \n  } = props;\n",
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "Section",
      "nameStyleModule": "SectionComponent",
      "modulePath": "src/components/Section"
    },
    {
      "type": "component",
      "name": "Background Image",
      "id": 1986700,
      "children": [
        {
          "type": "element",
          "tagName": "div",
          "attributes": "{\n  style: {\n    '--image': `url(${props.image})`,\n    '--opacity': props.opacity\n  }\n}",
          "style": "// Set using CSS vars defined\n// in element inline style.\nbackground-image: var(--image);\nopacity: var(--opacity);\n// Fill parent container\nbackground-position: center center;\nbackground-size: cover;\ntop: 0;\nleft: 0;\nbottom: 0;\nright: 0;\nposition: absolute;\n// Place under other elements\nz-index: 0;\n\n// Make it a repeating pattern\n&.repeat {\n  background-size: auto;\n  background-position: 0% 0%;\n  background-repeat: true;\n}",
          "id": 3881161,
          "classNameExpressions": [
            {
              "js": "props.repeat",
              "classNames": ["repeat"]
            }
          ],
          "isVisible": true,
          "image": "",
          "name": "",
          "classNames": [],
          "children": [],
          "propsArray": [
            {
              "key": "style",
              "value": "{\n  '--image': `url(${props.image})`,\n  '--opacity': props.opacity\n}",
              "isString": false,
              "type": "ObjectExpression"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "BackgroundImage",
      "nameStyleModule": "BackgroundImage",
      "modulePath": "src/components/BackgroundImage"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Row",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Row",
        "default": "Row"
      },
      "id": 9541476,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Row",
      "nameStyleModule": "Row",
      "modulePath": "react-bootstrap/Row"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Col",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Col",
        "default": "Col"
      },
      "id": 9152506,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Col",
      "nameStyleModule": "Col",
      "modulePath": "react-bootstrap/Col"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Image",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Image",
        "default": "Image"
      },
      "id": 4825682,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Image",
      "nameStyleModule": "ImageComponent",
      "modulePath": "react-bootstrap/Image"
    },
    {
      "type": "component",
      "name": "Hero Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 355828,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 2596949,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9541476,
                  "id": 8109281,
                  "attributes": "{\n\tclassName: \"align-items-center\"\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 6521773,
                      "attributes": "{\n\tlg: 5,\n  className: \"text-center text-lg-left\"\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 5118913,
                          "id": 1167457,
                          "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 1,\n  // Space between title/subtitle\n  spaced: true\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "title",
                              "value": "props.title",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "subtitle",
                              "value": "props.subtitle",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "1",
                              "isString": false,
                              "type": "NumericLiteral"
                            },
                            {
                              "key": "spaced",
                              "value": "true",
                              "isString": false,
                              "type": "BooleanLiteral"
                            }
                          ]
                        },
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 7042691,
                          "id": 6289408,
                          "attributes": "{\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n\tvariant: props.buttonColor,\n  // sm, md, lg\n  size: \"lg\",\n  onClick: props.buttonOnClick\n}",
                          "children": [
                            {
                              "type": "text",
                              "text": "{props.buttonText}",
                              "id": 858525,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "isVisible": true,
                          "propsArray": [
                            {
                              "key": "variant",
                              "value": "props.buttonColor",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "lg",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "onClick",
                              "value": "props.buttonOnClick",
                              "isString": false,
                              "type": "MemberExpression"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "lg",
                          "value": "5",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "className",
                          "value": "text-center text-lg-left",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    },
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 3014917,
                      "attributes": "{\n\tclassName: \"offset-lg-1 mt-5 mt-lg-0 \"\n}\t",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "figure",
                          "id": 2537181,
                          "classNames": ["mx-auto"],
                          "style": "max-width: 570px;",
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 4825682,
                              "id": 9836541,
                              "attributes": "{\n\tsrc: props.image,\n  fluid: true\n}",
                              "isVisible": true,
                              "children": [],
                              "propsArray": [
                                {
                                  "key": "src",
                                  "value": "props.image",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "fluid",
                                  "value": "true",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "name": "Image Container",
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "classNameExpressions": [],
                          "propsArray": []
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "className",
                          "value": "offset-lg-1 mt-5 mt-lg-0 ",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "className",
                      "value": "align-items-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 1952882,
      "tags": ["Hero", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "HeroSection",
      "nameStyleModule": "HeroSection",
      "modulePath": "src/components/HeroSection"
    },
    {
      "type": "component",
      "name": "Features Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 4987131,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 5113959,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 8724146,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true,\n  className: \"text-center\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "className",
                      "value": "text-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "componentId": 52179,
                  "attributes": "{\n  items: [\n    {\n      title: \"Explore\",\n      description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n      image: \"https://uploads.divjoy.com/undraw-mind_map_cwng.svg\"\n    },\n    {\n      title: \"Explore\",\n      description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n      image: \"https://uploads.divjoy.com/undraw-personal_settings_kihd.svg\"\n    },\n    {\n      title: \"Explore\",\n      description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n      image: \"https://uploads.divjoy.com/undraw-having_fun_iais.svg\"\n    },\n    {\n      title: \"Explore\",\n      description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n      image: \"https://uploads.divjoy.com/undraw-balloons_vxx5.svg\"\n    }\n  ]\n}",
                  "id": 3817850,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n  {\n    title: \"Explore\",\n    description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n    image: \"https://uploads.divjoy.com/undraw-mind_map_cwng.svg\"\n  },\n  {\n    title: \"Explore\",\n    description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n    image: \"https://uploads.divjoy.com/undraw-personal_settings_kihd.svg\"\n  },\n  {\n    title: \"Explore\",\n    description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n    image: \"https://uploads.divjoy.com/undraw-having_fun_iais.svg\"\n  },\n  {\n    title: \"Explore\",\n    description: \"Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.\",\n    image: \"https://uploads.divjoy.com/undraw-balloons_vxx5.svg\"\n  }\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 2115492,
      "tags": ["Features", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "FeaturesSection",
      "nameStyleModule": "FeaturesSection",
      "modulePath": "src/components/FeaturesSection"
    },
    {
      "type": "component",
      "name": "Features",
      "children": [
        {
          "type": "element",
          "tagName": "div",
          "id": 9628149,
          "style": "max-width: 900px;\nmargin: 60px auto 0 auto;\n\n.row {\n  // Reverse every other row\n\t&:nth-of-type(even) {\n  \tflex-direction: row-reverse;\n\t}\n\n\t&:not(:last-of-type) {\n  \tpadding-bottom: 1.5rem;\n  \t@media screen and (min-width: 769px) {\n    \tpadding-bottom: 2.5rem;\n  \t}\n\t}\n}",
          "children": [
            {
              "type": "foreach",
              "valName": "item",
              "indexName": "index",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9541476,
                  "id": 6281647,
                  "attributes": "{\n\tclassName: \"align-items-center\",\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 9301972,
                      "attributes": "{\n  xs: 12,\n  lg: 6\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 5118913,
                          "id": 9952121,
                          "attributes": "{\n\ttitle: item.title,\n  subtitle: item.description,\n  // Space between title/subtitle\n  spaced: true,\n  // Text size (1-5)\n  size: 3,\n  className: \"text-center text-lg-left\"\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "title",
                              "value": "item.title",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "subtitle",
                              "value": "item.description",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "spaced",
                              "value": "true",
                              "isString": false,
                              "type": "BooleanLiteral"
                            },
                            {
                              "key": "size",
                              "value": "3",
                              "isString": false,
                              "type": "NumericLiteral"
                            },
                            {
                              "key": "className",
                              "value": "text-center text-lg-left",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "xs",
                          "value": "12",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "lg",
                          "value": "6",
                          "isString": false,
                          "type": "NumericLiteral"
                        }
                      ]
                    },
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 9254091,
                      "attributes": "{\n\n}\t",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "figure",
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 4825682,
                              "id": 5275487,
                              "attributes": "{\n\tsrc: item.image,\n  alt: item.title,\n  fluid: true\n}",
                              "isVisible": true,
                              "children": [],
                              "propsArray": [
                                {
                                  "key": "src",
                                  "value": "item.image",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "alt",
                                  "value": "item.title",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "fluid",
                                  "value": "true",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "id": 7534256,
                          "style": "max-width: 300px;\nmargin: 30px auto;",
                          "name": "Image Container",
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "propsArray": []
                        }
                      ],
                      "isVisible": true,
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "className",
                      "value": "align-items-center",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "id": 2588807,
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "attributes": "{\n\n}",
          "image": "",
          "name": "",
          "classNames": [],
          "classNameExpressions": [],
          "propsArray": []
        }
      ],
      "id": 52179,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Features",
      "nameStyleModule": "Features",
      "modulePath": "src/components/Features"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Card",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Card",
        "default": "Card"
      },
      "id": 1026782,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Card",
      "nameStyleModule": "CardComponent",
      "modulePath": "react-bootstrap/Card"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Card.Body",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Card",
        "default": "Card"
      },
      "id": 107678,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Card.Body",
      "nameStyleModule": "Card.Body",
      "modulePath": "react-bootstrap/Card"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Card.Text",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Card",
        "default": "Card"
      },
      "id": 2294156,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Card.Text",
      "nameStyleModule": "Card.Text",
      "modulePath": "react-bootstrap/Card"
    },
    {
      "type": "component",
      "id": 1643087,
      "name": "Avatar",
      "code": "\tconst { size, ...otherProps } = props;\n",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 4825682,
          "id": 2459106,
          "attributes": "{\n\t...otherProps,\n  roundedCircle: true,\n  style: {\n    width: size,\n    height: size\n  }\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": null,
              "value": "otherProps",
              "isString": false,
              "type": "SpreadElement"
            },
            {
              "key": "roundedCircle",
              "value": "true",
              "isString": false,
              "type": "BooleanLiteral"
            },
            {
              "key": "style",
              "value": "{\n  width: size,\n  height: size\n}",
              "isString": false,
              "type": "ObjectExpression"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "Avatar",
      "nameStyleModule": "Avatar",
      "modulePath": "src/components/Avatar"
    },
    {
      "type": "component",
      "name": "Testimonials Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 8530134,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 2765556,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 6821353,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true,\n  className: \"text-center\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "className",
                      "value": "text-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "componentId": 30962661,
                  "attributes": "{\n  items: [\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-5.jpeg',\n      name: 'Sarah Kline',\n      testimonial: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.',\n      company: \"Company\"\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-48.jpeg',\n      name: 'Shawna Murray',\n      testimonial: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!',\n      company: \"Company\"\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-12.jpeg',\n      name: 'Blake Elder',\n      testimonial: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae.',\n      company: \"Company\"\n    }\n  ]\n}",
                  "id": 9883719,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-5.jpeg',\n    name: 'Sarah Kline',\n    testimonial: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.',\n    company: \"Company\"\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-48.jpeg',\n    name: 'Shawna Murray',\n    testimonial: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!',\n    company: \"Company\"\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-12.jpeg',\n    name: 'Blake Elder',\n    testimonial: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae.',\n    company: \"Company\"\n  }\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 446637,
      "tags": ["Testimonials", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "TestimonialsSection",
      "nameStyleModule": "TestimonialsSection",
      "modulePath": "src/components/TestimonialsSection"
    },
    {
      "type": "component",
      "name": "Testimonials",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 9541476,
          "id": 3254149,
          "attributes": "{\n\tclassName: \"justify-content-center\"\n}\t",
          "children": [
            {
              "type": "foreach",
              "valName": "item",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 658919,
                  "attributes": "{\n\txs: 12,\n  md: 4,\n  className: \"py-3\",\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 1026782,
                      "id": 1702757,
                      "children": [
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 107678,
                          "id": 9756377,
                          "children": [
                            {
                              "type": "instance",
                              "componentId": 1643087,
                              "id": 5412947,
                              "attributes": "{\n\tsrc: item.avatar,\n  alt: item.name,\n  size: \"96px\"\n}",
                              "isVisible": true,
                              "children": [],
                              "propsArray": [
                                {
                                  "key": "src",
                                  "value": "item.avatar",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "alt",
                                  "value": "item.name",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "size",
                                  "value": "96px",
                                  "isString": true,
                                  "type": "StringLiteral"
                                }
                              ]
                            },
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2294156,
                              "id": 2878266,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "\"{item.testimonial}\"",
                                  "id": 2552066,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\tclassName: \"mt-4\"\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "className",
                                  "value": "mt-4",
                                  "isString": true,
                                  "type": "StringLiteral"
                                }
                              ]
                            },
                            {
                              "type": "element",
                              "tagName": "h6",
                              "children": [
                                {
                                  "type": "text",
                                  "text": "{item.name}",
                                  "id": 4407839,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "id": 406921,
                              "classNames": [
                                "font-weight-bold",
                                "mb-0",
                                "mt-4"
                              ],
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            },
                            {
                              "type": "element",
                              "tagName": "small",
                              "id": 3163072,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "{item.company}",
                                  "id": 1247575,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNames": [],
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            }
                          ],
                          "attributes": "{\n\tclassName: \"p-4 text-center\"\n}",
                          "isVisible": true,
                          "propsArray": [
                            {
                              "key": "className",
                              "value": "p-4 text-center",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "xs",
                      "value": "12",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "md",
                      "value": "4",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "className",
                      "value": "py-3",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "id": 3674900,
              "indexName": "index",
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "className",
              "value": "justify-content-center",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "id": 30962661,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Testimonials",
      "nameStyleModule": "Testimonials",
      "modulePath": "src/components/Testimonials"
    },
    {
      "type": "component",
      "name": "Newsletter Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 9523549,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 1340445,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9541476,
                  "id": 4893986,
                  "attributes": "{\n\tclassName: \"justify-content-center align-items-center\"\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 7070069,
                      "attributes": "{\n\txs: 12,\n  lg: 6\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 5118913,
                          "id": 1354607,
                          "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: false\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "title",
                              "value": "props.title",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "subtitle",
                              "value": "props.subtitle",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "2",
                              "isString": false,
                              "type": "NumericLiteral"
                            },
                            {
                              "key": "spaced",
                              "value": "false",
                              "isString": false,
                              "type": "BooleanLiteral"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "xs",
                          "value": "12",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "lg",
                          "value": "6",
                          "isString": false,
                          "type": "NumericLiteral"
                        }
                      ]
                    },
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 8873577,
                      "attributes": "{\n\txs: 12,\n  lg: 6,\n  className: \"mt-4 mt-lg-0\"\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 4938296,
                          "id": 9435554,
                          "attributes": "{\n  parentColor: props.color,\n\tbuttonText: props.buttonText,\n  inputPlaceholder: props.inputPlaceholder,\n  subscribedMessage: props.subscribedMessage,\n\t// sm, md, lg\n  size: \"lg\"\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "parentColor",
                              "value": "props.color",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "buttonText",
                              "value": "props.buttonText",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "inputPlaceholder",
                              "value": "props.inputPlaceholder",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "subscribedMessage",
                              "value": "props.subscribedMessage",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "lg",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "xs",
                          "value": "12",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "lg",
                          "value": "6",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "className",
                          "value": "mt-4 mt-lg-0",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "className",
                      "value": "justify-content-center align-items-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 6266495,
      "tags": ["Newsletter", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "NewsletterSection",
      "nameStyleModule": "NewsletterSection",
      "modulePath": "src/components/NewsletterSection"
    },
    {
      "type": "component",
      "name": "Newsletter",
      "children": [
        {
          "type": "if",
          "js": "subscribed === false",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2030395,
              "id": 1680148,
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 1627034,
                  "id": 793996,
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 9986916,
                      "attributes": "{\n\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 4647527,
                          "id": 4427680,
                          "attributes": "{\n  size: props.size,\n  name: 'email',\n  type: 'email',\n  placeholder: 'Email',\n\terror: errors.email,\n  inputRef: register({ \n    required: \"Please enter an email address\" \n  })\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "size",
                              "value": "props.size",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "name",
                              "value": "email",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "type",
                              "value": "email",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "placeholder",
                              "value": "Email",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "error",
                              "value": "errors.email",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "inputRef",
                              "value": "register({ \n  required: \"Please enter an email address\" \n})",
                              "isString": false,
                              "type": "CallExpression"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": []
                    },
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 3714430,
                      "attributes": "{\n\txs: \"auto\"\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 7042691,
                          "id": 4768041,
                          "attributes": "{\n\tvariant: props.buttonColor,\n  size: props.size,\n  type: \"submit\"\n}",
                          "children": [
                            {
                              "type": "text",
                              "text": "{props.buttonText}",
                              "id": 1973789,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "isVisible": true,
                          "propsArray": [
                            {
                              "key": "variant",
                              "value": "props.buttonColor",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "props.size",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "type",
                              "value": "submit",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "xs",
                          "value": "auto",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "propsArray": []
                }
              ],
              "attributes": "{\n  onSubmit: handleSubmit(onSubmit)\n}",
              "isVisible": true,
              "propsArray": [
                {
                  "key": "onSubmit",
                  "value": "handleSubmit(onSubmit)",
                  "isString": false,
                  "type": "CallExpression"
                }
              ]
            }
          ],
          "id": 6823959,
          "isVisible": true
        },
        {
          "type": "if",
          "js": "subscribed === true",
          "children": [
            {
              "type": "element",
              "tagName": "div",
              "id": 8587611,
              "children": [
                {
                  "type": "text",
                  "text": "{props.subscribedMessage}",
                  "id": 2275463,
                  "isVisible": true,
                  "children": []
                }
              ],
              "isVisible": true,
              "attributes": "{\n\n}",
              "image": "",
              "name": "",
              "classNames": [],
              "classNameExpressions": [],
              "style": "",
              "propsArray": []
            }
          ],
          "id": 6260414,
          "isVisible": true
        }
      ],
      "id": 4938296,
      "code": "\tconst [subscribed, setSubscribed] = useState(false);\n\tconst { handleSubmit, register, errors } = useForm();\n\n\tconst onSubmit = ({ email }) => {\n    setSubscribed(true);\n    // Parent component can optionally\n    // find out when subscribed.\n    props.onSubscribed && props.onSubscribed();\n    // Subscribe them\n    newsletter.subscribe({ email });\n  }\n  ",
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "Newsletter",
      "nameStyleModule": "Newsletter",
      "modulePath": "src/components/Newsletter"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Form.Row",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Form",
        "default": "Form"
      },
      "id": 1627034,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Form.Row",
      "nameStyleModule": "Form.Row",
      "modulePath": "react-bootstrap/Form"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Form.Control",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Form",
        "default": "Form"
      },
      "id": 4995668,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Form.Control",
      "nameStyleModule": "Form.Control",
      "modulePath": "react-bootstrap/Form"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Form",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Form",
        "default": "Form"
      },
      "id": 2030395,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Form",
      "nameStyleModule": "Form",
      "modulePath": "react-bootstrap/Form"
    },
    {
      "type": "component",
      "id": 4644163,
      "name": "Footer",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 5496536,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 2857930,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "element",
                  "tagName": "div",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "div",
                      "classNames": ["brand", "left"],
                      "children": [
                        {
                          "type": "element",
                          "tagName": "a",
                          "attributes": "{\n  href: '/' \n}",
                          "children": [
                            {
                              "type": "element",
                              "tagName": "img",
                              "attributes": "{\n  src: props.logo,\n  alt: \"Logo\"\n}",
                              "id": 4140551,
                              "isVisible": true,
                              "image": "",
                              "name": "",
                              "classNames": [],
                              "classNameExpressions": [],
                              "style": "",
                              "children": [],
                              "propsArray": [
                                {
                                  "key": "src",
                                  "value": "props.logo",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "alt",
                                  "value": "Logo",
                                  "isString": true,
                                  "type": "StringLiteral"
                                }
                              ]
                            }
                          ],
                          "id": 4960806,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "id": 4694183,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    },
                    {
                      "type": "element",
                      "tagName": "div",
                      "classNames": ["links", "right"],
                      "children": [
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "About",
                              "id": 9452607,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/about'\n}",
                          "id": 1879924,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/about",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "Programs",
                              "id": 6549506,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/testimonials',\n}",
                          "id": 6610501,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/testimonials",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "Testimonials",
                              "id": 3244183,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/programs',\n}",
                          "id": 6446098,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/programs",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "Apply",
                              "id": 1956482,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/apply',\n}",
                          "id": 2565120,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/apply",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "Team",
                              "id": 4544242,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n  target: \"_blank\",\n  href: \"/team\",\n  rel: \"noopener noreferrer\"\n}",
                          "id": 9988760,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "target",
                              "value": "_blank",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "href",
                              "value": "/team",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "rel",
                              "value": "noopener noreferrer",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "Volunteer",
                              "id": 4836394,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/volunteer',\n}",
                          "id": 2613639,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/volunteer",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "Donate",
                              "id": 4314263,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/donate',\n}",
                          "id": 5188759,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/donate",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "text",
                              "text": "FAQ",
                              "id": 9980601,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "attributes": "{\n\thref: '/faq',\n}",
                          "id": 9066248,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "/faq",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "id": 8371540,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    },
                    {
                      "type": "element",
                      "tagName": "div",
                      "classNames": ["social", "right"],
                      "children": [
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "element",
                              "tagName": "span",
                              "classNames": ["icon"],
                              "children": [
                                {
                                  "type": "element",
                                  "tagName": "i",
                                  "classNames": ["fab", "fa-twitter"],
                                  "id": 7564851,
                                  "isVisible": true,
                                  "attributes": "{\n\n}",
                                  "image": "",
                                  "name": "",
                                  "classNameExpressions": [],
                                  "style": "",
                                  "children": [],
                                  "propsArray": []
                                }
                              ],
                              "id": 8415390,
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            }
                          ],
                          "attributes": "{\n\thref: 'https://twitter.com',\n\ttarget: '_blank',\n  rel: 'noopener noreferrer'\n}",
                          "id": 6363101,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "https://twitter.com",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "target",
                              "value": "_blank",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "rel",
                              "value": "noopener noreferrer",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "element",
                              "tagName": "span",
                              "classNames": ["icon"],
                              "children": [
                                {
                                  "type": "element",
                                  "tagName": "i",
                                  "classNames": ["fab", "fa-facebook-f"],
                                  "id": 9154533,
                                  "isVisible": true,
                                  "attributes": "{\n\n}",
                                  "image": "",
                                  "name": "",
                                  "classNameExpressions": [],
                                  "style": "",
                                  "children": [],
                                  "propsArray": []
                                }
                              ],
                              "id": 7244421,
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            }
                          ],
                          "attributes": "{\n\thref: 'https://facebook.com',\n\ttarget: '_blank',\n  rel: 'noopener noreferrer'\n}",
                          "id": 6436254,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "https://facebook.com",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "target",
                              "value": "_blank",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "rel",
                              "value": "noopener noreferrer",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        },
                        {
                          "type": "element",
                          "tagName": "a",
                          "children": [
                            {
                              "type": "element",
                              "tagName": "span",
                              "classNames": ["icon"],
                              "children": [
                                {
                                  "type": "element",
                                  "tagName": "i",
                                  "classNames": ["fab", "fa-instagram"],
                                  "id": 8307317,
                                  "isVisible": true,
                                  "attributes": "{\n\n}",
                                  "image": "",
                                  "name": "",
                                  "classNameExpressions": [],
                                  "style": "",
                                  "children": [],
                                  "propsArray": []
                                }
                              ],
                              "id": 3045136,
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            }
                          ],
                          "attributes": "{\n\thref: 'https://instagram.com',\n\ttarget: '_blank',\n  rel: 'noopener noreferrer'\n}",
                          "id": 7874949,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": [
                            {
                              "key": "href",
                              "value": "https://instagram.com",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "target",
                              "value": "_blank",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "rel",
                              "value": "noopener noreferrer",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "id": 3810280,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    },
                    {
                      "type": "element",
                      "tagName": "div",
                      "classNames": ["copyright", "left"],
                      "children": [
                        {
                          "type": "text",
                          "text": "{props.copyright}",
                          "id": 296486,
                          "isVisible": true,
                          "children": []
                        }
                      ],
                      "id": 1476061,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    }
                  ],
                  "style": "display: flex;\nflex-wrap: wrap;\n> div {\n  display: flex;\n  flex: none;\n  justify-content: center;\n  width: 100%;\n  margin-bottom: 24px;\n}\n\n.brand {\n  img {\n    display: block;\n    height: 32px;\n  }\n}\n\n.social {\n  align-items: flex-end;\n}\n\n.social, .links {\n  a {\n    color: inherit;\n    &:hover {\n      opacity: 0.8;\n    }\n\n    &:not(:first-of-type) {\n      margin-left: 20px;\n    }\n  }\n}\n\n// Tablet and up\n@media screen and (min-width: 768px) {\n  > div {\n    flex: 50%;\n  }\n\n  .left {\n    justify-content: flex-start;\n  }\n\n  .right {\n    justify-content: flex-end;\n  }\n  \n  // Move links to end (bottom right)\n  // Swaps position with social\n  .links {\n    order: 1;\n  }\n}",
                  "id": 9137580,
                  "name": "Inner",
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "classNames": [],
                  "classNameExpressions": [],
                  "propsArray": []
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "tags": ["Footer", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "Footer",
      "nameStyleModule": "FooterComponent",
      "modulePath": "src/components/Footer"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "about",
      "id": 6317044,
      "children": [
        {
          "type": "instance",
          "componentId": 4704983,
          "id": 5654207,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"primary\",\n  textColor: \"white\",\n  // sm, md, lg\n  size: \"lg\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"Our story\",\n  subtitle: \"It doesn't matter where you come from, what matters is where you're going.\"\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "lg",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Our story",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "It doesn't matter where you come from, what matters is where you're going.",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "isVisible": true,
      "code": "",
      "nameFormatted": "AboutPage",
      "nameStyleModule": "AboutPage",
      "modulePath": "src/pages/about"
    },
    {
      "type": "component",
      "name": "Hero Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 9341732,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 9099908,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 5157241,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 1,\n  // Space between title/subtitle\n  spaced: true,\n  className: \"text-center\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "1",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "className",
                      "value": "text-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 4704983,
      "tags": ["Hero", "Content"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "HeroSection2",
      "nameStyleModule": "HeroSection2",
      "modulePath": "src/components/HeroSection2"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Form.Group",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Form",
        "default": "Form"
      },
      "id": 741589,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Form.Group",
      "nameStyleModule": "Form.Group",
      "modulePath": "react-bootstrap/Form"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Form.Control.Feedback",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Form",
        "default": "Form"
      },
      "id": 4008764,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Form.Control.Feedback",
      "nameStyleModule": "Form.Control.Feedback",
      "modulePath": "react-bootstrap/Form"
    },
    {
      "type": "component",
      "id": 4647527,
      "name": "Form Field",
      "code": "\tconst { error, type, inputRef, ...inputProps } = props;\n",
      "children": [
        {
          "type": "if",
          "js": "props.label",
          "id": 4931151,
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 1267893,
              "id": 7649872,
              "children": [
                {
                  "type": "text",
                  "text": "{props.label}",
                  "id": 7279146,
                  "isVisible": true,
                  "children": []
                }
              ],
              "isVisible": true,
              "attributes": "{\n\n}",
              "propsArray": []
            }
          ],
          "isVisible": true
        },
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 4995668,
          "id": 7202011,
          "attributes": "{\n  // HTML element based on type prop\n  as: type === \"textarea\" \n    \t? \"textarea\"\n  \t\t: \"input\",\n  type: type === \"textarea\"\n    \t\t? undefined\n  \t\t\t: type,\n  isInvalid: error ? true : undefined,\n  ref: inputRef,\n  ...inputProps\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "as",
              "value": "type === \"textarea\" \n      ? \"textarea\"\n      : \"input\"",
              "isString": false,
              "type": "ConditionalExpression"
            },
            {
              "key": "type",
              "value": "type === \"textarea\"\n          ? undefined\n          : type",
              "isString": false,
              "type": "ConditionalExpression"
            },
            {
              "key": "isInvalid",
              "value": "error ? true : undefined",
              "isString": false,
              "type": "ConditionalExpression"
            },
            {
              "key": "ref",
              "value": "inputRef",
              "isString": false,
              "type": "Identifier"
            },
            {
              "key": null,
              "value": "inputProps",
              "isString": false,
              "type": "SpreadElement"
            }
          ]
        },
        {
          "type": "if",
          "js": "error",
          "id": 6140480,
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 4008764,
              "id": 4281410,
              "attributes": "{\n\ttype: \"invalid\",\n  className: \"text-left\"\n}",
              "children": [
                {
                  "type": "text",
                  "text": "{error.message}",
                  "id": 4487478,
                  "isVisible": true,
                  "children": []
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "type",
                  "value": "invalid",
                  "isString": true,
                  "type": "StringLiteral"
                },
                {
                  "key": "className",
                  "value": "text-left",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "FormField",
      "nameStyleModule": "FormField",
      "modulePath": "src/components/FormField"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Alert",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Alert",
        "default": "Alert"
      },
      "id": 253581,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Alert",
      "nameStyleModule": "Alert",
      "modulePath": "react-bootstrap/Alert"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Spinner",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Spinner",
        "default": "Spinner"
      },
      "id": 146872,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Spinner",
      "nameStyleModule": "Spinner",
      "modulePath": "react-bootstrap/Spinner"
    },
    {
      "type": "component",
      "id": 9233925,
      "name": "Form Alert",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 253581,
          "id": 5112937,
          "attributes": "{\n  // primary, secondary, success, danger,\n  // warning, info, light, dark\n\tvariant: props.type === \"error\" ?\n    \t\t\t\t\"danger\" :\n  \t\t\t\t\t\"success\"\n}",
          "children": [
            {
              "type": "text",
              "text": "{props.message}",
              "id": 6431195,
              "isVisible": true,
              "children": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "variant",
              "value": "props.type === \"error\" ?\n                \"danger\" :\n                \"success\"",
              "isString": false,
              "type": "ConditionalExpression"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "FormAlert",
      "nameStyleModule": "FormAlert",
      "modulePath": "src/components/FormAlert"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "auth/:type",
      "id": 5450495,
      "code": "\tconst router = useRouter();\n\tconst { type } = router.query;\n",
      "children": [
        {
          "type": "instance",
          "componentId": 8572886,
          "id": 213555,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Size of text inputs\n  inputSize: \"lg\",\n  // signin, signup, forgotpass, changepass\n  type: type,\n  // Enable other auth providers\n  // google, facebook, twitter, github\n  providers: ['google', 'facebook', 'twitter'],\n  // Where to take user after auth\n  afterAuthPath: \"/dashboard\"\n  // Scroll down to \"Code\" section\n  // to customize further.\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "inputSize",
              "value": "lg",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "type",
              "value": "type",
              "isString": false,
              "type": "Identifier"
            },
            {
              "key": "providers",
              "value": "['google', 'facebook', 'twitter']",
              "isString": false,
              "type": "ArrayExpression"
            },
            {
              "key": "afterAuthPath",
              "value": "/dashboard",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameFormatted": "AuthTypePage",
      "nameStyleModule": "AuthTypePage",
      "modulePath": "src/pages/authtype"
    },
    {
      "type": "component",
      "id": 4743961,
      "name": "Auth Form",
      "code": "\tconst [pending, setPending] = useState(false);\n\tconst { handleSubmit, register, errors, getValues } = useForm();\n\n  const submitHandlersByType = {\n    signin: ({ email, pass }) => {\n      return auth.signin(email, pass)\n        .then(user => {\n        \t// Call auth complete handler\n        \tprops.onAuth(user);\n      \t});\n    },\n    signup: ({ email, pass }) => {\n      return auth.signup(email, pass)\n        .then(user => {\n        \t// Call auth complete handler\n        \tprops.onAuth(user);\n      \t});\n    },\n    forgotpass: ({ email }) => {\n      return auth.sendPasswordResetEmail(email)\n      \t.then(() => {\n        \t// Show success alert message\n       \t\tprops.onFormAlert({\n          \ttype: \"success\",\n          \tmessage: \"Password reset email sent\"\n        \t});\n       });\n    },\n    changepass: ({ pass }) => {\n      return auth.confirmPasswordReset(pass)\n        .then(() => {\n        \t// Show success alert message\n          props.onFormAlert({\n            type: \"success\",\n            message: \"Your password has been changed\"\n          });\n        });\n    }\n  }\n  \n  // Handle form submission\n  const onSubmit = ({ email, pass }) => {\n    // Show pending indicator\n    setPending(true);\n    \n    // Call submit handler for auth type\n    submitHandlersByType[props.type]({\n      email,\n      pass\n    }).catch(error => {\n      // Show error alert message\n      props.onFormAlert({\n        type: \"error\",\n        message: error.message\n      });\n    }).finally(() => {\n      // Hide pending indicator\n      setPending(false);\n    });\n  }\n  ",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 2030395,
          "id": 3450313,
          "children": [
            {
              "type": "if",
              "js": "['signup', 'signin', 'forgotpass'].includes(props.type)",
              "id": 9372840,
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 741589,
                  "id": 497285,
                  "attributes": "{\n\tcontrolId: \"formEmail\"\n}",
                  "children": [
                    {
                      "type": "instance",
                      "componentId": 4647527,
                      "id": 5923978,
                      "attributes": "{\n  size: props.inputSize,\n  name: 'email',\n  type: 'email',\n  placeholder: 'Email',\n\terror: errors.email,\n  inputRef: register({ \n    required: \"Please enter an email\"\n  })\n}",
                      "isVisible": true,
                      "children": [],
                      "propsArray": [
                        {
                          "key": "size",
                          "value": "props.inputSize",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "name",
                          "value": "email",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "type",
                          "value": "email",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "placeholder",
                          "value": "Email",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "error",
                          "value": "errors.email",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "inputRef",
                          "value": "register({ \n  required: \"Please enter an email\"\n})",
                          "isString": false,
                          "type": "CallExpression"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "controlId",
                      "value": "formEmail",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true
            },
            {
              "type": "if",
              "js": "['signup', 'signin', 'changepass'].includes(props.type)",
              "id": 4777862,
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 741589,
                  "id": 5788792,
                  "attributes": "{\n\tcontrolId: \"formPassword\"\n}",
                  "children": [
                    {
                      "type": "instance",
                      "componentId": 4647527,
                      "id": 105584,
                      "attributes": "{\n  size: props.inputSize,\n  name: 'pass',\n  type: 'password',\n  placeholder: 'Password',\n\terror: errors.pass,\n  inputRef: register({ \n    required: \"Please enter a password\"\n  })\n}",
                      "isVisible": true,
                      "children": [],
                      "propsArray": [
                        {
                          "key": "size",
                          "value": "props.inputSize",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "name",
                          "value": "pass",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "type",
                          "value": "password",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "placeholder",
                          "value": "Password",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "error",
                          "value": "errors.pass",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "inputRef",
                          "value": "register({ \n  required: \"Please enter a password\"\n})",
                          "isString": false,
                          "type": "CallExpression"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "controlId",
                      "value": "formPassword",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true
            },
            {
              "type": "if",
              "js": "['signup', 'changepass'].includes(props.type)",
              "id": 9297671,
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 741589,
                  "id": 6971812,
                  "attributes": "{\n\tcontrolId: \"formConfirmPass\"\n}",
                  "children": [
                    {
                      "type": "instance",
                      "componentId": 4647527,
                      "id": 2276629,
                      "attributes": "{\n  size: props.inputSize,\n  name: 'confirmPass',\n  type: 'password',\n  placeholder: 'Confirm Password',\n\terror: errors.confirmPass,\n  inputRef: register({ \n    required: \"Please enter your password again\",\n    validate: (value) => { \n      if (value === getValues().pass){\n        return true;\n      }else{\n        return \"This doesn't match your password\";\n      }\n    }\n  })\n}",
                      "isVisible": true,
                      "children": [],
                      "propsArray": [
                        {
                          "key": "size",
                          "value": "props.inputSize",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "name",
                          "value": "confirmPass",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "type",
                          "value": "password",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "placeholder",
                          "value": "Confirm Password",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "error",
                          "value": "errors.confirmPass",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "inputRef",
                          "value": "register({ \n  required: \"Please enter your password again\",\n  validate: (value) => { \n    if (value === getValues().pass){\n      return true;\n    }else{\n      return \"This doesn't match your password\";\n    }\n  }\n})",
                          "isString": false,
                          "type": "CallExpression"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "controlId",
                      "value": "formConfirmPass",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true
            },
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 7042691,
              "id": 1654593,
              "attributes": "{\n\tvariant: \"primary\",\n  block: true,\n  size: props.inputSize,\n  type: \"submit\",\n  disabled: pending\n}",
              "children": [
                {
                  "type": "if",
                  "js": "!pending",
                  "id": 7720618,
                  "children": [
                    {
                      "type": "element",
                      "tagName": "span",
                      "id": 7377049,
                      "attributes": "{\n  /*\n\tstyle: {\n    visibility: props.status.type === \"pending\" ?\n      \t\t\t\t\t\"hidden\" :\n    \t\t\t\t\t\t\"visible\"\n  }*/\n}",
                      "children": [
                        {
                          "type": "text",
                          "text": "{props.typeValues.buttonText}",
                          "id": 4422899,
                          "isVisible": true,
                          "children": []
                        }
                      ],
                      "isVisible": true,
                      "image": "",
                      "name": "",
                      "classNames": [],
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true
                },
                {
                  "type": "if",
                  "js": "pending",
                  "id": 1801371,
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 146872,
                      "id": 8479073,
                      "attributes": "{\n\tanimation: \"border\",\n  size: \"sm\",\n  role: \"status\",\n  'aria-hidden': true,\n  className: \"align-baseline\"\n}",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "span",
                          "id": 971288,
                          "classNames": ["sr-only"],
                          "children": [
                            {
                              "type": "text",
                              "text": "Loading...",
                              "id": 7458464,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "animation",
                          "value": "border",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "size",
                          "value": "sm",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "role",
                          "value": "status",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "aria-hidden",
                          "value": "true",
                          "isString": false,
                          "type": "BooleanLiteral"
                        },
                        {
                          "key": "className",
                          "value": "align-baseline",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "variant",
                  "value": "primary",
                  "isString": true,
                  "type": "StringLiteral"
                },
                {
                  "key": "block",
                  "value": "true",
                  "isString": false,
                  "type": "BooleanLiteral"
                },
                {
                  "key": "size",
                  "value": "props.inputSize",
                  "isString": false,
                  "type": "MemberExpression"
                },
                {
                  "key": "type",
                  "value": "submit",
                  "isString": true,
                  "type": "StringLiteral"
                },
                {
                  "key": "disabled",
                  "value": "pending",
                  "isString": false,
                  "type": "Identifier"
                }
              ]
            }
          ],
          "attributes": "{\n  onSubmit: handleSubmit(onSubmit)\n}",
          "isVisible": true,
          "propsArray": [
            {
              "key": "onSubmit",
              "value": "handleSubmit(onSubmit)",
              "isString": false,
              "type": "CallExpression"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "AuthForm",
      "nameStyleModule": "AuthForm",
      "modulePath": "src/components/AuthForm"
    },
    {
      "type": "component",
      "id": 5389937,
      "name": "Auth Footer",
      "children": [
        {
          "type": "element",
          "tagName": "div",
          "classNames": ["text-center", "mt-4"],
          "children": [
            {
              "type": "if",
              "js": "props.type === \"signup\"",
              "children": [
                {
                  "type": "text",
                  "text": "Have an account already?",
                  "id": 7504179,
                  "isVisible": true,
                  "children": []
                },
                {
                  "type": "element",
                  "tagName": "a",
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.typeValues.linkTextSignin}",
                      "id": 1871921,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "attributes": "{\n  href: '/auth/signin'\n}",
                  "id": 7046653,
                  "isVisible": true,
                  "image": "",
                  "name": "",
                  "classNames": [],
                  "classNameExpressions": [],
                  "style": "",
                  "propsArray": [
                    {
                      "key": "href",
                      "value": "/auth/signin",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "id": 2669878,
              "isVisible": true
            },
            {
              "type": "if",
              "js": "props.type === 'signin'",
              "children": [
                {
                  "type": "element",
                  "tagName": "a",
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.typeValues.linkTextSignup}",
                      "id": 254649,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "attributes": "{\n  href: '/auth/signup'\n}",
                  "id": 612644,
                  "isVisible": true,
                  "image": "",
                  "name": "",
                  "classNames": [],
                  "classNameExpressions": [],
                  "style": "",
                  "propsArray": [
                    {
                      "key": "href",
                      "value": "/auth/signup",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "element",
                  "tagName": "a",
                  "attributes": "{\n  href: '/auth/forgotpass'\n}",
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.typeValues.linkTextForgotpass}",
                      "id": 5291797,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "id": 1934229,
                  "isVisible": true,
                  "image": "",
                  "name": "",
                  "classNames": [],
                  "classNameExpressions": [],
                  "style": "",
                  "propsArray": [
                    {
                      "key": "href",
                      "value": "/auth/forgotpass",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "id": 1663348,
              "isVisible": true
            }
          ],
          "style": "font-size: 0.9rem;\na {\n  margin: 0 0.5rem;\n}",
          "id": 8206775,
          "isVisible": true,
          "attributes": "{\n\n}",
          "image": "",
          "name": "",
          "classNameExpressions": [],
          "propsArray": []
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "AuthFooter",
      "nameStyleModule": "AuthFooter",
      "modulePath": "src/components/AuthFooter"
    },
    {
      "type": "component",
      "id": 9452872,
      "name": "Auth Social",
      "code": "\tconst auth = useAuth();\n\tconst [pending, setPending] = useState(null);\n\tconst [lastUsed, setLastUsed] = useState(null);\n\n\tconst providerDisplayNames = {\n    google: \"Google\",\n    facebook: \"Facebook\",\n    twitter: \"Twitter\",\n    github: \"GitHub\"\n  }\n  \n  const onSigninWithProvider = (provider) => {\n    setPending(provider);\n    auth.signinWithProvider(provider)\n    \t.then(user => {\n      \tlocalStorage.setItem('lastUsedAuthProvider', provider);\n      \tprops.onAuth(user);\n    \t})\n      .catch(error => {\n      \tprops.onError(error.message);\n    \t})\n    \t.finally(() => {\n      \tsetPending(null);\n    \t})\n  }\n  \n  // Get value of last used auth provider\n  useEffect(() => {\n    if (props.showLastUsed){\n      const lastUsed = window.localStorage.getItem('lastUsedAuthProvider');\n      if (lastUsed){\n        setLastUsed(lastUsed);\n      }\n    }\n  }, [props.showLastUsed]);\n  ",
      "children": [
        {
          "type": "foreach",
          "id": 3650427,
          "valName": "provider",
          "objectName": "props.providers",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 7042691,
              "id": 887207,
              "attributes": "{\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n\tvariant: \"light\",\n  size: props.inputSize,\n  block: true,\n  onClick: () => {\n    onSigninWithProvider(provider);\n  },\n  \n  className: \"position-relative\",\n  key: provider\n}",
              "children": [
                {
                  "type": "element",
                  "tagName": "div",
                  "id": 1187352,
                  "name": "Icon",
                  "style": "position: absolute;\nalign-items: center;\ndisplay: inline-flex;\njustify-content: center;\nwidth: 1.5em;\nheight: 1.5em;\nleft: 0.5em;\nimg {\n  display: block;\n  width: 20px;\n}",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "img",
                      "attributes": "{\n  src: `https://uploads.divjoy.com/icon-${provider}.svg`,\n  alt: providerDisplayNames[provider]\n}",
                      "id": 3433992,
                      "isVisible": true,
                      "image": "",
                      "name": "",
                      "classNames": [],
                      "classNameExpressions": [],
                      "style": "",
                      "children": [],
                      "propsArray": [
                        {
                          "key": "src",
                          "value": "`https://uploads.divjoy.com/icon-${provider}.svg`",
                          "isString": false,
                          "type": "TemplateLiteral"
                        },
                        {
                          "key": "alt",
                          "value": "providerDisplayNames[provider]",
                          "isString": false,
                          "type": "MemberExpression"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "classNames": [],
                  "classNameExpressions": [],
                  "propsArray": []
                },
                {
                  "type": "if",
                  "js": "pending !== provider",
                  "id": 6735541,
                  "children": [
                    {
                      "type": "element",
                      "tagName": "span",
                      "id": 8599642,
                      "children": [
                        {
                          "type": "text",
                          "text": "{props.buttonText} with {providerDisplayNames[provider]}",
                          "id": 2965270,
                          "isVisible": true,
                          "children": []
                        }
                      ],
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "classNames": [],
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true
                },
                {
                  "type": "if",
                  "js": "pending === provider",
                  "id": 4314503,
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 146872,
                      "id": 2586210,
                      "attributes": "{\n\tanimation: \"border\",\n  size: \"sm\",\n  role: \"status\",\n  'aria-hidden': true,\n  className: \"align-baseline text-primary\"\n}",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "span",
                          "id": 3326460,
                          "classNames": ["sr-only"],
                          "children": [
                            {
                              "type": "text",
                              "text": "Loading...",
                              "id": 5372563,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "animation",
                          "value": "border",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "size",
                          "value": "sm",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "role",
                          "value": "status",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "aria-hidden",
                          "value": "true",
                          "isString": false,
                          "type": "BooleanLiteral"
                        },
                        {
                          "key": "className",
                          "value": "align-baseline text-primary",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true
                },
                {
                  "type": "if",
                  "js": "provider === lastUsed",
                  "id": 331977,
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 4059464,
                      "id": 1226629,
                      "children": [
                        {
                          "type": "text",
                          "text": "Last used",
                          "id": 7111486,
                          "isVisible": true,
                          "children": []
                        }
                      ],
                      "attributes": "{\n\tvariant: \"warning\",\n  className: \"position-absolute font-weight-normal\",\n  style: {\n    top: \"-6px\",\n    right: \"-6px\",\n    opacity: 0.70\n  }\n}",
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "variant",
                          "value": "warning",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "className",
                          "value": "position-absolute font-weight-normal",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "style",
                          "value": "{\n  top: \"-6px\",\n  right: \"-6px\",\n  opacity: 0.70\n}",
                          "isString": false,
                          "type": "ObjectExpression"
                        }
                      ]
                    }
                  ],
                  "isVisible": true
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "variant",
                  "value": "light",
                  "isString": true,
                  "type": "StringLiteral"
                },
                {
                  "key": "size",
                  "value": "props.inputSize",
                  "isString": false,
                  "type": "MemberExpression"
                },
                {
                  "key": "block",
                  "value": "true",
                  "isString": false,
                  "type": "BooleanLiteral"
                },
                {
                  "key": "onClick",
                  "value": "() => {\n  onSigninWithProvider(provider);\n}",
                  "isString": false,
                  "type": "ArrowFunctionExpression"
                },
                {
                  "key": "className",
                  "value": "position-relative",
                  "isString": true,
                  "type": "StringLiteral"
                },
                {
                  "key": "key",
                  "value": "provider",
                  "isString": false,
                  "type": "Identifier"
                }
              ]
            }
          ],
          "isVisible": true,
          "objectType": "array",
          "indexName": ""
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "AuthSocial",
      "nameStyleModule": "AuthSocial",
      "modulePath": "src/components/AuthSocial"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Badge",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Badge",
        "default": "Badge"
      },
      "id": 4059464,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Badge",
      "nameStyleModule": "Badge",
      "modulePath": "react-bootstrap/Badge"
    },
    {
      "type": "component",
      "name": "Auth",
      "children": [
        {
          "type": "if",
          "js": "formAlert",
          "id": 5515628,
          "children": [
            {
              "type": "instance",
              "componentId": 9233925,
              "id": 5960054,
              "attributes": "{\n\ttype: formAlert.type,\n  message: formAlert.message\n}",
              "isVisible": true,
              "children": [],
              "propsArray": [
                {
                  "key": "type",
                  "value": "formAlert.type",
                  "isString": false,
                  "type": "MemberExpression"
                },
                {
                  "key": "message",
                  "value": "formAlert.message",
                  "isString": false,
                  "type": "MemberExpression"
                }
              ]
            }
          ],
          "isVisible": true
        },
        {
          "type": "instance",
          "componentId": 4743961,
          "id": 1767961,
          "attributes": "{\n  type: props.type,\n  typeValues: props.typeValues,\n  inputSize: props.inputSize,\n  onAuth: handleAuth,\n  onFormAlert: handleFormAlert\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "type",
              "value": "props.type",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "typeValues",
              "value": "props.typeValues",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "inputSize",
              "value": "props.inputSize",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "onAuth",
              "value": "handleAuth",
              "isString": false,
              "type": "Identifier"
            },
            {
              "key": "onFormAlert",
              "value": "handleFormAlert",
              "isString": false,
              "type": "Identifier"
            }
          ]
        },
        {
          "type": "if",
          "js": "['signup', 'signin'].includes(props.type)",
          "id": 2586594,
          "children": [
            {
              "type": "if",
              "js": "props.providers && props.providers.length",
              "id": 4518795,
              "children": [
                {
                  "type": "element",
                  "tagName": "small",
                  "id": 1355012,
                  "classNames": ["text-center", "d-block", "my-3"],
                  "children": [
                    {
                      "type": "text",
                      "text": "OR",
                      "id": 9034007,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "name": "",
                  "classNameExpressions": [],
                  "style": "",
                  "propsArray": []
                },
                {
                  "type": "instance",
                  "componentId": 9452872,
                  "id": 393132,
                  "attributes": "{\n\ttype: props.type,\n  buttonText: props.typeValues.buttonText,\n  inputSize: props.inputSize,\n  providers: props.providers,\n  showLastUsed: true,\n  onAuth: handleAuth,\n  onError: (message) => {\n    handleFormAlert({\n      type: \"error\",\n      message: message\n    })\n  }\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "type",
                      "value": "props.type",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "buttonText",
                      "value": "props.typeValues.buttonText",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "inputSize",
                      "value": "props.inputSize",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "providers",
                      "value": "props.providers",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "showLastUsed",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "onAuth",
                      "value": "handleAuth",
                      "isString": false,
                      "type": "Identifier"
                    },
                    {
                      "key": "onError",
                      "value": "(message) => {\n  handleFormAlert({\n    type: \"error\",\n    message: message\n  })\n}",
                      "isString": false,
                      "type": "ArrowFunctionExpression"
                    }
                  ]
                }
              ],
              "isVisible": true
            },
            {
              "type": "instance",
              "componentId": 5389937,
              "id": 6349832,
              "attributes": "{\n\ttype: props.type,\n  typeValues: props.typeValues,\n}",
              "isVisible": true,
              "children": [],
              "propsArray": [
                {
                  "key": "type",
                  "value": "props.type",
                  "isString": false,
                  "type": "MemberExpression"
                },
                {
                  "key": "typeValues",
                  "value": "props.typeValues",
                  "isString": false,
                  "type": "MemberExpression"
                }
              ]
            }
          ],
          "isVisible": true
        }
      ],
      "code": "\tconst router = useRouter();\n\tconst [formAlert, setFormAlert] = useState(null);\n\n\tconst handleAuth = (user) => {\n    router.push(props.afterAuthPath);\n  }\n  \n  const handleFormAlert = (data) => {\n    setFormAlert(data);\n  }\n  ",
      "id": 5056405,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "Auth",
      "nameStyleModule": "Auth",
      "modulePath": "src/components/Auth"
    },
    {
      "type": "component",
      "name": "Auth Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 1176601,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 6794463,
              "attributes": "{\n\tstyle: {\n    maxWidth: '450px'\n  }\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 2059691,
                  "attributes": "{\n\ttitle: allTypeValues[currentType].title,\n  subtitle: \"\",\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true,\n  className: \"text-center\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "allTypeValues[currentType].title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "className",
                      "value": "text-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "componentId": 5056405,
                  "attributes": "{\n \ttype: currentType,\n  typeValues: typeValues,\n  inputSize: props.inputSize,\n  providers: props.providers,\n  afterAuthPath: props.afterAuthPath,\n  // Remount (clear state) if type changes\n  key: currentType\n}",
                  "id": 9435892,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "type",
                      "value": "currentType",
                      "isString": false,
                      "type": "Identifier"
                    },
                    {
                      "key": "typeValues",
                      "value": "typeValues",
                      "isString": false,
                      "type": "Identifier"
                    },
                    {
                      "key": "inputSize",
                      "value": "props.inputSize",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "providers",
                      "value": "props.providers",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "afterAuthPath",
                      "value": "props.afterAuthPath",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "key",
                      "value": "currentType",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "style",
                  "value": "{\nmaxWidth: '450px'\n}",
                  "isString": false,
                  "type": "ObjectExpression"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "code": "\t// Values for each auth type\n\tconst allTypeValues = {\n    signin: {\n      // Top title\n      title: \"Welcome back\",\n      // Submit button text\n      buttonText: \"Sign in\",\n      // Link text to other auth types\n      linkTextSignup: \"Create an account\",\n      linkTextForgotpass: \"Forgot Password?\"\n    },\n    signup: {\n      title: \"Get yourself an account\",\n      buttonText: \"Sign up\",\n      linkTextSignin: \"Sign in\"\n    },\n    forgotpass: {\n      title: \"Get a new password\",\n      buttonText: \"Reset password\"\n    },\n    changepass: {\n      title: \"Choose a new password\",\n      buttonText: \"Change password\"\n    },\n  };\n\t\n\t// Ensure we have a valid auth type\n\tconst currentType = allTypeValues[props.type] \n  \t\t\t\t\t\t\t\t\t\t\t? props.type \n  \t\t\t\t\t\t\t\t\t\t\t: 'signup';\n\n\t// Get values for current auth type\n\tconst typeValues = allTypeValues[currentType];\n  ",
      "tags": ["Authentication"],
      "id": 8572886,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "nameFormatted": "AuthSection",
      "nameStyleModule": "AuthSection",
      "modulePath": "src/components/AuthSection"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Form.Label",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Form",
        "default": "Form"
      },
      "id": 1267893,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Form.Label",
      "nameStyleModule": "Form.Label",
      "modulePath": "react-bootstrap/Form"
    },
    {
      "type": "component",
      "subtype": "external-component",
      "name": "Dropdown.Divider",
      "module": {
        "moduleName": "react-bootstrap",
        "modulePath": "react-bootstrap/Dropdown",
        "default": "Dropdown"
      },
      "id": 7194631,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "children": [],
      "nameFormatted": "Dropdown.Divider",
      "nameStyleModule": "Dropdown.Divider",
      "modulePath": "react-bootstrap/Dropdown"
    },
    {
      "type": "component",
      "name": "CTA Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 858028,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 245283,
              "attributes": "{\n\tclassName: \"text-center\"\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 1827543,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 1,\n  // Space between title/subtitle\n  spaced: true\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "1",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 7042691,
                  "id": 7700921,
                  "attributes": "{\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n\tvariant: props.buttonColor,\n  // sm, md, lg\n  size: \"lg\",\n  onClick: props.buttonOnClick\n}",
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.buttonText}",
                      "id": 142894,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "variant",
                      "value": "props.buttonColor",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "lg",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "onClick",
                      "value": "props.buttonOnClick",
                      "isString": false,
                      "type": "MemberExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "text-center",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 938751,
      "tags": ["Call to Action"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "CtaSection",
      "nameStyleModule": "CtaSection",
      "modulePath": "src/components/CtaSection"
    },
    {
      "type": "component",
      "name": "Clients Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 9498023,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 832600,
              "attributes": "{\n\tclassName: \"text-center\"\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 6822266,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "componentId": 5833064,
                  "attributes": "{\n  items: [\n    {\n      name: 'Instagram',\n      image: \"https://uploads.divjoy.com/logo-instagram.svg\",\n      width: \"150px\",\n    },\n    {\n      name: 'Slack',\n      image: \"https://uploads.divjoy.com/logo-slack.svg\",\n      width: \"135px\"\n    },\n    {\n      name: 'Tinder',\n      image: \"https://uploads.divjoy.com/logo-tinder.svg\",\n      width: \"90px\"\n    },\n    {\n      name: 'Spotify',\n      image: \"https://uploads.divjoy.com/logo-spotify.svg\",\n      width: \"135px\"\n    }\n  ]\n}",
                  "id": 6981745,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n  {\n    name: 'Instagram',\n    image: \"https://uploads.divjoy.com/logo-instagram.svg\",\n    width: \"150px\",\n  },\n  {\n    name: 'Slack',\n    image: \"https://uploads.divjoy.com/logo-slack.svg\",\n    width: \"135px\"\n  },\n  {\n    name: 'Tinder',\n    image: \"https://uploads.divjoy.com/logo-tinder.svg\",\n    width: \"90px\"\n  },\n  {\n    name: 'Spotify',\n    image: \"https://uploads.divjoy.com/logo-spotify.svg\",\n    width: \"135px\"\n  }\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "text-center",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 6610050,
      "tags": ["Clients", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "ClientsSection",
      "nameStyleModule": "ClientsSection",
      "modulePath": "src/components/ClientsSection"
    },
    {
      "type": "component",
      "name": "Clients",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 9541476,
          "id": 7745903,
          "attributes": "{\n\tclassName: \"justify-content-center\"\n}\t",
          "children": [
            {
              "type": "foreach",
              "id": 6012900,
              "valName": "item",
              "indexName": "index",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 8692950,
                  "attributes": "{\n  md: \"auto\",\n  className: \"py-3 px-4\",\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "div",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "img",
                          "attributes": "{\n  src: item.image,\n  width: item.width,\n  alt: item.name\n}",
                          "id": 309572,
                          "isVisible": true,
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "children": [],
                          "propsArray": [
                            {
                              "key": "src",
                              "value": "item.image",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "width",
                              "value": "item.width",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "alt",
                              "value": "item.name",
                              "isString": false,
                              "type": "MemberExpression"
                            }
                          ]
                        }
                      ],
                      "name": "Logo",
                      "id": 1991079,
                      "classNames": ["align-bottom"],
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "md",
                      "value": "auto",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "className",
                      "value": "py-3 px-4",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "className",
              "value": "justify-content-center",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "id": 5833064,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Clients",
      "nameStyleModule": "Clients",
      "modulePath": "src/components/Clients"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "programs",
      "id": 7911564,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 4704983,
          "id": 6034638,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"light\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"2020 Virtual Program\",\n  subtitle: \"Amidst the COVID-19 crisis, Destined for X will be hosting a virtual program to provide students with valuable life skills as well as the opportunity to network with professionals from various job functions and industries all around Silicon Valley.\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Hero Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "light",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "2020 Virtual Program",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Amidst the COVID-19 crisis, Destined for X will be hosting a virtual program to provide students with valuable life skills as well as the opportunity to network with professionals from various job functions and industries all around Silicon Valley.",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 8056089,
          "id": 2551094,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Features Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 4704983,
          "id": 1226095,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"light\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"2020 Mentorship Program\",\n  subtitle: \"Be paired with a professional mentor for continuous support throughout the school year.\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Hero Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "light",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "2020 Mentorship Program",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Be paired with a professional mentor for continuous support throughout the school year.",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 2628398,
          "id": 5119283,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Image on left\n  image: 'https://uploads.divjoy.com/undraw-chatting_2yvo.svg'\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Features Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "image",
              "value": "https://uploads.divjoy.com/undraw-chatting_2yvo.svg",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 1860887,
          "id": 5998748,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"sm\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Apply to a 2020 program today.\",\n  subtitle: \"\",\n  buttonText: \"Apply\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  // Button onClick handler\n  buttonOnClick: () => {\n    // Navigate to pricing page\n    router.push('/pricing');\n  }\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "CTA Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "sm",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Apply to a 2020 program today.",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Apply",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonOnClick",
              "value": "() => {\n  // Navigate to pricing page\n  router.push('/pricing');\n}",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        }
      ],
      "nameFormatted": "ProgramsPage",
      "nameStyleModule": "ProgramsPage",
      "modulePath": "src/pages/programs"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "testimonials",
      "id": 1606853,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 446637,
          "id": 519475,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"Here's what our students are saying!\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Testimonials Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Here's what our students are saying!",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "nameFormatted": "TestimonialsPage",
      "nameStyleModule": "TestimonialsPage",
      "modulePath": "src/pages/testimonials"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "apply",
      "id": 5528574,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 4704983,
          "id": 8632687,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"2020 Virtual Program\",\n  subtitle: \"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Hero Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "2020 Virtual Program",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 4704983,
          "id": 2946143,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"2020 Mentorship Program\",\n  subtitle: \"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Hero Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "2020 Mentorship Program",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam!",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "nameFormatted": "ApplyPage",
      "nameStyleModule": "ApplyPage",
      "modulePath": "src/pages/apply"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "team",
      "id": 6734445,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 7166127,
          "id": 7490010,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n  // Text content\n  title: \"Meet the Team\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Team Bios Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Meet the Team",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "nameFormatted": "TeamPage",
      "nameStyleModule": "TeamPage",
      "modulePath": "src/pages/team"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "volunteer",
      "id": 1357039,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 938751,
          "id": 6671496,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Volunteer with us!\",\n  subtitle: \"We're always looking for committed individuals who believe in empowering young people. A great way to get involved with Destined for X is to volunteer to be a mentor. We are looking for early- to mid-career professionals to serve as mentors to our students to advise them in their high school/college careers. Being a mentor is a high-impact, low-time commitment opportunity and a great way to support the mission of Destined for X. If you are interested in becoming a mentor, please fill out our interest form below and we will reach out to you with more details!\",\n  buttonText: \"Get Started\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  // Button onClick handler\n  buttonOnClick: () => {\n    // Navigate to pricing page\n    router.push('/pricing');\n  }\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "CTA Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Volunteer with us!",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "We're always looking for committed individuals who believe in empowering young people. A great way to get involved with Destined for X is to volunteer to be a mentor. We are looking for early- to mid-career professionals to serve as mentors to our students to advise them in their high school/college careers. Being a mentor is a high-impact, low-time commitment opportunity and a great way to support the mission of Destined for X. If you are interested in becoming a mentor, please fill out our interest form below and we will reach out to you with more details!",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Get Started",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonOnClick",
              "value": "() => {\n  // Navigate to pricing page\n  router.push('/pricing');\n}",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        }
      ],
      "nameFormatted": "VolunteerPage",
      "nameStyleModule": "VolunteerPage",
      "modulePath": "src/pages/volunteer"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "donate",
      "id": 2244357,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 938751,
          "id": 9223174,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Donate\",\n  subtitle: \"Destined for X prides itself on being a fully transparent business, and on using our program funds efficiently and effectively.Destined for X is entirely volunteer-run, and our staff do not draw salaries. So every dollar donated goes directly to what matters: creating a transformative experience for our students.\",\n  buttonText: \"Donate\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  // Button onClick handler\n  buttonOnClick: () => {\n    // Navigate to pricing page\n    router.push('https://www.paypal.com/us/fundraiser/charity/2767731');\n  }\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "CTA Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Donate",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Destined for X prides itself on being a fully transparent business, and on using our program funds efficiently and effectively.Destined for X is entirely volunteer-run, and our staff do not draw salaries. So every dollar donated goes directly to what matters: creating a transformative experience for our students.",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Donate",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonOnClick",
              "value": "() => {\n  // Navigate to pricing page\n  router.push('https://www.paypal.com/us/fundraiser/charity/2767731');\n}",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 6610050,
          "id": 5925722,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"100% of our graduating seniors attend college\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Clients Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "100% of our graduating seniors attend college",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 2888437,
          "id": 7209617,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Stats Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 8050012,
          "id": 6905149,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "Features Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 938751,
          "id": 4745506,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Help us keep our programs going\",\n  subtitle: \"Destined for X is a registered 501(c)(3) public charity. EIN: 82-1227489. Donations are tax-deductible.\",\n  buttonText: \"Donate\",\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n  buttonColor: \"primary\",\n  // Button onClick handler\n  buttonOnClick: () => {\n    // Navigate to pricing page\n router.push('https://www.paypal.com/us/fundraiser/charity/2767731');\n  }\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "CTA Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Help us keep our programs going",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "Destined for X is a registered 501(c)(3) public charity. EIN: 82-1227489. Donations are tax-deductible.",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonText",
              "value": "Donate",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonColor",
              "value": "primary",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "buttonOnClick",
              "value": "() => {\n  // Navigate to pricing page\nrouter.push('https://www.paypal.com/us/fundraiser/charity/2767731');\n}",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        }
      ],
      "nameFormatted": "DonatePage",
      "nameStyleModule": "DonatePage",
      "modulePath": "src/pages/donate"
    },
    {
      "type": "component",
      "subtype": "page-component",
      "path": "faq",
      "id": 9586299,
      "isVisible": true,
      "code": "",
      "children": [
        {
          "type": "instance",
          "componentId": 3246815,
          "id": 9495828,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"md\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  title: \"Frequently Asked Questions\",\n  subtitle: \"\"\n}",
          "isVisible": true,
          "children": [],
          "libraryName": "FAQ Section",
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "title",
              "value": "Frequently Asked Questions",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "subtitle",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "nameFormatted": "FaqPage",
      "nameStyleModule": "FaqPage",
      "modulePath": "src/pages/faq"
    },
    {
      "type": "component",
      "name": "Features",
      "id": 9258533,
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 9541476,
          "id": 3294105,
          "attributes": "{\n\tclassName: \"no-gutters overflow-hidden\"\n}\t",
          "children": [
            {
              "type": "foreach",
              "valName": "item",
              "indexName": "index",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 670454,
                  "attributes": "{\n  xs: 12,\n  lg: 6,\n\tstyle: {\n    display: 'flex',\n    alignItems: 'stretch',\n    justifyContent: 'center',\n    boxShadow: '1px 1px 0 0 #efefef'\n  },\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "div",
                      "classNames": ["has-text-centered"],
                      "style": "padding: 56px;",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "div",
                          "id": 556264,
                          "name": "Image Container",
                          "style": "margin: 0 auto;\nmax-width: 200px;\nmargin-bottom: 30px;",
                          "children": [
                            {
                              "type": "instance",
                              "componentId": 8631032,
                              "id": 4846857,
                              "attributes": "{\n  ratio: 4 / 3\n}",
                              "children": [
                                {
                                  "type": "instance",
                                  "subtype": "external-instance",
                                  "componentId": 4825682,
                                  "id": 5830179,
                                  "attributes": "{\n\tsrc: item.image,\n  alt: item.title,\n  fluid: true\n}",
                                  "isVisible": true,
                                  "children": [],
                                  "propsArray": [
                                    {
                                      "key": "src",
                                      "value": "item.image",
                                      "isString": false,
                                      "type": "MemberExpression"
                                    },
                                    {
                                      "key": "alt",
                                      "value": "item.title",
                                      "isString": false,
                                      "type": "MemberExpression"
                                    },
                                    {
                                      "key": "fluid",
                                      "value": "true",
                                      "isString": false,
                                      "type": "BooleanLiteral"
                                    }
                                  ]
                                }
                              ],
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "ratio",
                                  "value": "4 / 3",
                                  "isString": false,
                                  "type": "BinaryExpression"
                                }
                              ]
                            }
                          ],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "propsArray": []
                        },
                        {
                          "type": "element",
                          "tagName": "h4",
                          "children": [
                            {
                              "type": "text",
                              "text": "{item.title}",
                              "id": 3156263,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "id": 6253426,
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        },
                        {
                          "type": "element",
                          "tagName": "p",
                          "children": [
                            {
                              "type": "text",
                              "text": "{item.body}",
                              "id": 9870672,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "id": 3458990,
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        }
                      ],
                      "name": "Item",
                      "id": 2858995,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "classNameExpressions": [],
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "xs",
                      "value": "12",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "lg",
                      "value": "6",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "style",
                      "value": "{\ndisplay: 'flex',\nalignItems: 'stretch',\njustifyContent: 'center',\nboxShadow: '1px 1px 0 0 #efefef'\n}",
                      "isString": false,
                      "type": "ObjectExpression"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "id": 8682664,
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "className",
              "value": "no-gutters overflow-hidden",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Features2",
      "nameStyleModule": "Features2",
      "modulePath": "src/components/Features2"
    },
    {
      "type": "component",
      "name": "Features Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 3248982,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 7384901,
              "attributes": "{\n\tclassName: \"text-center\"\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 1878717,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 1026782,
                  "id": 8747859,
                  "children": [
                    {
                      "type": "instance",
                      "componentId": 9258533,
                      "attributes": "{\n  // number of columns (1-4)\n  // will always be 1 column on mobile\n  columns: 2,\n  // Width/height ratio of images\n  imageRatio: \"4by3\",\n  // array of items to display\n  items: [\n    {\n      title: 'Skills Workshops',\n      body: 'Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.',\n      image: 'https://uploads.divjoy.com/undraw-fish_bowl_uu88.svg'\n    },\n    {\n      title: 'Panelist Discussions',\n      body: 'Nunc nulla mauris, laoreet vel cursus lacinia, consectetur sit amet tellus.',\n      image: 'https://uploads.divjoy.com/undraw-directions_x53j.svg'\n    },\n    {\n      title: 'Access to the D4X Network',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, metus et mattis ullamcorper',\n      image: 'https://uploads.divjoy.com/undraw-stability_ball_b4ia.svg'\n    },\n    {\n      title: 'Opportunity to join the Mentorship Program',\n      body: 'Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo',\n      image: 'https://uploads.divjoy.com/undraw-personal_settings_kihd.svg'\n    }\n  ]\n}",
                      "id": 1982472,
                      "isVisible": true,
                      "children": [],
                      "propsArray": [
                        {
                          "key": "columns",
                          "value": "2",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "imageRatio",
                          "value": "4by3",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "items",
                          "value": "[\n  {\n    title: 'Skills Workshops',\n    body: 'Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus.',\n    image: 'https://uploads.divjoy.com/undraw-fish_bowl_uu88.svg'\n  },\n  {\n    title: 'Panelist Discussions',\n    body: 'Nunc nulla mauris, laoreet vel cursus lacinia, consectetur sit amet tellus.',\n    image: 'https://uploads.divjoy.com/undraw-directions_x53j.svg'\n  },\n  {\n    title: 'Access to the D4X Network',\n    body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, metus et mattis ullamcorper',\n    image: 'https://uploads.divjoy.com/undraw-stability_ball_b4ia.svg'\n  },\n  {\n    title: 'Opportunity to join the Mentorship Program',\n    body: 'Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo',\n    image: 'https://uploads.divjoy.com/undraw-personal_settings_kihd.svg'\n  }\n]",
                          "isString": false,
                          "type": "ArrayExpression"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "propsArray": []
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "text-center",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 8056089,
      "tags": ["Features", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "FeaturesSection2",
      "nameStyleModule": "FeaturesSection2",
      "modulePath": "src/components/FeaturesSection2"
    },
    {
      "type": "component",
      "name": "AspectRatio",
      "children": [
        {
          "type": "element",
          "tagName": "div",
          "id": 9622067,
          "style": "position: relative;\nwidth: 100%;\nheight: 0;",
          "children": [
            {
              "type": "element",
              "tagName": "div",
              "id": 5749751,
              "name": "Inner",
              "style": "// Fill parent aspect ratio\nposition: absolute;\ntop: 0;\nright: 0;\nbottom: 0;\nleft: 0;\n// Center contents\ndisplay: flex;\nalign-items: center;\njustify-content: center;\noverflow: hidden;",
              "children": [
                {
                  "type": "children",
                  "id": 7323624,
                  "isVisible": true,
                  "children": []
                }
              ],
              "isVisible": true,
              "attributes": "{\n\n}",
              "image": "",
              "classNames": [],
              "classNameExpressions": [],
              "propsArray": []
            }
          ],
          "attributes": "{\n\tstyle: {\n    paddingBottom: (1 / props.ratio) * 100 + \"%\" \n  }\n}",
          "name": "Outer",
          "isVisible": true,
          "image": "",
          "classNames": [],
          "classNameExpressions": [],
          "propsArray": [
            {
              "key": "style",
              "value": "{\npaddingBottom: (1 / props.ratio) * 100 + \"%\" \n}",
              "isString": false,
              "type": "ObjectExpression"
            }
          ]
        }
      ],
      "id": 8631032,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "AspectRatio",
      "nameStyleModule": "AspectRatio",
      "modulePath": "src/components/AspectRatio"
    },
    {
      "type": "component",
      "name": "CTA Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 9994962,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 1813273,
              "attributes": "{\n\tclassName: \"text-center\"\n}\t",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9541476,
                  "id": 8342425,
                  "attributes": "{\n\tclassName: \"justify-content-center align-items-center\"\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 2423608,
                      "attributes": "{\n\txs: 12,\n  md: \"auto\",\n  className: \"py-3 px-4\"\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 5118913,
                          "id": 2836691,
                          "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 1,\n  // Space between title/subtitle\n  spaced: false,\n  className: \"text-center\"\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "title",
                              "value": "props.title",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "subtitle",
                              "value": "props.subtitle",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "1",
                              "isString": false,
                              "type": "NumericLiteral"
                            },
                            {
                              "key": "spaced",
                              "value": "false",
                              "isString": false,
                              "type": "BooleanLiteral"
                            },
                            {
                              "key": "className",
                              "value": "text-center",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "xs",
                          "value": "12",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "md",
                          "value": "auto",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "className",
                          "value": "py-3 px-4",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    },
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 9655901,
                      "attributes": "{\n\txs: 12,\n  md: \"auto\",\n  className: \"py-3 px-4\"\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 7042691,
                          "id": 8862915,
                          "attributes": "{\n  // primary, secondary, success, danger,\n  // warning, info, light, dark, link\n\tvariant: props.buttonColor,\n  // sm, md, lg\n  size: \"lg\",\n  onClick: props.buttonOnClick\n}",
                          "children": [
                            {
                              "type": "text",
                              "text": "{props.buttonText}",
                              "id": 340159,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "isVisible": true,
                          "propsArray": [
                            {
                              "key": "variant",
                              "value": "props.buttonColor",
                              "isString": false,
                              "type": "MemberExpression"
                            },
                            {
                              "key": "size",
                              "value": "lg",
                              "isString": true,
                              "type": "StringLiteral"
                            },
                            {
                              "key": "onClick",
                              "value": "props.buttonOnClick",
                              "isString": false,
                              "type": "MemberExpression"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "xs",
                          "value": "12",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "md",
                          "value": "auto",
                          "isString": true,
                          "type": "StringLiteral"
                        },
                        {
                          "key": "className",
                          "value": "py-3 px-4",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "className",
                      "value": "justify-content-center align-items-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "text-center",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 1860887,
      "tags": ["Call to Action"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "CtaSection2",
      "nameStyleModule": "CtaSection2",
      "modulePath": "src/components/CtaSection2"
    },
    {
      "type": "component",
      "name": "Features Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 8600939,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 7391443,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9541476,
                  "id": 1318508,
                  "attributes": "{\n\tclassName: \"align-items-center\"\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 352999,
                      "attributes": "{\n\tlg: 6,\n  className: \"text-center text-lg-left\"\n}\t",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "figure",
                          "id": 9619451,
                          "classNames": ["mx-auto"],
                          "style": "max-width: 570px;",
                          "children": [
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 4825682,
                              "id": 7028383,
                              "attributes": "{\n\tsrc: props.image,\n  fluid: true\n}",
                              "isVisible": true,
                              "children": [],
                              "propsArray": [
                                {
                                  "key": "src",
                                  "value": "props.image",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "fluid",
                                  "value": "true",
                                  "isString": false,
                                  "type": "BooleanLiteral"
                                }
                              ]
                            }
                          ],
                          "name": "Image Container",
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "classNameExpressions": [],
                          "propsArray": []
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "lg",
                          "value": "6",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "className",
                          "value": "text-center text-lg-left",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    },
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 9152506,
                      "id": 2946966,
                      "attributes": "{\n\tclassName: \"offset-lg-1 mt-5 mt-lg-0 \"\n}\t",
                      "children": [
                        {
                          "type": "instance",
                          "componentId": 6408453,
                          "id": 6085038,
                          "attributes": "{\n  items: [\n    {\n      title: \"Get paired with a mentor\",\n      description: \"Imagine a world where you can chat with your friends without having to see their dumb faces.\",\n      iconClass: \"fas fa-comments\",\n      iconColor: \"primary\"\n    },\n    {\n      title: \"Stay accountable\",\n      description: \"We embedded a bunch free flash games inside our app. What we lack in quality we make up in quantity.\",\n      iconClass: \"fas fa-gamepad\",\n      iconColor: \"danger\"\n    },\n    {\n      title: \"Reach your goals faster\",\n      description: \"Our market research told us people like cats so we put some cat icons on our website.\",\n      iconClass: \"fas fa-cat\",\n      iconColor: \"dark\"\n    }\n  ]\n}",
                          "isVisible": true,
                          "children": [],
                          "propsArray": [
                            {
                              "key": "items",
                              "value": "[\n  {\n    title: \"Get paired with a mentor\",\n    description: \"Imagine a world where you can chat with your friends without having to see their dumb faces.\",\n    iconClass: \"fas fa-comments\",\n    iconColor: \"primary\"\n  },\n  {\n    title: \"Stay accountable\",\n    description: \"We embedded a bunch free flash games inside our app. What we lack in quality we make up in quantity.\",\n    iconClass: \"fas fa-gamepad\",\n    iconColor: \"danger\"\n  },\n  {\n    title: \"Reach your goals faster\",\n    description: \"Our market research told us people like cats so we put some cat icons on our website.\",\n    iconClass: \"fas fa-cat\",\n    iconColor: \"dark\"\n  }\n]",
                              "isString": false,
                              "type": "ArrayExpression"
                            }
                          ]
                        }
                      ],
                      "isVisible": true,
                      "propsArray": [
                        {
                          "key": "className",
                          "value": "offset-lg-1 mt-5 mt-lg-0 ",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "className",
                      "value": "align-items-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 2628398,
      "tags": ["Features", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "FeaturesSection3",
      "nameStyleModule": "FeaturesSection3",
      "modulePath": "src/components/FeaturesSection3"
    },
    {
      "type": "component",
      "id": 6408453,
      "name": "Features",
      "children": [
        {
          "type": "foreach",
          "id": 7532546,
          "valName": "item",
          "indexName": "index",
          "objectName": "props.items",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 9541476,
              "id": 3119673,
              "attributes": "{\n\tclassName: \"py-4 align-items-center\",\n  key: index\n}\t",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 4566832,
                  "attributes": "{\n\txs: \"auto\"\n}\t",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "div",
                      "classNames": [
                        "text-{item.iconColor}",
                        "d-inline-flex",
                        "justify-content-center"
                      ],
                      "children": [
                        {
                          "type": "element",
                          "tagName": "i",
                          "id": 4030736,
                          "classNames": ["{item.iconClass}"],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "children": [],
                          "propsArray": []
                        }
                      ],
                      "id": 9989914,
                      "name": "Icon",
                      "style": "font-size: 70px;\nwidth: 70px;\nheight: 70px;",
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "classNameExpressions": [],
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "xs",
                      "value": "auto",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 4821682,
                  "attributes": "{\n\tsx: \"auto\",\n  className: \"pl-4\"\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "componentId": 5118913,
                      "id": 4541132,
                      "attributes": "{\n\ttitle: item.title,\n  subtitle: item.description,\n  // Text size (1-5)\n  size: 5,\n  // Space between title/subtitle\n  spaced: false,\n  className: \"mb-0\"\n}",
                      "isVisible": true,
                      "children": [],
                      "propsArray": [
                        {
                          "key": "title",
                          "value": "item.title",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "subtitle",
                          "value": "item.description",
                          "isString": false,
                          "type": "MemberExpression"
                        },
                        {
                          "key": "size",
                          "value": "5",
                          "isString": false,
                          "type": "NumericLiteral"
                        },
                        {
                          "key": "spaced",
                          "value": "false",
                          "isString": false,
                          "type": "BooleanLiteral"
                        },
                        {
                          "key": "className",
                          "value": "mb-0",
                          "isString": true,
                          "type": "StringLiteral"
                        }
                      ]
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "sx",
                      "value": "auto",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "className",
                      "value": "pl-4",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "py-4 align-items-center",
                  "isString": true,
                  "type": "StringLiteral"
                },
                {
                  "key": "key",
                  "value": "index",
                  "isString": false,
                  "type": "Identifier"
                }
              ]
            }
          ],
          "isVisible": true,
          "objectType": "array"
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Features3",
      "nameStyleModule": "Features3",
      "modulePath": "src/components/Features3"
    },
    {
      "type": "component",
      "name": "Team Bios Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 900919,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 3852613,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 7343985,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true,\n  className: \"text-center\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "className",
                      "value": "text-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "componentId": 8455069,
                  "attributes": "{\n  items: [\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-68.jpeg',\n      name: 'Joshua Mendoza',\n      role: 'Founder & Executive Director',\n      bio: 'Joshua Mendoza is passionate about empowering others to reach their full potential. This passion comes from his own story coming from a low-income background and—with the help of friends, family, and mentors—going on to graduate from Stanford University and working as an engineer in Silicon Valley. He is also passionate about real estate investing and coaches professionals to reconcile their careers with the legacy they wish to leave behind.',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-35.jpeg',\n      name: 'Jason Basuil',\n      role: 'Co-founder & Director of Product / Curriculum',\n      bio: \"Jason Basuil graduated from Seattle University, where he studied Biology and Psychology, but currently works as a Front End Engineer after attending a coding bootcamp. He's been actively involved with The LEAP Foundation as a leadership coach and has a passion for helping others become their best selves.\",\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n      name: 'Alejandro Pérez',\n      role: 'Chief Financial Officer',\n      bio: 'Alejandro Pérez is a data driven professional with a passion for empowering people and developing teams. Alejandro graduated from Harvard University with a B.A. in Applied Mathematics and a minor in Computer Science, he now works as a data scientist at Lyft. Away from the desk, Alejandro is an avid cyclist, skier, and picnicker.',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n      name: 'Alex Hall',\n      role: 'Brand Manager',\n      bio: 'Alex Hall graduated from Chapman University with a B.S. in Biological Sciences and a minor in Business Administration. He is passionate about precision medicine and works at Genomic Health, a cancer diagnostics company that provides life changing information to patients and physicians. Alex spends his free time hiking, reading, and exploring San Francisco.',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n      name: 'Stacey Zhou',\n      role: 'Program Manager, Mentorship Program',\n      bio: 'Stacey Zhou graduated from the University of Pennsylvania, where she studied Finance and Operations & Information Management. She currently works as a technology investor at a large private equity firm and previously spent several years in investment banking. In her free time, she loves traveling, skiing, and enjoying a good podcast.',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n      name: 'Emily Castañares',\n      role: 'Program Manager, Mentorship Program',\n      bio: 'Emily works at Apple as a product manager. She graduated from Purdue University with a B.S. in Finance and is currently pursuing a Master’s degree from Northwestern in Data Science. Emily is passionate about tackling social justice issues through both political and non-profit efforts. In her spare time she enjoys going to hiphop dance classes and hanging out with her dog, Indy.',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n      name: 'Säm Bagheri',\n      role: '',\n      bio: 'Säm graduated from the University of San Diego, where he studied International Business and Strategic Communications. While his professional interests are around strategy and operations, he enjoys and takes pride in supporting various social justice efforts. In his free time, you can find Säm cooking, weight lifting, reading, and observing abstract art.',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    },\n    {\n      avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n      name: 'Nina Gibbs',\n      role: '',\n      bio: 'Nina Gibbs is a Stanford graduate from the Product Design program and works in healthcare tech as a UX Designer. She is so excited to help create a great experience for everyone in Destined for X because she believes the program is a unique opportunity for students to learn how to ask for directions in a large city of professional career paths and prototype future possible versions of themselves. She can’t wait to meet all of the attendees and help them navigate their future!',\n      twitterUrl: 'https://twitter.com',\n      facebookUrl: 'https://facebook.com',\n      linkedinUrl: 'https://linkedin.com'\n    }\n  ]\n}",
                  "id": 816322,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-68.jpeg',\n    name: 'Joshua Mendoza',\n    role: 'Founder & Executive Director',\n    bio: 'Joshua Mendoza is passionate about empowering others to reach their full potential. This passion comes from his own story coming from a low-income background and—with the help of friends, family, and mentors—going on to graduate from Stanford University and working as an engineer in Silicon Valley. He is also passionate about real estate investing and coaches professionals to reconcile their careers with the legacy they wish to leave behind.',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-35.jpeg',\n    name: 'Jason Basuil',\n    role: 'Co-founder & Director of Product / Curriculum',\n    bio: \"Jason Basuil graduated from Seattle University, where he studied Biology and Psychology, but currently works as a Front End Engineer after attending a coding bootcamp. He's been actively involved with The LEAP Foundation as a leadership coach and has a passion for helping others become their best selves.\",\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n    name: 'Alejandro Pérez',\n    role: 'Chief Financial Officer',\n    bio: 'Alejandro Pérez is a data driven professional with a passion for empowering people and developing teams. Alejandro graduated from Harvard University with a B.A. in Applied Mathematics and a minor in Computer Science, he now works as a data scientist at Lyft. Away from the desk, Alejandro is an avid cyclist, skier, and picnicker.',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n    name: 'Alex Hall',\n    role: 'Brand Manager',\n    bio: 'Alex Hall graduated from Chapman University with a B.S. in Biological Sciences and a minor in Business Administration. He is passionate about precision medicine and works at Genomic Health, a cancer diagnostics company that provides life changing information to patients and physicians. Alex spends his free time hiking, reading, and exploring San Francisco.',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n    name: 'Stacey Zhou',\n    role: 'Program Manager, Mentorship Program',\n    bio: 'Stacey Zhou graduated from the University of Pennsylvania, where she studied Finance and Operations & Information Management. She currently works as a technology investor at a large private equity firm and previously spent several years in investment banking. In her free time, she loves traveling, skiing, and enjoying a good podcast.',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n    name: 'Emily Castañares',\n    role: 'Program Manager, Mentorship Program',\n    bio: 'Emily works at Apple as a product manager. She graduated from Purdue University with a B.S. in Finance and is currently pursuing a Master’s degree from Northwestern in Data Science. Emily is passionate about tackling social justice issues through both political and non-profit efforts. In her spare time she enjoys going to hiphop dance classes and hanging out with her dog, Indy.',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n    name: 'Säm Bagheri',\n    role: '',\n    bio: 'Säm graduated from the University of San Diego, where he studied International Business and Strategic Communications. While his professional interests are around strategy and operations, he enjoys and takes pride in supporting various social justice efforts. In his free time, you can find Säm cooking, weight lifting, reading, and observing abstract art.',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  },\n  {\n    avatar: 'https://uploads.divjoy.com/pravatar-150x-16.jpeg',\n    name: 'Nina Gibbs',\n    role: '',\n    bio: 'Nina Gibbs is a Stanford graduate from the Product Design program and works in healthcare tech as a UX Designer. She is so excited to help create a great experience for everyone in Destined for X because she believes the program is a unique opportunity for students to learn how to ask for directions in a large city of professional career paths and prototype future possible versions of themselves. She can’t wait to meet all of the attendees and help them navigate their future!',\n    twitterUrl: 'https://twitter.com',\n    facebookUrl: 'https://facebook.com',\n    linkedinUrl: 'https://linkedin.com'\n  }\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 7166127,
      "tags": ["Team", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "TeamBiosSection",
      "nameStyleModule": "TeamBiosSection",
      "modulePath": "src/components/TeamBiosSection"
    },
    {
      "type": "component",
      "name": "Team Bios",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 9541476,
          "id": 3906305,
          "attributes": "{\n\tclassName: \"justify-content-center\"\n}\t",
          "children": [
            {
              "type": "foreach",
              "valName": "item",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 6085506,
                  "attributes": "{\n\txs: 12,\n  md: 6,\n  lg: 4,\n  className: \"py-3 d-flex align-items-stretch\",\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "instance",
                      "subtype": "external-instance",
                      "componentId": 1026782,
                      "id": 4000604,
                      "children": [
                        {
                          "type": "instance",
                          "subtype": "external-instance",
                          "componentId": 107678,
                          "id": 6677188,
                          "children": [
                            {
                              "type": "instance",
                              "componentId": 1643087,
                              "id": 3768480,
                              "attributes": "{\n\tsrc: item.avatar,\n  alt: item.name,\n  size: \"128px\"\n}",
                              "isVisible": true,
                              "children": [],
                              "propsArray": [
                                {
                                  "key": "src",
                                  "value": "item.avatar",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "alt",
                                  "value": "item.name",
                                  "isString": false,
                                  "type": "MemberExpression"
                                },
                                {
                                  "key": "size",
                                  "value": "128px",
                                  "isString": true,
                                  "type": "StringLiteral"
                                }
                              ]
                            },
                            {
                              "type": "element",
                              "tagName": "h6",
                              "children": [
                                {
                                  "type": "text",
                                  "text": "{item.name}",
                                  "id": 7946748,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "id": 3945714,
                              "classNames": [
                                "font-weight-bold",
                                "mb-0",
                                "mt-4"
                              ],
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            },
                            {
                              "type": "element",
                              "tagName": "small",
                              "id": 9457314,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "{item.role}",
                                  "id": 219114,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNames": [],
                              "classNameExpressions": [],
                              "style": "",
                              "propsArray": []
                            },
                            {
                              "type": "instance",
                              "subtype": "external-instance",
                              "componentId": 2294156,
                              "id": 1068165,
                              "children": [
                                {
                                  "type": "text",
                                  "text": "{item.bio}",
                                  "id": 760144,
                                  "isVisible": true,
                                  "children": []
                                }
                              ],
                              "attributes": "{\n\tclassName: \"mt-4\"\n}",
                              "isVisible": true,
                              "propsArray": [
                                {
                                  "key": "className",
                                  "value": "mt-4",
                                  "isString": true,
                                  "type": "StringLiteral"
                                }
                              ]
                            }
                          ],
                          "attributes": "{\n\tclassName: \"d-flex flex-column text-center align-items-center p-4\"\n}",
                          "isVisible": true,
                          "propsArray": [
                            {
                              "key": "className",
                              "value": "d-flex flex-column text-center align-items-center p-4",
                              "isString": true,
                              "type": "StringLiteral"
                            }
                          ]
                        }
                      ],
                      "attributes": "{\n\t\n}",
                      "isVisible": true,
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "xs",
                      "value": "12",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "md",
                      "value": "6",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "lg",
                      "value": "4",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "className",
                      "value": "py-3 d-flex align-items-stretch",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "id": 8318009,
              "indexName": "index",
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "className",
              "value": "justify-content-center",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "id": 8455069,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "TeamBios",
      "nameStyleModule": "TeamBios",
      "modulePath": "src/components/TeamBios"
    },
    {
      "type": "component",
      "name": "Stats Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 5322916,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 7041020,
              "attributes": "{\n\tclassName: \"text-center\"\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 883080,
                  "attributes": "{\n\titems: [\n    {\n    \ttitle: \"Students served\",\n    \tstat: \"100\"\n    },\n    {\n    \ttitle: \"% attending college\",\n    \tstat: \"100%\"\n    },\n    {\n    \ttitle: \"Another stat\",\n    \tstat: \"364\"\n    },\n    {\n    \ttitle: \"Likes\",\n    \tstat: \"789\"\n    }\n  ]\n}",
                  "id": 2033185,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n{\n    title: \"Students served\",\n    stat: \"100\"\n},\n{\n    title: \"% attending college\",\n    stat: \"100%\"\n},\n{\n    title: \"Another stat\",\n    stat: \"364\"\n},\n{\n    title: \"Likes\",\n    stat: \"789\"\n}\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "text-center",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 2888437,
      "tags": ["Stats", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "StatsSection",
      "nameStyleModule": "StatsSection",
      "modulePath": "src/components/StatsSection"
    },
    {
      "type": "component",
      "name": "Stats",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 9541476,
          "id": 5803651,
          "attributes": "{\n\n}\t",
          "children": [
            {
              "type": "foreach",
              "valName": "item",
              "indexName": "index",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 9481338,
                  "attributes": "{\n  xs: 12,\n  md: 3,\n  className: \"py-3 px-4\",\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "div",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "small",
                          "classNames": ["text-uppercase"],
                          "children": [
                            {
                              "type": "text",
                              "text": "{item.title}",
                              "id": 5943643,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "id": 8101159,
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        },
                        {
                          "type": "element",
                          "tagName": "h2",
                          "children": [
                            {
                              "type": "text",
                              "text": "{item.stat}",
                              "id": 9863644,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "id": 3862706,
                          "classNames": ["mt-2"],
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        }
                      ],
                      "id": 9140050,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "classNames": [],
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "xs",
                      "value": "12",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "md",
                      "value": "3",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "className",
                      "value": "py-3 px-4",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "id": 4451578,
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "propsArray": []
        }
      ],
      "id": 883080,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Stats",
      "nameStyleModule": "Stats",
      "modulePath": "src/components/Stats"
    },
    {
      "type": "component",
      "name": "Features Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 4038876,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 9908749,
              "attributes": "{\n\tclassName: \"text-center\"\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 7341384,
                  "attributes": "{\n  items: [\n    {\n      title: \"Have fun!\",\n      subtitle: \"We've gamified everything so you feel like you're having fun when you're actually doing free work for us. Win win!\",\n      iconClass: 'fas fa-gem',\n      iconColor: 'warning'\n    },\n    {\n      title: 'Charge up',\n      subtitle: 'If you want to keep having fun remember to stay charged! And by that we mean you need to buy our ERC-20 CHARGE token to keep playing.',\n      iconClass: 'fas fa-charging-station',\n      iconColor: 'danger'\n    },\n    {\n      title: 'Pick your flavor',\n      subtitle: \"Dark mode is so last year. We have a light mode and turquoise mode. Either way, your eyes are going to hurt. Don't forget to stay charged!\",\n      iconClass: 'fas fa-adjust',\n      iconColor: 'primary'\n    },\n  ]\n}",
                  "id": 4538229,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n  {\n    title: \"Have fun!\",\n    subtitle: \"We've gamified everything so you feel like you're having fun when you're actually doing free work for us. Win win!\",\n    iconClass: 'fas fa-gem',\n    iconColor: 'warning'\n  },\n  {\n    title: 'Charge up',\n    subtitle: 'If you want to keep having fun remember to stay charged! And by that we mean you need to buy our ERC-20 CHARGE token to keep playing.',\n    iconClass: 'fas fa-charging-station',\n    iconColor: 'danger'\n  },\n  {\n    title: 'Pick your flavor',\n    subtitle: \"Dark mode is so last year. We have a light mode and turquoise mode. Either way, your eyes are going to hurt. Don't forget to stay charged!\",\n    iconClass: 'fas fa-adjust',\n    iconColor: 'primary'\n  },\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": [
                {
                  "key": "className",
                  "value": "text-center",
                  "isString": true,
                  "type": "StringLiteral"
                }
              ]
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 8050012,
      "tags": ["Features"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "FeaturesSection4",
      "nameStyleModule": "FeaturesSection4",
      "modulePath": "src/components/FeaturesSection4"
    },
    {
      "type": "component",
      "name": "Features",
      "children": [
        {
          "type": "instance",
          "subtype": "external-instance",
          "componentId": 9541476,
          "id": 3078811,
          "attributes": "{\n\tclassName: \"justify-content-center\"\n}\t",
          "children": [
            {
              "type": "foreach",
              "valName": "item",
              "indexName": "index",
              "objectName": "props.items",
              "children": [
                {
                  "type": "instance",
                  "subtype": "external-instance",
                  "componentId": 9152506,
                  "id": 5099320,
                  "attributes": "{\n  xs: 12,\n  lg: 4,\n  className: \"px-4\",\n  key: index\n}\t",
                  "children": [
                    {
                      "type": "element",
                      "tagName": "div",
                      "children": [
                        {
                          "type": "element",
                          "tagName": "div",
                          "classNames": [
                            "text-{item.iconColor}",
                            "display-4",
                            "mb-4"
                          ],
                          "children": [
                            {
                              "type": "element",
                              "tagName": "i",
                              "id": 7512261,
                              "classNames": ["{item.iconClass}"],
                              "isVisible": true,
                              "attributes": "{\n\n}",
                              "image": "",
                              "name": "",
                              "classNameExpressions": [],
                              "style": "",
                              "children": [],
                              "propsArray": []
                            }
                          ],
                          "id": 3800508,
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        },
                        {
                          "type": "element",
                          "tagName": "h4",
                          "classNames": ["mb-4"],
                          "children": [
                            {
                              "type": "text",
                              "text": "{item.title}",
                              "id": 3392699,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "id": 8482327,
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        },
                        {
                          "type": "element",
                          "tagName": "p",
                          "children": [
                            {
                              "type": "text",
                              "text": "{item.subtitle}",
                              "id": 9261003,
                              "isVisible": true,
                              "children": []
                            }
                          ],
                          "id": 7355889,
                          "isVisible": true,
                          "attributes": "{\n\n}",
                          "image": "",
                          "name": "",
                          "classNames": [],
                          "classNameExpressions": [],
                          "style": "",
                          "propsArray": []
                        }
                      ],
                      "name": "Feature",
                      "id": 1499376,
                      "classNames": ["py-3"],
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "classNameExpressions": [],
                      "style": "",
                      "propsArray": []
                    }
                  ],
                  "isVisible": true,
                  "propsArray": [
                    {
                      "key": "xs",
                      "value": "12",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "lg",
                      "value": "4",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "className",
                      "value": "px-4",
                      "isString": true,
                      "type": "StringLiteral"
                    },
                    {
                      "key": "key",
                      "value": "index",
                      "isString": false,
                      "type": "Identifier"
                    }
                  ]
                }
              ],
              "id": 7337847,
              "isVisible": true,
              "objectType": "array"
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "className",
              "value": "justify-content-center",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "id": 7341384,
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Features4",
      "nameStyleModule": "Features4",
      "modulePath": "src/components/Features4"
    },
    {
      "type": "component",
      "name": "FAQ",
      "id": 8283571,
      "children": [
        {
          "type": "foreach",
          "valName": "item",
          "objectName": "props.items",
          "children": [
            {
              "type": "instance",
              "componentId": 4138632,
              "attributes": "{\n\tquestion: item.question,\n  answer: item.answer,\n  key: index\n}",
              "id": 4654073,
              "isVisible": true,
              "children": [],
              "propsArray": [
                {
                  "key": "question",
                  "value": "item.question",
                  "isString": false,
                  "type": "MemberExpression"
                },
                {
                  "key": "answer",
                  "value": "item.answer",
                  "isString": false,
                  "type": "MemberExpression"
                },
                {
                  "key": "key",
                  "value": "index",
                  "isString": false,
                  "type": "Identifier"
                }
              ]
            }
          ],
          "id": 4326310,
          "indexName": "index",
          "isVisible": true,
          "objectType": "array"
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "code": "",
      "nameFormatted": "Faq",
      "nameStyleModule": "Faq",
      "modulePath": "src/components/Faq"
    },
    {
      "type": "component",
      "name": "FAQ Item",
      "code": "\tconst [expanded, setExpanded] = useState(false);\t\n",
      "id": 4138632,
      "children": [
        {
          "type": "element",
          "tagName": "article",
          "attributes": "{\n\tonClick: () => setExpanded(!expanded)\n}",
          "style": "cursor: pointer;\nborder-bottom: 1px solid #efefef;\n&:last-child { \n  border-bottom: none; \n}",
          "children": [
            {
              "type": "element",
              "tagName": "h4",
              "children": [
                {
                  "type": "element",
                  "tagName": "span",
                  "classNames": ["text-primary", "mr-3"],
                  "children": [
                    {
                      "type": "element",
                      "tagName": "i",
                      "classNames": ["fas"],
                      "classNameExpressions": [
                        {
                          "js": "expanded",
                          "classNames": ["fa-minus"]
                        },
                        {
                          "js": "!expanded",
                          "classNames": ["fa-plus"]
                        }
                      ],
                      "id": 6440995,
                      "isVisible": true,
                      "attributes": "{\n\n}",
                      "image": "",
                      "name": "",
                      "style": "",
                      "children": [],
                      "propsArray": []
                    }
                  ],
                  "id": 3354319,
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "name": "",
                  "classNameExpressions": [],
                  "style": "",
                  "propsArray": []
                },
                {
                  "type": "text",
                  "text": "{props.question}",
                  "id": 7228778,
                  "isVisible": true,
                  "children": []
                }
              ],
              "id": 6960241,
              "isVisible": true,
              "attributes": "{\n\n}",
              "image": "",
              "name": "",
              "classNames": [],
              "classNameExpressions": [],
              "style": "",
              "propsArray": []
            },
            {
              "type": "if",
              "js": "expanded",
              "children": [
                {
                  "type": "element",
                  "tagName": "div",
                  "classNames": ["mt-3"],
                  "children": [
                    {
                      "type": "text",
                      "text": "{props.answer}",
                      "id": 5789270,
                      "isVisible": true,
                      "children": []
                    }
                  ],
                  "id": 5790683,
                  "isVisible": true,
                  "attributes": "{\n\n}",
                  "image": "",
                  "name": "",
                  "classNameExpressions": [],
                  "style": "",
                  "propsArray": []
                }
              ],
              "id": 2390207,
              "isVisible": true
            }
          ],
          "id": 8652269,
          "classNames": ["py-4"],
          "isVisible": true,
          "image": "",
          "name": "",
          "classNameExpressions": [],
          "propsArray": [
            {
              "key": "onClick",
              "value": "() => setExpanded(!expanded)",
              "isString": false,
              "type": "ArrowFunctionExpression"
            }
          ]
        }
      ],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "tags": [],
      "nameFormatted": "FaqItem",
      "nameStyleModule": "FaqItem",
      "modulePath": "src/components/FaqItem"
    },
    {
      "type": "component",
      "name": "FAQ Section",
      "children": [
        {
          "type": "instance",
          "componentId": 1219852,
          "id": 804648,
          "attributes": "{\n\tbg: props.bg,\n  textColor: props.textColor,\n  size: props.size,\n  bgImage: props.bgImage,\n  bgImageOpacity: props.bgImageOpacity\n}",
          "children": [
            {
              "type": "instance",
              "subtype": "external-instance",
              "componentId": 2178390,
              "id": 6565742,
              "attributes": "{\n\n}\t",
              "children": [
                {
                  "type": "instance",
                  "componentId": 5118913,
                  "id": 8325169,
                  "attributes": "{\n\ttitle: props.title,\n  subtitle: props.subtitle,\n  // Text size (1-5)\n  size: 2,\n  // Space between title/subtitle\n  spaced: true,\n\tclassName: \"text-center\"\n}",
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "title",
                      "value": "props.title",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "subtitle",
                      "value": "props.subtitle",
                      "isString": false,
                      "type": "MemberExpression"
                    },
                    {
                      "key": "size",
                      "value": "2",
                      "isString": false,
                      "type": "NumericLiteral"
                    },
                    {
                      "key": "spaced",
                      "value": "true",
                      "isString": false,
                      "type": "BooleanLiteral"
                    },
                    {
                      "key": "className",
                      "value": "text-center",
                      "isString": true,
                      "type": "StringLiteral"
                    }
                  ]
                },
                {
                  "type": "instance",
                  "componentId": 8283571,
                  "attributes": "{\n  items: [\n    {\n      question: 'Integer ornare neque mauris?',\n      answer: 'Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus. Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n    },\n    {\n      question: 'Lorem ipsum dolor sit amet?',\n      answer: 'Nunc nulla mauris, laoreet vel cursus lacinia, consectetur sit amet tellus. Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n    },\n    {\n      question: 'Suspendisse ut tincidunt?',\n      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, metus et mattis ullamcorper. Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n    },\n    {\n      question: 'Ut enim ad minim veniam?',\n      answer: 'Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n    },\n    {\n      question: 'In velit mi, rhoncus dictum neque?',\n      answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.'\n    }\n  ]\n}",
                  "id": 2288967,
                  "isVisible": true,
                  "children": [],
                  "propsArray": [
                    {
                      "key": "items",
                      "value": "[\n  {\n    question: 'Integer ornare neque mauris?',\n    answer: 'Integer ornare neque mauris, ac vulputate lacus venenatis et. Pellentesque ut ultrices purus. Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n  },\n  {\n    question: 'Lorem ipsum dolor sit amet?',\n    answer: 'Nunc nulla mauris, laoreet vel cursus lacinia, consectetur sit amet tellus. Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n  },\n  {\n    question: 'Suspendisse ut tincidunt?',\n    answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lobortis, metus et mattis ullamcorper. Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n  },\n  {\n    question: 'Ut enim ad minim veniam?',\n    answer: 'Suspendisse ut tincidunt eros. In velit mi, rhoncus dictum neque a, tincidunt lobortis justo.'\n  },\n  {\n    question: 'In velit mi, rhoncus dictum neque?',\n    answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.'\n  }\n]",
                      "isString": false,
                      "type": "ArrayExpression"
                    }
                  ]
                }
              ],
              "isVisible": true,
              "propsArray": []
            }
          ],
          "isVisible": true,
          "propsArray": [
            {
              "key": "bg",
              "value": "props.bg",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "textColor",
              "value": "props.textColor",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "size",
              "value": "props.size",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImage",
              "value": "props.bgImage",
              "isString": false,
              "type": "MemberExpression"
            },
            {
              "key": "bgImageOpacity",
              "value": "props.bgImageOpacity",
              "isString": false,
              "type": "MemberExpression"
            }
          ]
        }
      ],
      "id": 3246815,
      "tags": ["FAQ", "Popular"],
      "isVisible": true,
      "nameLibrary": "",
      "description": "",
      "code": "",
      "nameFormatted": "FaqSection",
      "nameStyleModule": "FaqSection",
      "modulePath": "src/components/FaqSection"
    },
    {
      "id": "app",
      "type": "component",
      "subtype": "app-component",
      "globalStyle": "// COLORS\n$theme-colors: (\n  \"primary\": #0074d9,\n  \"secondary\": #6c757d,\n  \"success\": #28a745,\n  \"danger\": #ff4136,\n  \"warning\": #ffc107,\n  \"info\": #17a2b8,\n  \"light\": #f8f9fa,\n  \"dark\": #343a40,\n  \"white\": #ffffff,\n  \"transparent\": transparent\n);\n\n// TEXT\n$font-family-sans-serif: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$font-family-serif: Georgia, \"Times New Roman\", Times, serif;\n$font-family-base: $font-family-sans-serif;\n$font-size-base: 1rem;\n\n// BREAKPOINTS\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n);\n\n// SEE DOCS FOR MORE:\n// https://bit.ly/2sgFMdb\n\n// IMPORT BOOTSTRAP\n@import \"~bootstrap/scss/bootstrap\";",
      "children": [
        {
          "type": "instance",
          "componentId": 7907106,
          "id": 4920718,
          "attributes": "{\n  // Background color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"white\",\n  // light, dark\n  variant: \"light\",\n  // Collapse at breakpoint\n  // sm, md, lg\n  expand: \"md\",\n\t// Logo image url\n  logo: \"https://uploads.divjoy.com/logo.svg\"\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "white",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "variant",
              "value": "light",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "expand",
              "value": "md",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "logo",
              "value": "https://uploads.divjoy.com/logo.svg",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        },
        {
          "type": "pages",
          "id": 254058,
          "isVisible": true,
          "children": [
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 8064060,
              "id": 183135,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 6317044,
              "id": 8028326,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 7911564,
              "id": 4959790,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 1606853,
              "id": 3505433,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 5528574,
              "id": 2257183,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 6734445,
              "id": 4012457,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 1357039,
              "id": 5262833,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 2244357,
              "id": 4879494,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 9586299,
              "id": 4140859,
              "isVisible": true,
              "children": []
            },
            {
              "type": "instance",
              "subtype": "page-instance",
              "componentId": 5450495,
              "id": 4009605,
              "isVisible": true,
              "children": []
            }
          ]
        },
        {
          "type": "instance",
          "componentId": 4644163,
          "id": 9156080,
          "attributes": "{\n  // Background and text color\n  // primary, secondary, success, danger,\n  // warning, info, white, light, dark\n  bg: \"light\",\n  textColor: \"dark\",\n  // sm, md, lg\n  size: \"sm\",\n  // Background image URL\n  bgImage: \"\",\n  // Background image opacity (0-1)\n  bgImageOpacity: 1,\n\t// Text content\n  description: 'A short description of what you do here',\n  copyright: '© 2019 Company',\n  // Logo image URL\n  logo: 'https://uploads.divjoy.com/logo.svg',\n}",
          "isVisible": true,
          "children": [],
          "propsArray": [
            {
              "key": "bg",
              "value": "light",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "textColor",
              "value": "dark",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "size",
              "value": "sm",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImage",
              "value": "",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "bgImageOpacity",
              "value": "1",
              "isString": false,
              "type": "NumericLiteral"
            },
            {
              "key": "description",
              "value": "A short description of what you do here",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "copyright",
              "value": "© 2019 Company",
              "isString": true,
              "type": "StringLiteral"
            },
            {
              "key": "logo",
              "value": "https://uploads.divjoy.com/logo.svg",
              "isString": true,
              "type": "StringLiteral"
            }
          ]
        }
      ],
      "isVisible": true,
      "code": "",
      "nameFormatted": "App",
      "nameStyleModule": "App",
      "modulePath": "src/pages/_app"
    }
  ]
}