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

---
 src/pages/Landing.jsx | 50 ++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 27 deletions(-)

diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx
index 21d54dd..e7ae626 100644
--- a/src/pages/Landing.jsx
+++ b/src/pages/Landing.jsx
@@ -150,33 +150,29 @@ export default function Landing() {
 
           {/* Estadísticas animadas */}
           <div id="estadisticas" className="grid grid-cols-2 md:grid-cols-4 gap-8 mt-20">
-          {/*
-          {/*
-          {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>
+            {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>
               </div>
-              <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>
+        </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>
         </div>
       </section>
 
@@ -446,7 +442,7 @@ export default function Landing() {
                 <h3 className="text-2xl font-semibold text-gray-900 mb-2">Profesional</h3>
                 <p className="text-gray-600 mb-4">Para agencias en crecimiento</p>
                 <div className="mb-6">
-                  {/* <span className="text-4xl font-bold text-gray-900">$5,999</span> */}
+                  <span className="text-4xl font-bold text-gray-900">$5,999</span>
                   <span className="text-gray-600">/mes</span>
                 </div>
                 <ul className="text-left space-y-3 mb-8">