Mi Socio — Landing

import React, { useEffect, useState } from «react»;
import { motion } from «framer-motion»;
import {
ArrowRight,
Calendar,
PhoneCall,
MessageCircle,
FileDown,
ShieldCheck,
BarChart3,
Rocket,
Layers,
Workflow,
CheckCircle2,
Mail,
Info,
} from «lucide-react»;

// ==========================
// 🔧 CONFIGURACIÓN RÁPIDA
// ==========================
// 1) Reemplaza con tu número de WhatsApp en formato internacional (ej.: 56912345678)
const WHATSAPP_NUMBER = «56XXXXXXXXX»; // <-- EDITAR const WHATSAPP_MSG = encodeURIComponent( "Hola, quiero agendar una consultoría. Vengo desde la landing." ); const WHATSAPP_LINK = `https://wa.me/${WHATSAPP_NUMBER}?text=${WHATSAPP_MSG}`; // 2) Endpoint para capturar emails del eBook (Formspree u otro). Ejemplo: https://formspree.io/f/abcdxyz const FORM_ENDPOINT = ""; // <-- EDITAR (si lo dejas vacío, se simula el envío) // 3) Marca / datos de negocio (footer + Schema.org) const BRAND = { name: "Tu Marca / Agencia", email: "contacto@tu-dominio.cl", url: "https://tu-dominio.cl", address: "Santiago, Chile", sameAs: [ // Agrega tus redes si quieres "https://www.linkedin.com/company/tu-marca", "https://www.instagram.com/tu-marca", ], }; // 4) Meta básica (si usas Next.js, mueve esto a )
const META = {
$1Consultoría de Growth y Performance Marketing – Precios Personalizados$2,
description: «Agendar consultoría gratis sin compromiso. Más de $500.000.000 generados en ventas y +1.000.000 de leads calificados. Trabajamos Atracción → Demostración → Conversión, con foco total en tu objetivo específico.»,
$1consultoría marketing, performance, growth, objetivo específico, ventas$3,
};

// ==========================
// 🎨 UTILIDADES
// ==========================
const cx = (…classes) => classes.filter(Boolean).join(» «);
const gold = «#F5C542»; // dorado de acento

const fadeUp = {
hidden: { opacity: 0, y: 20 },
show: { opacity: 1, y: 0, transition: { duration: 0.6 } },
};

export default function LandingSocio() {
const [cookieOk, setCookieOk] = useState(false);
const [ebookState, setEbookState] = useState({ email: «», sending: false, ok: false, err: «» });
const [privacyOpen, setPrivacyOpen] = useState(false);

// ===== JSON-LD (Organization + Service + FAQ) =====
useEffect(() => {
const org = {
«@context»: «https://schema.org»,
«@type»: «Organization»,
name: BRAND.name,
url: BRAND.url,
email: BRAND.email,
address: BRAND.address,
sameAs: BRAND.sameAs,
logo: `${BRAND.url}/logo.png`, // opcional
};

const service = {
«@context»: «https://schema.org»,
«@type»: «Service»,
name: «Consultoría de Growth y Performance Marketing»,
provider: { «@type»: «Organization», name: BRAND.name },
areaServed: «CL»,
audience: {
«@type»: «Audience»,
audienceType: [«PYMES», «Coaches», «Profesionales»],
},
offers: { «@type»: «Offer», price: «0», priceCurrency: «CLP», description: «Primera reunión gratis sin compromiso» },
};

const faq = {
«@context»: «https://schema.org»,
«@type»: «FAQPage»,
mainEntity: [
{
«@type»: «Question»,
name: «¿Ofrecen primera reunión gratis?»,
acceptedAnswer: { «@type»: «Answer», text: «Sí, una consultoría inicial sin compromiso por WhatsApp o video.» },
},
{
«@type»: «Question»,
name: «¿Trabajan con todas las fuentes de tráfico?»,
acceptedAnswer: {
«@type»: «Answer»,
text: «Sí: Meta, Google, LinkedIn, YouTube, Email y otras, según el ICP y objetivo.»,
},
},
{
«@type»: «Question»,
name: «¿Cómo definen el precio?»,
acceptedAnswer: {
«@type»: «Answer»,
text: «Precios personalizados según complejidad, canales y volumen. Cotización tras la auditoría gratuita.»,
},
},
{
«@type»: «Question»,
name: «¿Por qué no muestran testimonios?»,
acceptedAnswer: {
«@type»: «Answer»,
text: «Priorizamos la privacidad de los clientes. Medimos contra el objetivo específico acordado.»,
},
},
],
};

const appendJSONLD = (obj) => {
const script = document.createElement(«script»);
script.type = «application/ld+json»;
script.text = JSON.stringify(obj);
document.head.appendChild(script);
};

appendJSONLD(org);
appendJSONLD(service);
appendJSONLD(faq);

// Meta básica cuando no hay
document.title = META.title;
const metaDesc = document.querySelector(‘meta[name=»description»]’) || document.createElement(«meta»);
metaDesc.setAttribute(«name», «description»);
metaDesc.setAttribute(«content», META.description);
document.head.appendChild(metaDesc);

const metaKw = document.querySelector(‘meta[name=»keywords»]’) || document.createElement(«meta»);
metaKw.setAttribute(«name», «keywords»);
metaKw.setAttribute(«content», META.keywords);
document.head.appendChild(metaKw);
}, []);

// ===== Cookies (dummy) =====
useEffect(() => {
const ok = localStorage.getItem(«cookie-ok»);
if (ok === «1») setCookieOk(true);
}, []);

const acceptCookies = () => {
localStorage.setItem(«cookie-ok», «1»);
setCookieOk(true);
};

// ===== Envío eBook =====
const submitEbook = async (e) => {
e.preventDefault();
setEbookState((s) => ({ …s, sending: true, ok: false, err: «» }));
try {
if (!ebookState.email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(ebookState.email)) {
throw new Error(«Ingresa un email válido»);
}
if (!FORM_ENDPOINT) {
// Simulación: éxito sin backend
await new Promise((r) => setTimeout(r, 800));
setEbookState({ email: «», sending: false, ok: true, err: «» });
return;
}
const resp = await fetch(FORM_ENDPOINT, {
method: «POST»,
headers: { «Content-Type»: «application/json» },
body: JSON.stringify({ email: ebookState.email, tag: «ebook-growth-90» }),
});
if (!resp.ok) throw new Error(«Error al enviar. Intenta nuevamente.»);
setEbookState({ email: «», sending: false, ok: true, err: «» });
} catch (err) {
setEbookState((s) => ({ …s, sending: false, ok: false, err: err.message }));
}
};

return (

);
}