Ability to add title to features section

[itsWindows11]

Is your feature request related to a problem? Please describe.

It would be good to be able to add title text to the features section.

Describe the solution you'd like

Provide a property for setting the header text for features section.

Example:

---
layout: home
features-title: Features
features:
  - icon: 🛠️
    title: Simple and minimal, always
    details: Lorem ipsum...
  - icon:
      src: /cool-feature-icon.svg
    title: Another cool feature
    details: Lorem ipsum...
  - icon:
      dark: /dark-feature-icon.svg
      light: /light-feature-icon.svg
    title: Another cool feature
    details: Lorem ipsum...
---

Describe alternatives you've considered

Using ::before in CSS for the VPHomeFeatures element and setting content works but feels hacky and isn't accessibility friendly.

This is how it looks like with the workaround, basically what I'd want:

div.VPHomeFeatures div.container::before {
  content: 'Reviews';
  font-size: 24px;
  font-weight: 600;
}

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Read the Contributing Guidelines.
• Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.

[softxiaohui]

test

[Ephenodrom]

I am also looking for some kind of multiple feature sections on the home page. You should be able to add a title to each feature set.

This offers the possibility for example to use the feature set as a link collection where each set represents a different environment. Maybe use the same markdown layout and add a tag field. After that, group the features by tag.

[itsWindows11]

Yeah was gonna ask for that too but I feel like it's slightly outside the scope of this issue.

[itsWindows11]

@brc-dd Would this issue be approved to work on perhaps? I could try to add it.