Camión de Bomberos

import React from "react";

export default function LandingFundraisingBomberos() {
  return (
    <div className="min-h-screen bg-white text-gray-900">
      <header className="bg-red-700 text-white p-6 text-center">
        <h1 className="text-4xl font-bold">Ayúdalos a Seguir Llegando</h1>
        <p className="mt-2 text-lg">Campaña de la Fundación SMP para donar un camión de bomberos a Bomberos Nuevo León</p>
      </header>

      <section className="p-6 max-w-4xl mx-auto">
        <h2 className="text-2xl font-semibold mb-4">La Emergencia es para Ellos</h2>
        <p className="mb-4">
          Cada año, Bomberos Nuevo León atiende más de 7,000 emergencias. En 2024, enfrentaron un aumento del 10% en llamadas, con solo 48 unidades operativas y 3 estaciones cerradas por falta de recursos. Necesitan un nuevo camión para seguir llegando a tiempo.
        </p>
        <p className="mb-4">
          El camión que vamos a donar es un American LaFrance 2007, equipado con escalera de 75', bomba de 2000 GPM y herramientas de rescate urbano. El proveedor es Rescate 25, en Durango, y ya está listo para entregarse.
        </p>
        <div className="bg-gray-100 p-4 rounded-xl mb-6">
          <p className="text-xl font-bold text-red-700">Meta: $2,000,000 MXN</p>
          <p className="text-lg">Enganche inicial: $200,000 MXN</p>
          <p className="text-lg">Pagos mensuales: $111,111 durante 18 meses</p>
        </div>

        <div className="bg-yellow-100 border-l-4 border-yellow-500 p-4 rounded-xl mb-6">
          <p className="font-semibold">Tu donativo hace la diferencia:</p>
          <ul className="list-disc ml-6">
            <li>$100 = 10 litros de combustible</li>
            <li>$500 = 1 día de operación</li>
            <li>$1,000 = 1 mes de seguro</li>
          </ul>
        </div>

        <div className="text-center">
          <button className="bg-red-700 hover:bg-red-800 text-white text-lg font-bold py-3 px-6 rounded-xl">
            Dona Ahora
          </button>
        </div>
      </section>

      <section className="bg-gray-50 p-6">
        <div className="max-w-4xl mx-auto">
          <h2 className="text-xl font-semibold mb-4">Sobre Bomberos Nuevo León</h2>
          <p>
            Institución privada que ofrece un servicio público esencial. En 2024 operaron con un presupuesto de $114.9 millones, pero tuvieron un déficit del 11.7%. Atienden incendios, rescates y capacitaciones en todo el estado. Con tu apoyo, podemos fortalecer su cobertura y salvar más vidas.
          </p>
        </div>
      </section>

      <footer className="text-center text-sm text-gray-500 p-6">
        Fundación SMP © 2025 | Campaña "Ayúdalos a Seguir Llegando"
      </footer>
    </div>
  );
}