// ═══════════════════════════════════════════════════
// sections.jsx — Process · Testimonials · FAQ · CTA · Footer · FloatingWA
// ═══════════════════════════════════════════════════
const { useState: useState2, useEffect: useEffect2, useRef: useRef2 } = React;
const useInView2 = window.useInView;
/* ── Process ──────────────────────────────────── */
const ProcessSection = ({ accent }) => {
const ac = accent || '#0ea5e9';
const [ref, inView] = useInView2(0.1);
const steps = [
{ n:'01', title:'Consulta gratuita', desc:'Hablamos sobre tu proyecto y tus metas. Sin compromisos. Entendemos tu negocio antes de proponer cualquier solución.' },
{ n:'02', title:'Propuesta clara', desc:'Recibes un plan detallado con alcance, tiempo de entrega y precio exacto. Sin costos ocultos ni sorpresas.' },
{ n:'03', title:'Desarrollo activo', desc:'Construimos tu proyecto con actualizaciones constantes para que veas el avance en cada etapa del proceso.' },
{ n:'04', title:'Entrega y soporte', desc:'Revisión final, ajustes y lanzamiento. Incluye soporte técnico post-entrega para que todo funcione perfecto.' },
];
return (
{/* diagonal divider top */}
Proceso
Así trabajamos contigo
{steps.map((step, i) => (
{/* connector line between steps */}
{i < steps.length - 1 && (
)}
{step.n}
{i < steps.length - 1 && (
)}
{step.title}
{step.desc}
))}
);
};
/* ── Testimonials ─────────────────────────────── */
const TestimonialsSection = ({ accent }) => {
const ac = accent || '#0ea5e9';
const [ref, inView] = useInView2(0.1);
const [active, setActive] = useState2(0);
const items = [
{ name:'Carlos M.', role:'Restaurante · Guatemala', quote:'Gracias a Soluciones Web pasamos a recibir reservas en línea y nuestra presencia en Google se disparó. El bot de WhatsApp maneja más de 50 consultas al día. Totalmente recomendados.', initials:'CM', color:ac },
{ name:'Sofía R.', role:'Boutique de Ropa · Guatemala', quote:'Mi tienda en línea superó todas mis expectativas. Es fácil de administrar, mis clientes la adoran y las ventas aumentaron 40% en el primer mes. Un servicio de primera calidad.', initials:'SR', color:'#4f46e5' },
{ name:'Roberto J.', role:'Servicios Contables · Guatemala', quote:'Profesionalismo y calidad en cada detalle. Entregaron en el tiempo acordado y los ajustes los hicieron sin problema. Ahora tengo una imagen que genera confianza inmediata.', initials:'RJ', color:'#22c55e' },
{ name:'Andrea P.', role:'Clínica Dental · Guatemala', quote:'Tenía miedo de digitalizar mi negocio pero el proceso fue muy sencillo. En menos de una semana tenía mi página lista, con citas en línea y todo. Mis pacientes me lo agradecen.', initials:'AP', color:'#f97316' },
{ name:'Miguel T.', role:'Ferretería · Guatemala', quote:'Nunca pensé que una página web pudiera traerme tantos clientes nuevos. Ahora recibo pedidos por WhatsApp desde la web todos los días. La inversión se pagó sola en el primer mes.', initials:'MT', color:'#a855f7' },
];
useEffect2(() => {
const iv = setInterval(() => setActive(a => (a+1) % items.length), 5000);
return () => clearInterval(iv);
}, []);
return (
{/* glow behind */}
);
};
const FAQSection = ({ accent }) => {
const ac = accent || '#0ea5e9';
const [ref, inView] = useInView2(0.1);
const [open, setOpen] = useState2(null);
const faqs = [
{ q:'¿Cuánto tiempo tarda un proyecto?', a:'Depende del alcance. Una landing page está lista en 5–7 días hábiles. Un e-commerce completo puede tomar 2–4 semanas. Siempre recibirás una estimación exacta antes de comenzar.' },
{ q:'¿Qué necesito para empezar?', a:'Solo necesitas tener clara la idea de tu negocio. Nosotros te guiamos en todo lo demás: textos, imágenes, colores y estructura. Una consulta gratuita es todo lo que hace falta.' },
{ q:'¿Ofrecen mantenimiento después de la entrega?', a:'Sí. Ofrecemos soporte técnico post-entrega y planes de mantenimiento mensuales con actualizaciones, respaldos y modificaciones menores incluidas.' },
{ q:'¿Puedo pedir cambios durante el desarrollo?', a:'Absolutamente. Trabajamos de forma iterativa: cada etapa se revisa contigo para asegurarnos de que el resultado final sea exactamente lo que necesitas.' },
{ q:'¿Trabajan con clientes de toda Latinoamérica?', a:'Sí, trabajamos 100% de forma remota con clientes de Guatemala y toda Latinoamérica. La comunicación es por WhatsApp y videollamadas cuando se necesite.' },
{ q:'¿Cuáles son los métodos de pago?', a:'Aceptamos transferencia bancaria, depósito, PayPal y criptomonedas (USDT/Binance). El pago se divide: 50% al iniciar y 50% en la entrega final.' },
];
return (