const agendaStyles = {
  list: { marginTop: '3rem' },
  item: {
    display: 'grid', gridTemplateColumns: '120px 1fr',
    gap: '2rem', padding: '1.8rem 0',
    borderBottom: '1px solid var(--border)',
    alignItems: 'start',
  },
  time: {
    fontFamily: "'Plus Jakarta Sans', sans-serif",
    fontSize: '1.6rem', fontWeight: 300, color: 'var(--gold)',
    lineHeight: 1, paddingTop: '.1rem',
  },
  title: { fontSize: '1rem', fontWeight: 500, marginBottom: '.35rem', color: 'var(--fg)' },
  desc: { fontSize: '.9rem', color: 'var(--fg-muted)', lineHeight: 1.6 },
};

const ITEMS = [
  ['01', 'Registrazioni e accoglienza', "Arrivo dei partecipanti, welcome drink e primo confronto informale."],
  ['02', 'Il mercato immobiliare nel 2026: luci, ombre e opportunità aperte', "Un'analisi diretta dello stato del settore: cosa sta cambiando nelle aspettative del cliente, dove si gioca la differenza competitiva oggi per agenzie e costruttori, perché il processo di presentazione è diventato un fattore commerciale determinante."],
  ['03', 'Dal problema alla risposta: realtà virtuale e AI nel processo di vendita quotidiano', "Dati, casi concreti e una demo live: come la tecnologia VR e l'intelligenza artificiale stanno entrando nel real estate, senza richiedere investimenti fuori scala, senza rivoluzionare i processi esistenti."],
  ['04', 'REnderia Score: misura la tua competitività digitale', "Un momento interattivo per tutti i partecipanti. Compili il REnderia Score in sala e scopri il livello di maturità digitale del tuo processo di vendita, con un risultato da portare a casa e su cui costruire i prossimi passi."],
  ['05', 'Chiusura e networking', "Fine dei lavori. Aperitivo e incontri liberi con il team REnderia."],
];

function Agenda() {
  return (
    <div style={agendaStyles.list}>
      {ITEMS.map((it, i) => (
        <div key={it[0]} className="agenda-item" style={{
          ...agendaStyles.item,
          borderTop: i === 0 ? '1px solid var(--border)' : 'none',
        }}>
          <div style={agendaStyles.time}>{it[0]}</div>
          <div>
            <p style={agendaStyles.title}>{it[1]}</p>
            <p style={agendaStyles.desc}>{it[2]}</p>
          </div>
        </div>
      ))}
    </div>
  );
}

window.Agenda = Agenda;