export default function MercadoPagoFinance() {
  return (
    <div className="min-h-screen bg-white text-slate-900 overflow-hidden">
      <section className="relative bg-gradient-to-br from-cyan-500 via-blue-600 to-indigo-900 text-white">
        <div className="relative max-w-7xl mx-auto px-6 py-24 grid lg:grid-cols-2 gap-12 items-center">
          <div>
            <h1 className="text-5xl md:text-7xl font-black leading-tight mb-6">
              Impulsa tus
              <span className="block text-cyan-300">Finanzas Digitales</span>
            </h1>

            <p className="text-lg text-blue-100 mb-8">
              Soluciones modernas para usuarios de Mercado Pago y pagos digitales.
            </p>

            <button className="bg-white text-blue-700 font-bold px-8 py-4 rounded-2xl">
              Solicitar Asesoría
            </button>
          </div>

          <div className="bg-white/10 rounded-[40px] p-8 backdrop-blur-xl">
            <h2 className="text-4xl font-black mb-6">$48,920</h2>

            <div className="space-y-4">
              <div className="bg-white/10 rounded-2xl p-4">
                <p>Ingresos</p>
                <h3 className="text-2xl font-bold">+$12,300</h3>
              </div>

              <div className="bg-gradient-to-r from-cyan-400 to-blue-500 rounded-3xl p-6 text-blue-950">
                <p>Crecimiento mensual</p>
                <h2 className="text-5xl font-black">+38%</h2>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  )
}