Footer

Componente sviluppato da Bilal Amara, Thiago Alves Rodrigues e Dionise Rotaru, 2F 2022-23

Footer che apparirà sul fondo di tutte le pagine del sito. Sarà possibile passare al componente un'immagine di sfondo opzionale oppure un colore di sfondo. L'attributo opaciy permetterà di sovrapporre all'immagine un Box con il colore di sfondo e un'opacità regolabile.
La prima colonna sarà destinata a un testo descrittivo, la seconda ai social, la terza a un menù di navigazione grafico (che porta ad es. ai settori).
Sul fondo compariranno un ulteriore menù personalizzabile e una nota di copyright.

let socials = [
  { title: 'Facebook', imageUrl: 'https...', url: '...' },
  { title: 'Instagram', imageUrl: 'https...', url: '...' },
  { title: 'Youtube', imageUrl: 'https...', url: '...' },
  { title: 'Linkedin', imageUrl: 'https...', url: '...' },
]

let images = [
  { title: 'Informatico', imageUrl: 'https...', url: '...' },
  { title: 'Informatico', imageUrl: 'https...', url: '...' },
  { title: 'Informatico', imageUrl: 'https...', url: '...' },
]

let menu = [
    { title: 'BLOG', url: '/informatico' },
    { title: 'PRESENTATION', url: '/energie' },
    { title: 'DISCOVER', url: '/elettrico' },
    { title: 'PAYMENT', url: '/meccanico' },
    { title: 'CONTACT US', url: '/motoristico' },
]

<Footer
  imageUrl="https://immagine di sfondo"
  color="#777"
  opacity={1}
  title1="About Us"
  description1="Creative Tim is a startup..."
  title2="Social Feed"
  socials={socials}
  title3="I Settori"
  images={images}
  menu={menu}
  copyright="Copyright (C) 2023 9dreams Agency."
/>