import { Container } from '@/components/ui/Container'

const stats = [
  { value: '74%', caption: 'del M&A minero global va a LatAm' },
  { value: '~US$3B', caption: 'en exploración LatAm 2025' },
  { value: 'US$239B', caption: 'inversión proyectada al 2033' },
]

export function StatsBand() {
  return (
    <section className="border-y border-white/5 bg-night-800 py-12">
      <Container className="grid grid-cols-1 gap-8 text-center sm:grid-cols-3">
        {stats.map((s) => (
          <div key={s.value}>
            <p className="text-3xl font-bold text-white">{s.value}</p>
            <p className="mt-1 text-sm text-slatey">{s.caption}</p>
          </div>
        ))}
      </Container>
    </section>
  )
}