Unknown Component

Received request from Uniform to render a component with the public ID: uniformAboutPage.

<UniformComposition /> does not have uniformAboutPage mapped to a React component yet.

To teach your app how to render this component:

  • Create a React component and register it with Uniform, for example
    function UniformAboutPage() {
      return (
        <div>
          UniformAboutPage!
          <UniformSlot name="seo" />
          <UniformSlot name="footer" />
          <UniformSlot name="header" />
          <UniformSlot name="content" />
        </div>
      )
    }
    
    registerUniformComponent({ type: "uniformAboutPage", component: UniformAboutPage })
    Props that your React component will receive
    {
      "component": {
        "type": "uniformAboutPage",
        "_pattern": "daea79dd-88df-473b-8ad5-ab2c0847e8ad",
        "slots": {
          "seo": [
            {
              "type": "uniformMetaDataComponent",
              "parameters": {
                "title": {
                  "type": "text",
                  "value": "Deepak-Test-over-ons"
                },
                "description": {
                  "type": "text",
                  "value": "Deepak-Test-over-ons"
                }
              }
            },
            {
              "type": "uniformPageStructuredData",
              "parameters": {
                "type": {
                  "type": "select",
                  "value": "about"
                }
              },
              "data": {
                "siteSettings": {
                  "logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 841.89 841.89\" width=\"70\" height=\"70\" role=\"img\" aria-label=\"Home\"><defs><style>.cls-1{fill:#0097db;}.cls-2{fill:#fff;}.cls-3{fill:none;}</style></defs><path class=\"cls-1\" d=\"M782.92,422.35c0,203.55-165,368.57-368.57,368.57S45.79,625.9,45.79,422.35,210.8,53.79,414.35,53.79s368.57,165,368.57,368.57\"/><path d=\"M236.28,439.26a37.05,37.05,0,0,0,11.75,13,52.1,52.1,0,0,0,17.18,7.4,85.42,85.42,0,0,0,20.42,2.42A111.35,111.35,0,0,0,301,461a55.51,55.51,0,0,0,15.32-4.34,33.18,33.18,0,0,0,11.91-8.85q4.76-5.64,4.77-14.33,0-9.33-6.3-15.14a50.55,50.55,0,0,0-16.51-9.67A172.26,172.26,0,0,0,287,401.9q-12.94-2.89-26.21-6.44a239.65,239.65,0,0,1-26.55-7.9,92.61,92.61,0,0,1-23.15-12.07A57.86,57.86,0,0,1,194.58,357q-6.31-11.12-6.31-26.89,0-17.71,8-30.76a70.13,70.13,0,0,1,20.93-21.74,93.67,93.67,0,0,1,29.27-12.88,131.58,131.58,0,0,1,32.68-4.18,163.42,163.42,0,0,1,36.59,4,94,94,0,0,1,31.15,13,67.51,67.51,0,0,1,21.62,23q8,14,8,34H324.78q-.68-10.3-4.59-17.07a29.25,29.25,0,0,0-10.38-10.63A45.35,45.35,0,0,0,295,301.43a96.21,96.21,0,0,0-18.21-1.61,66.13,66.13,0,0,0-12.93,1.29,35.65,35.65,0,0,0-11.75,4.51,28.76,28.76,0,0,0-8.68,8.05q-3.41,4.83-3.4,12.23,0,6.78,2.72,11t10.72,7.73a140,140,0,0,0,22.13,7.09q14.12,3.56,36.94,9,6.81,1.28,18.9,4.67a93.17,93.17,0,0,1,24,10.78A70.78,70.78,0,0,1,376,395.94q8.68,12.4,8.68,31.73A67,67,0,0,1,378.22,457,64.31,64.31,0,0,1,359,480.33q-12.76,9.82-31.65,15.3t-43.74,5.47a161.92,161.92,0,0,1-39-4.67,100.37,100.37,0,0,1-33.36-14.66,73.7,73.7,0,0,1-23-25.44q-8.5-15.46-8.17-36.71h51.75q0,11.59,4.42,19.64\"/><path class=\"cls-2\" d=\"M427.81,231.57v35.89h.79a64.57,64.57,0,0,1,10.67-16.63,68.92,68.92,0,0,1,15.41-13.09,77.25,77.25,0,0,1,18.57-8.41,70.42,70.42,0,0,1,20.54-3A46.43,46.43,0,0,1,506,228.2v49.35q-3.95-.75-9.48-1.31c-3.69-.37-7.25-.56-10.66-.56q-15.42,0-26.08,4.86a44.62,44.62,0,0,0-17.18,13.27,51.49,51.49,0,0,0-9.29,19.62,100.89,100.89,0,0,0-2.77,24.3v87.1H385V231.57Z\"/><path d=\"M430.58,424.84v22.55h.68a67.51,67.51,0,0,1,23-20q13.44-7.09,30.8-7.09a74.19,74.19,0,0,1,30.47,6.12q13.78,6.11,20.93,21.57a73.28,73.28,0,0,1,21.28-19.32q13.44-8.37,31.82-8.38a99,99,0,0,1,25.86,3.22,53.16,53.16,0,0,1,20.42,10.3,47.3,47.3,0,0,1,13.28,18.52q4.76,11.44,4.76,27.54V591.34H605.53V497q0-8.37-.67-15.78a32.4,32.4,0,0,0-3.75-12.88,22.07,22.07,0,0,0-9-8.7q-5.95-3.22-16.17-3.22t-16.5,3.71a27.57,27.57,0,0,0-9.87,9.65,37.24,37.24,0,0,0-4.77,13.53,97.33,97.33,0,0,0-1.19,15.3v92.75H495.25v-93.4q0-7.39-.35-14.65A39.31,39.31,0,0,0,492,469.92a20.88,20.88,0,0,0-8.51-9.82q-6-3.71-17.53-3.71a37.62,37.62,0,0,0-9,1.45,30.47,30.47,0,0,0-10.9,5.47,32.18,32.18,0,0,0-9,11.59q-3.75,7.57-3.75,19.81v96.62H385V424.84Z\"/><rect class=\"cls-3\" width=\"841.89\" height=\"841.89\"/></svg>",
                  "brand_name": "Whitelabel",
                  "payer_option": "customer"
                }
              }
            },
            {
              "type": "uniformFaqStructuredDataComponent",
              "_pattern": "4d21cd9e-f0d5-44fb-ad25-3992ea60f14e"
            },
            {
              "type": "uniformBreadcrumbStructuredDataComponent",
              "_pattern": "df1f05cc-9ce5-4c67-a5a0-c79aea074897"
            }
          ],
          "footer": [
            {
              "type": "uniformBase",
              "_pattern": "70db0365-0ce9-4799-bacd-c682dea095fc",
              "slots": {
                "content": [
                  {
                    "type": "uniformFooterComponent",
                    "_pattern": "22ea55bc-3c9d-46ff-b52e-07d0173d87c1",
                    "parameters": {
                      "socialIcons": {
                        "type": "json",
                        "value": [
                          {
                            "name": "Facebook",
                            "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3\" /></svg>",
                            "url": "https://www.facebook.com/NCOIopleidingen",
                            "openInNewTab": true
                          },
                          {
                            "name": "Instagram",
                            "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z\" /><path d=\"M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0\" /><path d=\"M16.5 7.5l0 .01\" /></svg>",
                            "url": "https://www.instagram.com/ncoi_opleidingen/",
                            "openInNewTab": true
                          },
                          {
                            "name": "LinkedIn",
                            "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z\" /><path d=\"M8 11l0 5\" /><path d=\"M8 8l0 .01\" /><path d=\"M12 16l0 -5\" /><path d=\"M16 16v-3a2 2 0 0 0 -4 0\" /></svg>",
                            "url": "http://www.linkedin.com/company/ncoi",
                            "openInNewTab": true
                          },
                          {
                            "name": "X",
                            "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 4l11.733 16h4.267l-11.733 -16z\" /><path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\" /></svg>",
                            "url": "https://twitter.com/ncoi",
                            "openInNewTab": true
                          }
                        ]
                      },
                      "doormatNavigation": {
                        "type": "json",
                        "value": [
                          {
                            "title": "Populaire opleidingen",
                            "items": [
                              {
                                "id": "8f298cde-dfae-41cc-8604-9ac6e856d7d7",
                                "label": "Master of Business Administration (MBA)",
                                "url": "/search",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "78479e7c-c0c0-4331-b369-490d2461f93b",
                                "label": "Leergang projectmanagement",
                                "url": "/search",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "d480f8e9-ae13-48b8-aec2-975f410c153d",
                                "label": "HBO bedrijfskunde",
                                "url": "/search",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "666ccd99-38cb-4b89-9f95-8e783e9ae6a6",
                                "label": "Master Business Engineering",
                                "url": "/search",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "a8d594ee-f0ca-4e12-a5d1-94665add9ca1",
                                "label": "HBO Technische Bedrijfskunde",
                                "url": "/search",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "70852ecd-6fc0-4bfc-90ff-37766ca8f063",
                                "label": "HBO logistiek en Supply Chain Management",
                                "url": "/search",
                                "style": "default",
                                "openInNewTab": false
                              }
                            ],
                            "id": "6220f767-5442-4e81-888d-4264bdbe002e"
                          },
                          {
                            "title": "Populaire vakgebieden",
                            "items": [
                              {
                                "id": "7d44b601-0ee6-40ca-9706-aec7f85f27eb",
                                "label": "Management",
                                "url": "",
                                "style": "default",
                                "openInNewTab": true
                              },
                              {
                                "id": "fce08211-a8ac-4989-ab40-d4c0d40f372f",
                                "label": "IT & Digitalisering",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "83cb1fad-0768-4d70-bc59-ed3942eedfb5",
                                "label": "Cybersecurity",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "33d04e94-4148-4530-9ac2-87f91a74590c",
                                "label": "HRM & Talenontwikkeling",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "8d06bc7e-b4fc-4045-a17e-bac09ded62c5",
                                "label": "Verpleegkunde",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "7908e36c-c4fc-4822-ba17-af8338b4bd5a",
                                "label": "Accountmanagement",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "19611061-eed5-4308-a05e-f72921e81279",
                                "label": "Retailmanagement",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "437d540b-759d-403f-9a97-61d8a7e3ab01",
                                "label": "Bedrijfskunde",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "639ba350-b65f-427c-976e-23c6c08e52a0",
                                "label": "Leiderschap",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "e11914d0-1120-434b-9bee-02489c6b6101",
                                "label": "Projectmanagement",
                                "url": "",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "a2ac73a9-fae9-4eb4-a24d-d5632597a790",
                                "label": "Bedrijfskunde",
                                "url": "",
                                "style": "default",
                                "openInNewTab": true
                              }
                            ],
                            "id": "9517958f-46bb-4993-9637-a9badba085f9"
                          },
                          {
                            "title": "Service en Informatie",
                            "items": [
                              {
                                "id": "e7a15783-565a-45c6-991d-e826a6050e81",
                                "label": "Contact",
                                "url": "/contact",
                                "style": "default",
                                "openInNewTab": true
                              },
                              {
                                "id": "1a42617d-28a6-4de5-b455-977c5a518ba2",
                                "label": "Over ons",
                                "url": "/contact",
                                "style": "default",
                                "openInNewTab": true
                              },
                              {
                                "id": "01c92016-5867-4ded-bbb9-49f26fa78323",
                                "label": "Onze docenten",
                                "url": "/contact",
                                "style": "default",
                                "openInNewTab": true
                              },
                              {
                                "id": "7ffe470e-ad1a-4140-a2bd-1182fee655ca",
                                "label": "Onze locaties",
                                "url": "/contact",
                                "style": "default",
                                "openInNewTab": true
                              },
                              {
                                "id": "a34861a2-12db-4f27-abd0-1d38dc9e4ee1",
                                "label": "Voor werkgevers",
                                "url": "/contact",
                                "style": "default",
                                "openInNewTab": true
                              }
                            ],
                            "id": "ec063de1-6f8e-4246-85c7-668cd47e0774"
                          }
                        ]
                      },
                      "subFooterNavigation": {
                        "type": "json",
                        "value": [
                          {
                            "title": "Subfooter",
                            "items": [
                              {
                                "id": "0bc157d4-05fa-4ba9-8e0b-b74c91e728a8",
                                "label": "Sitemap",
                                "url": "/sitemap",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "bf6f7485-c804-4d5a-94e1-b0f6bc17eb90",
                                "label": "Algemene voorwaarden",
                                "url": "/algemene-voorwaarden",
                                "style": "default",
                                "openInNewTab": false
                              },
                              {
                                "id": "07d550b6-e512-4bf0-a5aa-d7cb0dbfc4df",
                                "label": "Privacy-en Cookieverklaring",
                                "url": "/cookies",
                                "style": "default",
                                "openInNewTab": false
                              }
                            ],
                            "id": "6b7a7495-acce-4e83-b954-56fc31245175"
                          }
                        ]
                      }
                    },
                    "slots": {
                      "teaser": [
                        {
                          "type": "uniformFooterTeaserComponent",
                          "slots": {
                            "formInModal": [
                              {
                                "type": "uniformFormComponent",
                                "_pattern": "f3ca10b4-8e84-4b99-947c-41bf944cc69b",
                                "parameters": {
                                  "formId": {
                                    "type": "text",
                                    "value": "71ec3ab5-8f9c-44bc-9d39-8d6bf1fd0db5"
                                  },
                                  "formName": {
                                    "type": "text",
                                    "value": "Form Name For Analytics"
                                  },
                                  "portalId": {
                                    "type": "text",
                                    "value": "145547073"
                                  },
                                  "buttonIcon": {
                                    "type": "json",
                                    "value": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M8 9h8\" /><path d=\"M8 13h6\" /><path d=\"M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z\" /></svg>"
                                  },
                                  "modalTitle": {
                                    "type": "text",
                                    "value": "Kostenoverzicht"
                                  },
                                  "buttonLabel": {
                                    "type": "text",
                                    "value": "Form in modal button"
                                  },
                                  "buttonEmphasis": {
                                    "type": "select",
                                    "value": "primary"
                                  }
                                },
                                "slots": {
                                  "manipulations": []
                                }
                              }
                            ]
                          },
                          "parameters": {
                            "body": {
                              "type": "text",
                              "value": "Footer Teaser Body lorem ipsum"
                            },
                            "title": {
                              "type": "text",
                              "value": "Footer Teaser Title"
                            }
                          }
                        }
                      ]
                    },
                    "data": {
                      "siteSettings": {
                        "brand_name": "Whitelabel",
                        "kvk": "KVK000000",
                        "btw": "BTW0000000",
                        "address_street": "Marathon 7",
                        "address_postal_code": "3831AP",
                        "address_locality": "Hilversum",
                        "telephone": "035 – 6 400 411",
                        "email": "[email protected]"
                      }
                    }
                  }
                ]
              },
              "_patternOverrides": {
                "2dad5f4c-2b29-4810-86ba-ab116143a10e|be6ad717-3b79-4b21-8bb1-35ad4df102cb|0cc7eeee-e3e4-4617-81d0-66efd96b13b6": {
                  "parameters": {
                    "formId": {
                      "type": "text",
                      "value": "71ec3ab5-8f9c-44bc-9d39-8d6bf1fd0db5"
                    },
                    "modalTitle": {
                      "type": "text",
                      "locales": {
                        "nl-NL": "Kostenoverzicht"
                      }
                    },
                    "buttonLabel": {
                      "type": "text",
                      "locales": {
                        "nl-NL": "Form in modal button"
                      }
                    },
                    "buttonEmphasis": {
                      "type": "select",
                      "value": "primary"
                    }
                  },
                  "dataResources": {
                    "Button Icon": {
                      "type": "inlineIcon",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "e_mail_f88f0cc"
                      }
                    }
                  }
                },
                "2dad5f4c-2b29-4810-86ba-ab116143a10e|be6ad717-3b79-4b21-8bb1-35ad4df102cb|76cbabb6-3e0c-4d2e-a528-bfd53f995d0b": {
                  "dataResources": {
                    "Social Icons": {
                      "type": "socialsItems",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "facebook,instagram,linkedin,x"
                      }
                    },
                    "Doormat Navigation": {
                      "type": "navigationGroupItems",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "footer___populaire_opleidingen,footer___populaire_vakgebieden,footer___service_en_informatie"
                      }
                    },
                    "Subfooter Navigation": {
                      "type": "navigationGroupItem",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "footer___subfooter"
                      }
                    }
                  }
                },
                "2dad5f4c-2b29-4810-86ba-ab116143a10e|be6ad717-3b79-4b21-8bb1-35ad4df102cb|76cbabb6-3e0c-4d2e-a528-bfd53f995d0b|a3c4b627-c2db-4cfb-885e-381193336085": {
                  "slots": {
                    "$slotSectionItems": [
                      {
                        "_id": "2dad5f4c-2b29-4810-86ba-ab116143a10e|be6ad717-3b79-4b21-8bb1-35ad4df102cb|6fca0f0c-8ed9-44fa-9f18-501d5c843713",
                        "type": "uniformFooterTeaserComponent",
                        "slots": {
                          "formInModal": [
                            {
                              "_id": "2dad5f4c-2b29-4810-86ba-ab116143a10e|be6ad717-3b79-4b21-8bb1-35ad4df102cb|0cc7eeee-e3e4-4617-81d0-66efd96b13b6",
                              "type": "uniformFormComponent",
                              "_pattern": "f3ca10b4-8e84-4b99-947c-41bf944cc69b",
                              "_dataResources": {
                                "Button Icon": {
                                  "type": "inlineIcon",
                                  "variables": {
                                    "language": "",
                                    "itemsCodenames": "e_mail_f88f0cc"
                                  }
                                }
                              },
                              "parameters": {
                                "formId": {
                                  "type": "text",
                                  "value": "71ec3ab5-8f9c-44bc-9d39-8d6bf1fd0db5"
                                },
                                "formName": {
                                  "type": "text",
                                  "value": "Form Name For Analytics"
                                },
                                "portalId": {
                                  "type": "text",
                                  "value": "145547073"
                                },
                                "buttonIcon": {
                                  "type": "json",
                                  "value": "${#jptr:/Button Icon/item/elements/svg_code/value}"
                                },
                                "modalTitle": {
                                  "type": "text",
                                  "value": "Kostenoverzicht"
                                },
                                "buttonLabel": {
                                  "type": "text",
                                  "value": "Form in modal button"
                                },
                                "buttonEmphasis": {
                                  "type": "select",
                                  "value": "primary"
                                }
                              },
                              "slots": {
                                "manipulations": []
                              },
                              "_patternDataResources": {
                                "Button Icon": {
                                  "type": "inlineIcon",
                                  "variables": {
                                    "language": "",
                                    "itemsCodenames": "code_inline_icon"
                                  },
                                  "isPatternParameter": true,
                                  "optionalPatternParameter": true,
                                  "ignorePatternParameterDefault": true
                                }
                              }
                            }
                          ]
                        },
                        "parameters": {
                          "body": {
                            "type": "text",
                            "value": "Footer Teaser Body lorem ipsum"
                          },
                          "title": {
                            "type": "text",
                            "value": "Footer Teaser Title"
                          }
                        }
                      }
                    ]
                  }
                }
              }
            }
          ],
          "header": [
            {
              "type": "uniformBase",
              "_pattern": "1066eda6-afc6-4fe4-b380-da33338ba722",
              "slots": {
                "content": [
                  {
                    "type": "uniformHeaderComponent",
                    "_pattern": "9fd20e01-b3cf-4197-b6cd-7016b70f8a57",
                    "parameters": {
                      "index": {
                        "type": "algolia-components",
                        "value": "staging_ncoi_opleidingen_courses_nl"
                      },
                      "uspBar": {
                        "type": "json",
                        "value": [
                          {
                            "id": "db358f3b-b5e4-4247-9c4c-94c70abb9293",
                            "title": "Flexibel",
                            "body": "Klassikaal of virtual classroom mét switchgarantie",
                            "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-school\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M22 9l-10 -4l-10 4l10 4l10 -4v6\" /><path d=\"M6 10.6v5.4a6 3 0 0 0 12 0v-5.4\" /></svg>",
                            "url": null,
                            "openInNewTab": null
                          },
                          {
                            "id": "79624f24-7db3-4e8f-a752-8fd8b35f3637",
                            "title": "Test Title for USP",
                            "body": "This area is used for testing USP",
                            "icon": "<svg  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"  stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4\" /><path d=\"M13.5 6.5l4 4\" /></svg>",
                            "url": "https://www.google.com",
                            "openInNewTab": false
                          },
                          {
                            "id": "215edc9b-0293-4b0b-bce7-2761da44b8c6",
                            "title": "Afgestemd op jouw kennis en ervaring",
                            "body": "Afgestemd op jouw kennis en ervaring",
                            "icon": null,
                            "url": null,
                            "openInNewTab": null
                          }
                        ]
                      },
                      "noResults": {
                        "type": "text",
                        "value": "Geen resultaten, typ minimaal 3 karakters"
                      },
                      "contactLink": {
                        "type": "json",
                        "value": {
                          "id": "0fd091c2-e87a-4d4e-8d29-a693b3a9c977",
                          "label": "Contact",
                          "isResolved": true,
                          "openInNewTab": false,
                          "url": "/blog/ik-ben-nu-meer-een-coachende-manager-2nd-block"
                        }
                      },
                      "placeholder": {
                        "type": "text",
                        "value": "Zoek opleidingen"
                      },
                      "resultsPage": {
                        "type": "link",
                        "value": {
                          "path": "/search",
                          "type": "projectMapNode",
                          "nodeId": "a5198291-07d4-48b1-8a11-8b0ce74c9859",
                          "projectMapId": "720abe20-a9e0-4840-99d1-973d3c6a72b1"
                        }
                      },
                      "eConnectLink": {
                        "type": "json",
                        "value": {
                          "id": "0bc4299f-7767-4d6b-9b30-2d3bcba45609",
                          "label": "E-connect",
                          "isResolved": true,
                          "openInNewTab": true,
                          "url": "https://mijn-econnect.nl/"
                        }
                      },
                      "goToAllResultsFor": {
                        "type": "text",
                        "value": "Bekijk alle opleidingen voor"
                      },
                      "hamburgerNavigation": {
                        "type": "json",
                        "value": {
                          "navigationGroupTitle": "Hamburger menu",
                          "navigationItems": [
                            {
                              "id": "84b674d9-3dad-4347-85e7-a29a841664ba",
                              "label": "Alle opleidingen",
                              "url": "https://www.google.com",
                              "style": "emphasized",
                              "children": null,
                              "openInNewTab": false
                            },
                            {
                              "id": "2e036e9c-ed8b-4c89-ab4b-54d30fe90f8d",
                              "label": "Voor werkgevers",
                              "url": "/voor-werkgevers",
                              "style": "default",
                              "children": null,
                              "openInNewTab": false
                            },
                            {
                              "id": "93948618-f959-4617-b68f-e1baac16d1ef",
                              "label": "Contact",
                              "url": "/contact",
                              "style": "default",
                              "children": null,
                              "openInNewTab": true
                            },
                            {
                              "id": "208197fa-3045-5c8e-b03a-d8e2c63c5efc",
                              "label": "Niveaus",
                              "url": null,
                              "style": null,
                              "children": [
                                {
                                  "isResolved": true,
                                  "id": "ceb7a4a5-3cd9-4f9d-b0dd-1475de2da13f",
                                  "label": "HBO-niveau",
                                  "url": "/opleidingen/hbo-niveau",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "15939fbe-5d10-4def-9696-a098431d6593",
                                      "label": "HBO Associate degrees",
                                      "url": "/opleidingen/hbo-associate-degrees",
                                      "children": []
                                    },
                                    {
                                      "isResolved": true,
                                      "id": "2d8f4001-4de8-49cb-9b61-9afe78a83352",
                                      "label": "HBO Bacheloropleidingen",
                                      "url": "/opleidingen/alle-hbo-opleidingen",
                                      "children": []
                                    },
                                    {
                                      "isResolved": true,
                                      "id": "c8cca9af-fb80-456c-b4a4-f0c1aaa897c9",
                                      "label": "HBO-modules",
                                      "url": "/opleidingen/alle-hbo-modules",
                                      "children": []
                                    }
                                  ]
                                },
                                {
                                  "isResolved": true,
                                  "id": "ea62b0e3-4d2b-4019-b26a-99418307fab2",
                                  "label": "Masterniveau",
                                  "url": "/opleidingen/masterniveau",
                                  "children": []
                                },
                                {
                                  "isResolved": true,
                                  "id": "270671b7-d481-4798-8129-71faed1622fb",
                                  "label": "UCP niveau test - lvl 1",
                                  "url": "/opleidingen/ucp-niveau-test-lvl-1",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "eede54ac-4bfb-4a88-8d1e-6614ab2c38d8",
                                      "label": "UCP niveau test - lvl 2",
                                      "url": "/opleidingen/ucp-vakgebied-test--lvl-2",
                                      "children": []
                                    }
                                  ]
                                }
                              ],
                              "openInNewTab": null
                            },
                            {
                              "id": "685e3615-9e7b-5100-86c3-4442155c7632",
                              "label": "Vakgebieden",
                              "url": null,
                              "style": null,
                              "children": [
                                {
                                  "isResolved": true,
                                  "id": "d67cb7ef-996b-4458-b287-818cbd279747",
                                  "label": "Bedrijfskunde",
                                  "url": "/opleidingen/bedrijfskunde",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "1d2377e1-ce61-43a0-b986-e99f5f94d8ea",
                                      "label": "Business Studies",
                                      "url": "/opleidingen/business-studies",
                                      "children": []
                                    },
                                    {
                                      "isResolved": true,
                                      "id": "67cb9d53-e8df-406f-a260-02e71f0b50ce",
                                      "label": "Strategie en Verandering",
                                      "url": "/opleidingen/strategie-en-verandering",
                                      "children": []
                                    },
                                    {
                                      "isResolved": true,
                                      "id": "417e9234-ccab-48d0-938d-49d7af84b1ab",
                                      "label": "Technische Bedrijfskunde",
                                      "url": "/opleidingen/technische-bedrijfskunde",
                                      "children": []
                                    }
                                  ]
                                },
                                {
                                  "isResolved": true,
                                  "id": "f2233e80-6f6d-4ff9-9b3d-361d49edf353",
                                  "label": "test Marta 21-5-2025x",
                                  "url": "/opleidingen/test-marta-21-5-2025x",
                                  "children": []
                                },
                                {
                                  "isResolved": true,
                                  "id": "4b3c6987-105a-45d6-b333-ef90f8fbc909",
                                  "label": "Bouw, Architectuur en Vastgoed",
                                  "url": "/opleidingen/bouw-architectuur-en-vastgoed",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "cdefc3d7-faad-4be0-ab83-1f966d15a791",
                                      "label": "(Binnenhuis)architectuur",
                                      "url": "/opleidingen/binnenhuisarchitectuur",
                                      "children": []
                                    },
                                    {
                                      "isResolved": true,
                                      "id": "823b780f-61c7-4bae-b402-7ecc5c2359d9",
                                      "label": "Bouw: Werkvoorbereiding en Technisch Tekenen",
                                      "url": "/opleidingen/bouw-werkvoorbereiding-en-technisch-tekenen",
                                      "children": []
                                    }
                                  ]
                                },
                                {
                                  "isResolved": true,
                                  "id": "642f9640-5fae-49b8-b846-57bf54b471be",
                                  "label": "Communicatie",
                                  "url": "/opleidingen/communicatie",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "045a6614-c143-4b0f-9972-499d58cb93b4",
                                      "label": "Adviesvaardigheden",
                                      "url": "/opleidingen/adviesvaardigheden",
                                      "children": []
                                    }
                                  ]
                                },
                                {
                                  "isResolved": true,
                                  "id": "d0100563-e6c1-4ee7-8b42-d4dc441dc97e",
                                  "label": "Facilitair",
                                  "url": "/opleidingen/facilitair",
                                  "children": []
                                },
                                {
                                  "isResolved": true,
                                  "id": "c3881ef7-749a-40c9-9a31-76f09ef85c48",
                                  "label": "Financieel",
                                  "url": "/opleidingen/financieel",
                                  "children": []
                                },
                                {
                                  "isResolved": true,
                                  "id": "2c99ebc2-7c72-469d-83d3-b20d3d976bcc",
                                  "label": "Gezondheid en Welzijn",
                                  "url": "/opleidingen/gezondheid-en-welzijn",
                                  "children": []
                                },
                                {
                                  "isResolved": true,
                                  "id": "b47f813e-70f3-45b5-b8a6-bfca2d38e5f0",
                                  "label": "HR",
                                  "url": "/opleidingen/hr",
                                  "children": []
                                },
                                {
                                  "isResolved": true,
                                  "id": "bf1d3201-56a1-4d79-8956-6c1af746e7dd",
                                  "label": "Zorg en Paramedisch",
                                  "url": "/opleidingen/zorg-en-paramedisch",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "837cb790-49cd-4474-99dc-d078ede2c680",
                                      "label": "Verpleegkunde en (Medische) Zorg",
                                      "url": "/opleidingen/verpleegkunde-en-medische-zorg",
                                      "children": []
                                    }
                                  ]
                                },
                                {
                                  "isResolved": true,
                                  "id": "24ee33e1-202f-46e5-bcf5-2ba013ce8f4d",
                                  "label": "UCP vakgebied test - lvl 1",
                                  "url": "/opleidingen/ucp-vakgebied-test-lvl-1",
                                  "children": [
                                    {
                                      "isResolved": true,
                                      "id": "72a974f3-2164-4bb9-a1d9-d1aba3f19a0f",
                                      "label": "UCP vakgebied test - lvl 2",
                                      "url": "/opleidingen/ucp-vakgebied-test-lvl-2",
                                      "children": []
                                    }
                                  ]
                                }
                              ],
                              "openInNewTab": null
                            }
                          ]
                        }
                      },
                      "subheaderNavigation": {
                        "type": "json",
                        "value": {
                          "navigationGroupTitle": "Subheader navigation",
                          "navigationItems": [
                            {
                              "id": "2e036e9c-ed8b-4c89-ab4b-54d30fe90f8d",
                              "label": "Voor werkgevers",
                              "url": "/voor-werkgevers",
                              "style": "default",
                              "children": null,
                              "openInNewTab": false
                            },
                            {
                              "id": "daaffbdd-d7f9-4473-a2cf-42b20327579d",
                              "label": "Over ons",
                              "url": "/over-ons",
                              "style": "default",
                              "children": null,
                              "openInNewTab": true
                            }
                          ]
                        }
                      }
                    },
                    "data": {
                      "siteSettings": {
                        "logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 841.89 841.89\" width=\"70\" height=\"70\" role=\"img\" aria-label=\"Home\"><defs><style>.cls-1{fill:#0097db;}.cls-2{fill:#fff;}.cls-3{fill:none;}</style></defs><path class=\"cls-1\" d=\"M782.92,422.35c0,203.55-165,368.57-368.57,368.57S45.79,625.9,45.79,422.35,210.8,53.79,414.35,53.79s368.57,165,368.57,368.57\"/><path d=\"M236.28,439.26a37.05,37.05,0,0,0,11.75,13,52.1,52.1,0,0,0,17.18,7.4,85.42,85.42,0,0,0,20.42,2.42A111.35,111.35,0,0,0,301,461a55.51,55.51,0,0,0,15.32-4.34,33.18,33.18,0,0,0,11.91-8.85q4.76-5.64,4.77-14.33,0-9.33-6.3-15.14a50.55,50.55,0,0,0-16.51-9.67A172.26,172.26,0,0,0,287,401.9q-12.94-2.89-26.21-6.44a239.65,239.65,0,0,1-26.55-7.9,92.61,92.61,0,0,1-23.15-12.07A57.86,57.86,0,0,1,194.58,357q-6.31-11.12-6.31-26.89,0-17.71,8-30.76a70.13,70.13,0,0,1,20.93-21.74,93.67,93.67,0,0,1,29.27-12.88,131.58,131.58,0,0,1,32.68-4.18,163.42,163.42,0,0,1,36.59,4,94,94,0,0,1,31.15,13,67.51,67.51,0,0,1,21.62,23q8,14,8,34H324.78q-.68-10.3-4.59-17.07a29.25,29.25,0,0,0-10.38-10.63A45.35,45.35,0,0,0,295,301.43a96.21,96.21,0,0,0-18.21-1.61,66.13,66.13,0,0,0-12.93,1.29,35.65,35.65,0,0,0-11.75,4.51,28.76,28.76,0,0,0-8.68,8.05q-3.41,4.83-3.4,12.23,0,6.78,2.72,11t10.72,7.73a140,140,0,0,0,22.13,7.09q14.12,3.56,36.94,9,6.81,1.28,18.9,4.67a93.17,93.17,0,0,1,24,10.78A70.78,70.78,0,0,1,376,395.94q8.68,12.4,8.68,31.73A67,67,0,0,1,378.22,457,64.31,64.31,0,0,1,359,480.33q-12.76,9.82-31.65,15.3t-43.74,5.47a161.92,161.92,0,0,1-39-4.67,100.37,100.37,0,0,1-33.36-14.66,73.7,73.7,0,0,1-23-25.44q-8.5-15.46-8.17-36.71h51.75q0,11.59,4.42,19.64\"/><path class=\"cls-2\" d=\"M427.81,231.57v35.89h.79a64.57,64.57,0,0,1,10.67-16.63,68.92,68.92,0,0,1,15.41-13.09,77.25,77.25,0,0,1,18.57-8.41,70.42,70.42,0,0,1,20.54-3A46.43,46.43,0,0,1,506,228.2v49.35q-3.95-.75-9.48-1.31c-3.69-.37-7.25-.56-10.66-.56q-15.42,0-26.08,4.86a44.62,44.62,0,0,0-17.18,13.27,51.49,51.49,0,0,0-9.29,19.62,100.89,100.89,0,0,0-2.77,24.3v87.1H385V231.57Z\"/><path d=\"M430.58,424.84v22.55h.68a67.51,67.51,0,0,1,23-20q13.44-7.09,30.8-7.09a74.19,74.19,0,0,1,30.47,6.12q13.78,6.11,20.93,21.57a73.28,73.28,0,0,1,21.28-19.32q13.44-8.37,31.82-8.38a99,99,0,0,1,25.86,3.22,53.16,53.16,0,0,1,20.42,10.3,47.3,47.3,0,0,1,13.28,18.52q4.76,11.44,4.76,27.54V591.34H605.53V497q0-8.37-.67-15.78a32.4,32.4,0,0,0-3.75-12.88,22.07,22.07,0,0,0-9-8.7q-5.95-3.22-16.17-3.22t-16.5,3.71a27.57,27.57,0,0,0-9.87,9.65,37.24,37.24,0,0,0-4.77,13.53,97.33,97.33,0,0,0-1.19,15.3v92.75H495.25v-93.4q0-7.39-.35-14.65A39.31,39.31,0,0,0,492,469.92a20.88,20.88,0,0,0-8.51-9.82q-6-3.71-17.53-3.71a37.62,37.62,0,0,0-9,1.45,30.47,30.47,0,0,0-10.9,5.47,32.18,32.18,0,0,0-9,11.59q-3.75,7.57-3.75,19.81v96.62H385V424.84Z\"/><rect class=\"cls-3\" width=\"841.89\" height=\"841.89\"/></svg>",
                        "brand_name": "Whitelabel"
                      }
                    }
                  }
                ]
              },
              "_patternOverrides": {
                "2dad5f4c-2b29-4810-86ba-ab116143a10e|cec9000b-9d10-4c97-bacf-4711e36abab1|46917071-e3bc-46be-b232-d4f476e83db2": {
                  "parameters": {
                    "resultsPage": {
                      "type": "link",
                      "locales": {
                        "nl-NL": {
                          "path": "/search",
                          "type": "projectMapNode",
                          "nodeId": "a5198291-07d4-48b1-8a11-8b0ce74c9859",
                          "projectMapId": "720abe20-a9e0-4840-99d1-973d3c6a72b1"
                        }
                      }
                    }
                  },
                  "dataResources": {
                    "USP Bar": {
                      "type": "uspBlockItems",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "usp_1,diploma,afgestemd_op_jouw_kennis_en_ervaring"
                      }
                    },
                    "Contact Link": {
                      "type": "linkItem",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "contact"
                      }
                    },
                    "E-Connect Link": {
                      "type": "linkItem",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "e_connect"
                      }
                    },
                    "Hamburger Navigation": {
                      "type": "navigationGroupItem",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "hamburger_menu"
                      }
                    },
                    "Subheader Navigation": {
                      "type": "navigationGroupItem",
                      "variables": {
                        "language": "",
                        "itemsCodenames": "subheader_navigation"
                      }
                    }
                  }
                }
              }
            }
          ],
          "content": []
        }
      }
    }
  • Import the component into the file where <UniformComposition /> is defined, for example
    import "../components/UniformAboutPage.tsx"

Need more help? Check out the documentation.