From eab7390fa325d0dded6e894716c315c994c0559c Mon Sep 17 00:00:00 2001
From: Kevin Rosales <krosales@aduanasoft.com.mx>
Date: Fri, 8 Aug 2025 12:17:23 -0600
Subject: [PATCH] Precios

---
 src/pages/Landing.jsx         | 58 ++++++++++++++++++-----------------
 src/pages/LandingAnimated.jsx |  6 ++--
 2 files changed, 34 insertions(+), 30 deletions(-)

diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx
index 42fde60..3014d20 100644
--- a/src/pages/Landing.jsx
+++ b/src/pages/Landing.jsx
@@ -150,29 +150,31 @@ export default function Landing() {
 
           {/* Estadísticas animadas */}
           <div id="estadisticas" className="grid grid-cols-2 md:grid-cols-4 gap-8 mt-20">
-            {stats.map((stat, index) => (
-              <div 
-                key={index} 
-                className="text-center p-6 bg-white/10 backdrop-blur-md rounded-2xl border border-white/20 hover:bg-white/20 transition-all duration-300 transform hover:-translate-y-2"
-              >
-                <div className="text-4xl mb-2">{stat.icon}</div>
-                <div className="text-3xl font-bold text-white mb-1">{stat.number}</div>
-                <div className="text-blue-200 text-sm">{stat.label}</div>
+          {/*
+          {plans.map((plan, idx) => (
+            <div
+              key={plan.name}
+              className="bg-white bg-opacity-10 backdrop-blur-lg rounded-3xl shadow-lg p-8 w-full md:w-80 flex flex-col items-center border border-white border-opacity-20"
+            >
+              <h3 className="text-2xl font-bold mb-2 text-white drop-shadow-lg">{plan.name}</h3>
+              <p className="mb-4 text-white text-opacity-80 text-center">{plan.description}</p>
+              <div className="mb-6">
+                <span className="text-4xl font-extrabold text-blue-300 drop-shadow-lg">
+                  {plan.price}
+                </span>
+                <span className="ml-2 text-lg text-white text-opacity-70">{plan.period}</span>
               </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Scroll indicator */}
-        <div className="absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce">
-          <button 
-            onClick={() => scrollToSection('caracteristicas')}
-            className="text-white/70 hover:text-white transition-colors"
-          >
-            <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
-            </svg>
-          </button>
+              <ul className="mb-6 text-white text-opacity-80 text-left list-disc list-inside">
+                {plan.features.map((feature, i) => (
+                  <li key={i}>{feature}</li>
+                ))}
+              </ul>
+              <button className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-6 rounded-full shadow-lg transition duration-300">
+                Comenzar
+              </button>
+            </div>
+          ))}
+          */}
         </div>
       </section>
 
@@ -392,7 +394,7 @@ export default function Landing() {
           <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
             {/* Plan Básico */}
             <div className="bg-white rounded-lg shadow-md p-8 border border-gray-200">
-              {/* <div className="text-center">
+              <div className="text-center">
                 <h3 className="text-2xl font-semibold text-gray-900 mb-2">Básico</h3>
                 <p className="text-gray-600 mb-4">Para agencias pequeñas</p>
                 <div className="mb-6">
@@ -429,10 +431,10 @@ export default function Landing() {
                   Comenzar prueba gratuita
                 </button>
               </div>
-            </div> */}
+            </div>
 
             {/* Plan Profesional */}
-            {/* <div className="bg-white rounded-lg shadow-xl p-8 border-2 border-indigo-500 relative">
+            <div className="bg-white rounded-lg shadow-xl p-8 border-2 border-indigo-500 relative">
               <div className="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
                 <span className="bg-indigo-500 text-white px-4 py-1 rounded-full text-sm font-medium">
                   Más Popular
@@ -481,10 +483,10 @@ export default function Landing() {
                   Comenzar prueba gratuita
                 </button>
               </div>
-            </div> */}
+            </div>
 
             {/* Plan Empresarial */}
-            {/* <div className="bg-white rounded-lg shadow-md p-8 border border-gray-200">
+            <div className="bg-white rounded-lg shadow-md p-8 border border-gray-200">
               <div className="text-center">
                 <h3 className="text-2xl font-semibold text-gray-900 mb-2">Empresarial</h3>
                 <p className="text-gray-600 mb-4">Para grandes corporaciones</p>
@@ -530,7 +532,7 @@ export default function Landing() {
               </div>
             </div>
           </div>
-        </div> */}
+        </div>
 
         {/* Contacto Section */}
         <div id="contacto" className="mt-20 bg-white rounded-2xl shadow-lg p-8 md:p-12">
diff --git a/src/pages/LandingAnimated.jsx b/src/pages/LandingAnimated.jsx
index ad232b7..4af9100 100644
--- a/src/pages/LandingAnimated.jsx
+++ b/src/pages/LandingAnimated.jsx
@@ -601,7 +601,7 @@ export default function LandingAnimated() {
       </section>
 
       {/* Precios */}
-      {/* <section id="precios" className="py-20 bg-white">
+      <section id="precios" className="py-20 bg-white">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div 
             data-animate="pricing-header"
@@ -700,10 +700,12 @@ export default function LandingAnimated() {
                 <div className="text-center mb-8">
                   <h3 className="text-2xl font-bold mb-2" style={{ color: '#333333' }}>{plan.name}</h3>
                   <p className="mb-4" style={{ color: '#7A7A7A' }}>{plan.description}</p>
+                  {/*
                   <div className="mb-4">
                     <span className="text-4xl font-extrabold" style={{ color: '#1B2A41' }}>{plan.price}</span>
                     <span style={{ color: '#7A7A7A' }}>{plan.period}</span>
                   </div>
+                  */}
                 </div>
 
                 <ul className="space-y-3 mb-8">
@@ -731,7 +733,7 @@ export default function LandingAnimated() {
             ))}
           </div>
         </div>
-      </section> */}
+      </section>
 
       {/* Contacto */}
       <section id="contacto" className="relative py-20 overflow-hidden" style={{