import React, { useState } from "react"; import Image from "next/image"; import Link from "next/link"; import { Button, Card, Input, Textarea, Label, Select } from "@/components/ui"; import { CheckCircle, AlertCircle } from "lucide-react"; interface LandingPageConfig { organizationId: string; } interface Props { config: LandingPageConfig; landingPageId: string; } const LandingPage: React.FC = ({ config, landingPageId }) => { const [formData, setFormData] = useState({ name: "", email: "", company: "", message: "", }); const [loading, setLoading] = useState(false); const [success, setSuccess] = useState(false); const [error, setError] = useState(false); const handleInputChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setFormData((prev) => ({ ...prev, [name]: value })); }; const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setLoading(true); setSuccess(false); setError(false); try { const response = await fetch("/api/public/landing-pages/submit", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ landingPageId, organizationId: config.organizationId, formData, }), }); if (response.ok) { setSuccess(true); setFormData({ name: "", email: "", company: "", message: "" }); } else { setError(true); } } catch { setError(true); } finally { setLoading(false); } }; return (

{/* @section:hero */}

Análisis de costo real de leads B2B

Descubre cómo optimizar tus estrategias de generación de leads y maximizar tu ROI.

{/* @section:hero:end */} {/* @section:benefits */}

Beneficios de nuestro análisis

Optimización de costos

Identifica áreas de mejora para reducir el costo por lead y aumentar tu eficiencia.

Estrategias personalizadas

Recibe recomendaciones específicas para tu industria y objetivos.

Mayor conversión

Descubre cómo mejorar la calidad de tus leads para maximizar tus resultados.

{/* @section:benefits:end */} {/* @section:testimonials */}

Testimonios

"Gracias a este análisis, logramos reducir nuestro costo por lead en un 30%."

- Juan Pérez, CEO de Empresa X

"Las recomendaciones personalizadas marcaron una gran diferencia en nuestra estrategia."

- María López, Directora de Marketing

{/* @section:testimonials:end */} {/* @section:faq */}

Preguntas frecuentes

¿Qué incluye el análisis?

Incluye un informe detallado con recomendaciones específicas para tu negocio.

¿Cuánto tiempo toma?

El análisis se entrega en un plazo de 5 días hábiles.

¿Tiene algún costo?

No, el análisis es completamente gratuito.

{/* @section:faq:end */} {/* @section:form */}

Solicita tu análisis gratuito

Nombre

Correo electrónico

Empresa

Mensaje (opcional)

</div>
            <Button type="submit" className="w-full bg-green-500 hover:bg-green-600" disabled={loading}>
              {loading ? "Enviando..." : "Enviar"}
            </Button>
            {success && (
              <p className="mt-4 text-green-600 flex items-center">
                <CheckCircle className="mr-2" /> ¡Formulario enviado con éxito!
              </p>
            )}
            {error && (
              <p className="mt-4 text-red-600 flex items-center">
                <AlertCircle className="mr-2" /> Ocurrió un error. Intenta nuevamente.
              </p>
            )}
          </form>
        </div>
      </section>
      {/* @section:form:end */}

{/* @section:footer */}
      <footer className="bg-gray-900 text-white py-6">
        <div className="container mx-auto px-6 text-center">
          <p>© {new Date().getFullYear()} venta.social. Todos los derechos reservados.</p>
        </div>
      </footer>
      {/* @section:footer:end */}
    </div>
  );
};

export default LandingPage;</article></body></html>

Book an appointment

Choose a date and time

June 2026