Products

Componente sviluppato da Lorenzo Alberti e Elia Barbaric, 2F 2022-23

Presenta una serie di prodotti in evidenza. Riceve un titolo, una descrizione e un array contenente un oggetto per ogni prodotto.
L'attributo cardWidth specifica la larghezza delle singole colonne... nell'esempio sopra abbiamo tre colonne che occupano ognuna i 4/12 della larghezza della pagina.
Se l'array products dovesse contenere un numero maggiore di oggetti, questi dovrebbero andare a capo.

let products = [
  {
     title: "NextJS Material Kit Free",
     category: "FREE UI KIT",
     description: "It is a Fre Material-UI Kit with.....",
     immagineUrl: "https:...",
     url: "https..."
  },
  ...
]

<Products
  title="Some of Our Awesome Products"
  description="This is the paragraph......."
  products={ products }
  cardWidth={ 4 }
  borderRadius="10px"
  aspectRatio="3 / 2"
/>