<![CDATA[console.log( 'Code is Poetry' );<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Picallex Contact Center - Aumenta tu Contactabilidad hasta 30%</title>
<meta name="description" content="Transforma tu contact center con telefonía inteligente + CRM. Evita bloqueos SPAM, aumenta contactabilidad hasta 30%. Demo gratuita en español." />
<meta name="author" content="Picallex" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c23%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c69%</head>
<body>
<header class="header">
<div class="container">
<div class="header-content">
<div class="logo">
<div class="logo-icon">
<i data-lucide="phone"></i>
</div>
<span class="logo-text">Picallex</span>
</div>
<a href="#contact-form" class="btn btn-cta" onclick="scrollToForm()">
Demo Gratuita
</a>
</div>
</div>
</header>
<section class="section-padding hero">
<div class="container">
<div class="grid grid-2 gap-12 items-center">
<div class="lg:pr-8">
<h1 class="text-hero gradient-text mb-6">
Aumenta tu contactabilidad hasta un <span class="success-text">30%</span> con Telefonía + CRM
</h1>
<h2 class="text-subtitle muted-text mb-8">
Escala tu operación omnicanal sin perder ni un solo lead. Todo en una sola plataforma.
</h2>
<div class="flex-col-sm gap-4">
<a href="#contact-form" class="btn btn-hero" onclick="scrollToForm()">
Agenda tu Demo Técnica
</a>
<a href="#features" class="btn btn-outline">
Ver Características
</a>
</div>
<p class="text-sm muted-text mt-4">
✅ Demo en español • ✅ Sin compromiso • ✅ Implementación en 48h
</p>
</div>
<div class="relative">
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Contact Center Picallex - Aumenta tu contactabilidad" class="hero-image" data-lazy-src="contact-center-hero.jpg"><noscript><img decoding="async" src="contact-center-hero.jpg" alt="Contact Center Picallex - Aumenta tu contactabilidad" class="hero-image"></noscript>
<div class="hero-badge">
<i data-lucide="trending-up" class="icon-md"></i>
<span class="font-semibold">+30% Contactabilidad</span>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding bg-alt">
<div class="container text-center">
<div class="max-w-3xl mx-auto">
<h2 class="text-3xl md:text-4xl font-bold mb-6">
Tu contact center pierde eficiencia con sistemas heredados
</h2>
<p class="text-feature muted-text mb-8">
¿Baja contactabilidad en llamadas, canales sin visibilidad y bloqueos de números como spam?
Tu operación necesita control y velocidad.
</p>
<div class="grid grid-3 gap-6">
<div class="pain-card">
<i data-lucide="shield" class="icon-xl" style="color: var(--destructive); margin: 0 auto 0.75rem;"></i>
<h3 class="font-semibold mb-2">Bloqueos SPAM</h3>
<p class="text-sm muted-text">Tus números se bloquean constantemente</p>
</div>
<div class="pain-card">
<i data-lucide="bar-chart-3" class="icon-xl" style="color: var(--destructive); margin: 0 auto 0.75rem;"></i>
<h3 class="font-semibold mb-2">Baja Eficiencia</h3>
<p class="text-sm muted-text">Sistemas desintegrados y datos dispersos</p>
</div>
<div class="pain-card">
<i data-lucide="clock" class="icon-xl" style="color: var(--destructive); margin: 0 auto 0.75rem;"></i>
<h3 class="font-semibold mb-2">Sistemas Viejos</h3>
<p class="text-sm muted-text">Tecnología obsoleta que limita el crecimiento</p>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="section-padding">
<div class="container">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6">
La Solución es <span style="color: var(--primary);">Picallex Contact Center</span>
</h2>
<p class="text-subtitle muted-text mb-2">
Conecta, escala y controla tu operación
</p>
<p class="text-feature muted-text">
Telefonía, CRM, WhatsApp y SMS en un solo sistema, con métricas y estadísticas en tiempo real.
</p>
</div>
<div class="grid grid-4 gap-8">
<div class="feature-card">
<i data-lucide="phone" class="icon-xl" style="color: var(--primary); margin: 0 auto 1rem;"></i>
<h3 class="font-semibold mb-3">Telefonía Inteligente</h3>
<p class="text-sm muted-text">Sistema CTI avanzado con rotación automática de números y protección anti-SPAM</p>
</div>
<div class="feature-card">
<i data-lucide="message-circle" class="icon-xl" style="color: var(--primary); margin: 0 auto 1rem;"></i>
<h3 class="font-semibold mb-3">Omnicanalidad</h3>
<p class="text-sm muted-text">WhatsApp, SMS, llamadas y email integrados en una sola plataforma</p>
</div>
<div class="feature-card">
<i data-lucide="bar-chart-3" class="icon-xl" style="color: var(--primary); margin: 0 auto 1rem;"></i>
<h3 class="font-semibold mb-3">Analytics en Vivo</h3>
<p class="text-sm muted-text">Métricas en tiempo real para optimizar tu operación constantemente</p>
</div>
<div class="feature-card">
<i data-lucide="headphones" class="icon-xl" style="color: var(--primary); margin: 0 auto 1rem;"></i>
<h3 class="font-semibold mb-3">Soporte en Español</h3>
<p class="text-sm muted-text">Equipo técnico especializado disponible en tu idioma</p>
</div>
</div>
</div>
</section>
<section class="section-padding bg-alt">
<div class="container">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6">
Más llamadas efectivas, menos llamadas pérdidas
</h2>
</div>
<div class="grid md:grid-cols-2 gap-6 max-w-4xl mx-auto">
<div class="benefit-card">
<div class="flex gap-3">
<i data-lucide="shield" class="icon-lg" style="color: var(--success); margin-top: 0.125rem;"></i>
<div>
<h3 class="font-semibold mb-2">Evita bloqueos de SPAM</h3>
<p class="text-sm muted-text">Sistema inteligente de rotación de números y reputación de marca para mantener alta entregabilidad</p>
</div>
</div>
</div>
<div class="benefit-card">
<div class="flex gap-3">
<i data-lucide="trending-up" class="icon-lg" style="color: var(--success); margin-top: 0.125rem;"></i>
<div>
<h3 class="font-semibold mb-2">Aumenta hasta 30% tu contactabilidad</h3>
<p class="text-sm muted-text">Optimización automática de horarios, rutas y estrategias de contacto basadas en IA</p>
</div>
</div>
</div>
<div class="benefit-card">
<div class="flex gap-3">
<i data-lucide="users" class="icon-lg" style="color: var(--success); margin-top: 0.125rem;"></i>
<div>
<h3 class="font-semibold mb-2">Monitoreo de colas en vivo y grabación</h3>
<p class="text-sm muted-text">Supervisión en tiempo real de todos los agentes con grabación automática de llamadas</p>
</div>
</div>
</div>
<div class="benefit-card">
<div class="flex gap-3">
<i data-lucide="zap" class="icon-lg" style="color: var(--success); margin-top: 0.125rem;"></i>
<div>
<h3 class="font-semibold mb-2">Soporte en español y reportes en tiempo real</h3>
<p class="text-sm muted-text">Equipo técnico especializado y dashboards actualizados al instante</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding">
<div class="container">
<div class="bg-gradient-primary" style="border-radius: 1rem; padding: 3rem 2rem;">
<div class="text-center mb-8">
<div class="stars">
<i data-lucide="star" class="star" style="fill: var(--success);"></i>
<i data-lucide="star" class="star" style="fill: var(--success);"></i>
<i data-lucide="star" class="star" style="fill: var(--success);"></i>
<i data-lucide="star" class="star" style="fill: var(--success);"></i>
<i data-lucide="star" class="star" style="fill: var(--success);"></i>
</div>
<h2 class="text-3xl md:text-4xl font-bold mb-4">
30% más de contactabilidad en 90 días
</h2>
</div>
<div class="max-w-3xl mx-auto text-center">
<blockquote class="text-xl md:text-2xl muted-text mb-6 italic">
"Con Picallex logramos aumentar nuestra contactabilidad del 65% al 85% en solo 3 meses.
La integración fue sencilla y el soporte en español fue clave para nuestro éxito."
</blockquote>
<div class="flex items-center justify-center gap-4">
<div style="width: 3rem; height: 3rem; background: linear-gradient(135deg, var(--primary), var(--primary-light)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-foreground); font-weight: 700;">
C
</div>
<div style="text-align: left;">
<p class="font-semibold">Carolina Mendez</p>
<p class="text-sm muted-text">Gerente de Operaciones en BPO Solutions</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact-form" class="section-padding bg-alt">
<div class="container">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div>
<h2 class="text-3xl md:text-4xl font-bold mb-6">
Asegura el contacto con más clientes en menos tiempo
</h2>
<p class="text-feature muted-text mb-8">
Empieza hoy mismo a transformar tu contact center. En solo 30 minutos de demo
verás cómo aumentar tu contactabilidad y optimizar toda tu operación.
</p>
<div class="space-y-4">
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="icon-md" style="color: var(--success);"></i>
<span>Demo técnica personalizada de 30 minutos</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="icon-md" style="color: var(--success);"></i>
<span>Análisis gratuito de tu operación actual</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="icon-md" style="color: var(--success);"></i>
<span>Plan de implementación en 48 horas</span>
</div>
<div class="flex items-center gap-3">
<i data-lucide="check-circle" class="icon-md" style="color: var(--success);"></i>
<span>Soporte técnico en español incluido</span>
</div>
</div>
<div class="offer-box">
<div class="offer-title">
<i data-lucide="phone-call" class="icon-md"></i>
<span>Oferta Limitada</span>
</div>
<p class="text-sm">
Primeros 50 clientes reciben 3 meses de soporte premium gratuito
</p>
</div>
</div>
<div class="form-container">
<div class="text-center mb-8">
<h3 class="text-2xl font-bold mb-2">
Agenda tu Demo Técnica
</h3>
<p class="muted-text">
Descubre cómo Picallex puede transformar tu contact center en 30 minutos
</p>
</div>
<form id="contactForm" class="space-y-6">
<div class="grid md:grid-cols-2 gap-6">
<div class="form-group">
<label for="nombre" class="form-label">
<i data-lucide="user" class="icon-md" style="color: var(--primary);"></i>
Nombre completo *
</label>
<input type="text" id="nombre" name="nombre" class="form-input" placeholder="Tu nombre completo" required>
</div>
<div class="form-group">
<label for="empresa" class="form-label">
<i data-lucide="building" class="icon-md" style="color: var(--primary);"></i>
Empresa *
</label>
<input type="text" id="empresa" name="empresa" class="form-input" placeholder="Nombre de tu empresa" required>
</div>
<div class="form-group">
<label for="cargo" class="form-label">Cargo</label>
<input type="text" id="cargo" name="cargo" class="form-input" placeholder="CTO, Gerente de Operaciones, etc.">
</div>
<div class="form-group">
<label for="telefono" class="form-label">
<i data-lucide="phone" class="icon-md" style="color: var(--primary);"></i>
Teléfono *
</label>
<input type="tel" id="telefono" name="telefono" class="form-input" placeholder="+1 (555) 123-4567" required>
</div>
<div class="form-group">
<label for="email" class="form-label">
<i data-lucide="mail" class="icon-md" style="color: var(--primary);"></i>
Email corporativo *
</label>
<input type="email" id="email" name="email" class="form-input" placeholder="tu@empresa.com" required>
</div>
<div class="form-group">
<label for="empleados" class="form-label">Número de agentes</label>
<select id="empleados" name="empleados" class="form-select">
<option value="">Selecciona</option>
<option value="1-10">1-10 agentes</option>
<option value="11-50">11-50 agentes</option>
<option value="51-100">51-100 agentes</option>
<option value="100+">Más de 100 agentes</option>
</select>
</div>
</div>
<div class="form-group">
<label for="mensaje" class="form-label">¿Qué problemas específicos quieres resolver?</label>
<textarea id="mensaje" name="mensaje" class="form-textarea" placeholder="Cuéntanos sobre tus desafíos actuales: bloqueos SPAM, baja contactabilidad, sistemas desintegrados, etc."></textarea>
</div>
<button type="submit" class="btn btn-hero w-full h-14 text-xl">
Solicitar Demo Gratuita
</button>
<p class="text-xs muted-text text-center mt-4">
* Campos obligatorios. Tu información está protegida y no será compartida con terceros.
</p>
</form>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="text-center">
<div class="logo mb-4" style="justify-content: center;">
<div style="width: 2rem; height: 2rem; background: rgba(255, 255, 255, 0.2); border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;">
<i data-lucide="phone" class="icon-md"></i>
</div>
<span class="text-xl font-bold">Picallex</span>
</div>
<p style="color: rgba(255, 255, 255, 0.8); margin-bottom: 1rem;">
Transforma tu contact center con la tecnología más avanzada
</p>
<p class="text-sm" style="color: rgba(255, 255, 255, 0.6);">
© 2024 Picallex. Todos los derechos reservados.
</p>
</div>
</div>
</footer>
<div id="toast" class="toast">
<div class="font-semibold">¡Demo solicitada exitosamente!</div>
<div class="text-sm muted-text">Nuestro equipo se contactará contigo en las próximas 24 horas.</div>
</div>%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c24%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c25%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c26%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c27%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c28%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c29%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c30%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c31%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c32%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c33%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c34%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c35%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c36%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c37%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c38%%MINIFYHTML6426a890dac3a2575d5f1caebb955c55403dcea3b879c5bdf735023677530f1d4059bfe9098100ac3bd1afb8d66d4a794197b880c23017f41343f98bc4279f5c39%</body>
</html>]]>
