Footer

Footer con background --cream-2: logo + descrizione a sinistra, due colonne di link (Link, Legale), divider disegnato e riga di copyright in fondo. La sezione supporto compare solo se hai impostato resend.supportEmail.

File

components/Footer.tsx

Uso base

import Footer from "@/components/Footer";

<Footer />

Personalizzare

• Logo e nome: legge app/icon.png e config.appName. Sostituisci l'icona nella cartella app/.
• Descrizione: usa appDescription dal config.
• Link: le colonne sono hard-coded nel JSX (Prezzi, Blog, Affiliati, ToS, Privacy). Aggiungi/togli <Link> dentro le sezioni // LINK e // LEGALE.
• Email di supporto: se metti resend.supportEmail in config.ts, il link “Supporto” appare in automatico. Se lo lasci vuoto, sparisce.
• Divider: la classe .divider-drawn è in app/globals.css — è un divider tratteggiato a mano.