SaaS Pricing Table

Estructura de Precios Profesional

const PricingTable = () => (
  <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
    <div className="p-8 bg-white border border-slate-200 rounded-[2.5rem]">
      <h3 className="text-xl font-bold mb-4">Básico</h3>
      <div className="text-4xl font-black mb-6">0€<span className="text-sm font-medium text-slate-500">/mes</span></div>
      <ul className="space-y-3 mb-8">
        <li>✓ 1 Proyecto</li>
        <li>✓ Soporte por email</li>
      </ul>
      <button className="w-full py-3 bg-slate-100 rounded-xl font-bold">Empezar</button>
    </div>
    {/* Plan Pro */}
  </div>
);