LandingHero

Componente sviluppato da Filippo Bagnoli, Valentina Segato, Elia Barbaric, Lorenzo Alberti, 2F 2022-23

Useremo questo componente nella home page: oltre a un'immagine e a un testo d'impatto conterrà un bottone che permetterà di raggiungere una pagina da mettere in evidenza.
In alto a sinistra comparirà la scritta siteName, in alto a destra una serie di link che porteranno alle sezioni principali del sito.
All'immagine sarà sovrapposta una schermatura nera della quale sarà possibile regolare l'opacità con l'apposito attributo.

let menu = [
    { title: 'Informatico', url: '/informatico' },
    { title: 'Energie', url: '/energie' },
    { title: 'Elettrico', url: '/elettrico' },
    { title: 'Meccanico', url: '/meccanico' },
    { title: 'Motoristico', url: '/motoristico' },
    { title: 'Carrozzeria', url: '/carrozzeria' },
    { title: 'Trasparenza', url: '/trasparenza' },
]

<LandingHero
  siteName="CFP DON BOSCO"
  title="Your Story Starts With Us."
  description="Every landing page needs a small description......."
  imageUrl="https://url.dell.immagine"
  opacity={ 0.7 }
  buttonText="WATCH VIDEO"
  buttonUrl="https://....."
  menu={ menu }
  height={ 80 }
/>

I parametri buttonText, buttonUrl e menu sono opzionali