Home page e chi siamo

VIETATO USARE CHAT GPT E ALTRE IA PER GENERARE CODICE, AL MASSIMO PER CHIEDERE PROPRIETA' TAILWIND O INFO. CHI USERA IA PERDERA' TUTTI I PUNTI CON UN CONSEGUENTE 4 (VERETE INTERROGATI SUL CODICE). 

LEGGERE MOOOOLTO BENE LA CONSEGNA GRAZIE!


Esercizio: Costruzione di un Sito Web Semplice con Componenti Riusabili

Durata: 1 ore

Obiettivo: Creare un sito web semplice con una homepage, utilizzando componenti riusabili e personalizzati, con particolare attenzione al footer(opzionale) e all'Hero Section.

Requisiti:

  1. Nuovo Repository:

    • Crea un nuovo repository su GitHub per questo progetto.
  2. Layout Condiviso:

    • Utilizzare un layout condiviso (layout.js) che includa: 
      • Navbar (componente Navbar.js)
      • Footer (nuovo componente Footer.js) - Il footer contiene in genere informazioni di contatto base (es. email), copyright, e social media (facoltativo).
  3. Navbar:

    • Utilizzare il componente Navbar.js preesistente, personalizzandolo con Tailwind CSS.
    • Aggiungere i link: "Home", "Chi siamo", e "Contatti".
  4. Footer (opzionale ma fino 300 punti):

    • Creare un nuovo componente Footer.js che includa: 
      • Informazioni di contatto (es. un indirizzo email).
      • Un breve messaggio di copyright.
      • Facoltativo: Icone dei social media con link.
    • Utilizzare Tailwind CSS per stilizzare il footer.
  5. Homepage (app/page.js):

    • Creare una homepage con: 
      • Hero Section:
        • Creare un componente Hero.js che includa: 
          • Un'immagine di sfondo a tutta larghezza, pertinente al tema.
          • Un titolo principale che descriva lo scopo del sito, sovrapposto all'immagine(opzionale).
          • Una breve descrizione, anch'essa sovrapposta all'immagine(opzionale).
      • Utilizzare almeno 2 Card preesistenti e personalizzate, con temi coerenti al tema del singolo studente.
      • Un Bannerone.
  6. Stilizzazione:

    • Utilizzare Tailwind CSS per stilizzare l'intero sito web.
    • Assicurarsi che il design sia coerente e responsivo.
Temi Individuali:

  • BASSETTO MATTIA: Sito di recensioni di film.
  • CAGAYAN MENGO ALESSANDRO: Blog di videogiochi retro.
  • CALZAVARA CARLO ANDREA: Sito di ricette facili.
  • CANCIAN ACHILLE: Sito di consigli per la cura degli animali domestici.
  • CAPIOTTO FILIPPO: Sito di notizie locali.
  • COSI FILIPPO: Sito di frasi motivazionali.
  • DRIUSSO GIULIANO: Guida base alla programmazione.
  • KRASNIQI ARDISON: Consigli per una vita sana.
  • MAFTEUTA LIVIU: Recensioni di giochi da tavolo.
  • MASCHIETTO DEBRA: Tutorial per principianti, Cinema.
  • POLI PIETRO: Sito di consigli per il fai da te.
  • PURISIOL ACHILLE: Consigli per la cura del proprio giardino.
  • RIVOLI LUCA: Recensioni di attrezzatura video base.
  • ROMAN CARLO: Eventi della città.
  • SOCAL MATTIA: Classifica squadre locali.
  • VIGANO’ PIERPAOLO: Consigli di design per la casa.
  • ZOIA MANUEL: Elenco giochi per bambini.
Note aggiuntive:

  • Personalizzare MOLTO i componenti preesistenti con stili e contenuti unici.
  • Utilizzare immagini e icone pertinenti.
  • Rendere il sito web facile da navigare e intuitivo.