How to create the cascade in front matter and display them in html or in netlify config

Hi.
I need to create the cascade in front matter, for example:
intro:
title: “Intro title”
text: “intro text”
img: “images/image.jpg”

I can’t understand how it works.

Before it, i create like that:
introTitle: “Intro title”
introText: “intro text”
introImg: “images/image.jpg”

In config.toml i have the next settings:
[params]
facebook = “https://www.facebook.com/DiBeRImportBirra/
logo = “i/logo.svg”
phone = “+39 (0) 438 941681”
instagram = “https://www.instagram.com/diber_birra/
title = “Hugo Site For You”
phone_clear = “+390438941681”
email = “diber@diberbevande.it”

And i write them into a file config.yml for netliflycms like that:

  • name: “website-settings”
    label: “Website settings”
    files:
    • label: “Site settings”
      name: “another_settings”
      file: “config.toml”
      fields:
      • label: “Params”
        name: “params”
        widget: “object”
        fields:
        • {label: “Title”, name: “title”, widget: “string”}
        • {label: “Facebook”, name: “facebook”, widget: “string”}
        • {label: “Instagram”, name: “instagram”, widget: “string”}
        • {label: “Email”, name: “email”, widget: “string”}
        • {label: “Phone”, name: “phone”, widget: “string”}
        • {label: “Phone clear”, name: “phone_clear”, widget: “string”}
        • {label: “Logo”, name: “logo”, widget: “image”}

Thanks.