How do you model a component where the fields already exists (e.g. hero page and map fields from Product Model)

Questions and Answers Strapi Design System
1
System Information
  • Strapi Version: 4.2
  • Operating System: MacOS
  • Database: mysql
  • Node Version: v16.6.2
  • NPM Version: 8.0
  • Yarn Version:

I have a Product Content Model that has the following attributes:
name
short desc
image
ingredients

I would like to create a UI component where all of the data rendered in it is already part of the product model. How do I go about doing that?