<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>FlowCRM™ Tu Centro De Control Empresarial Powered By OrozCO</title>
  <meta name="description" content="La Plataforma Todo En Uno Para Impulsar Tu Negocio">
  <meta name="robots" content="noindex, nofollow">

    <link rel="icon" type="image/png" href="img/favicon.png">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">

    <?php include 'files/gtm-head.php'; ?>
    
    <script src="https://cdn.tailwindcss.com"></script>
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <script src="https://unpkg.com/lucide@latest"></script>
    <link rel="stylesheet" href="style.css"> 
    <script src="files/header-manager.js"></script>

</head>
<body data-page-title="FlowCRM™ Tu Centro De Control Empresarial" 
      data-page-subtitle="La Plataforma Todo En Uno Para Impulsar Tu Negocio" 
      data-page-icon="layout-dashboard">
    
    <div id="toast-container" class="toast-container"></div>
    
<?php include 'files/gtm-body.php'; ?> 

<div class="relative min-h-screen md:flex">
    <div id="sidebar-overlay" class="fixed inset-0 bg-black bg-opacity-50 z-30 hidden md:hidden"></div>
    <div id="task-panel-overlay" class="off-canvas-overlay"></div> 
    
    <?php include 'menu.php'; ?>

    <main class="flex-1 overflow-y-auto">
        <header class="bg-white shadow-sm p-4 flex justify-between items-center sticky top-0 z-20">
            <button id="mobile-menu-button" class="md:hidden text-gray-600 hover:text-gray-800">
                <i data-lucide="menu" class="w-6 h-6"></i>
            </button>
            <div class="page-header-container">
                <h2 id="page-title"></h2>
                <p id="page-subtitle"></p>
            </div>
        </header>

    <main class="p-4 md:p-8 space-y-8">

        <div class="bg-white p-6 rounded-xl border-l-4 border-[var(--color-primary)] transition ">
            <div class="flex items-center">
                <i data-lucide="check-circle" class="w-10 h-10 mr-4 text-[var(--color-highlight)]"></i>
                <div>
                    <h1 class="text-5xl font-black text-[var(--color-primary)]">PERFIL DE CLIENTE IDEAL</h1>
                    <p class="text-lg font-semibold text-gray-600">GIC CLEANING SERVICE - BATON ROUGE, LA</p>
                </div>
            </div>
            <div class="mt-4 text-gray-700 pl-14 space-y-3">
                 <p>Conocer al cliente ideal es una herramienta estratégica que define cómo un negocio comunica, vende y se posiciona. Este documento expone el perfil real y accionable del cliente de GIC Cleaning Service para atraer a los clientes correctos y diferenciarse de la competencia.</p>
                 <p>A través de un análisis psicológico, motivacional y conductual, se revelan los deseos, frustraciones y expectativas que guían sus decisiones. Estos insights servirán como brújula para todas las acciones de marketing, ventas y comunicación.</p>
            </div>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div class="bg-white p-6 rounded-xl border-l-4 border-[var(--color-secondary)] ">
                <div class="flex items-center mb-4">
                    <i data-lucide="frown" class="w-8 h-8 mr-4 text-[var(--color-secondary)]"></i>
                    <div>
                        <h2 class="text-2xl font-black text-[var(--color-primary)]">EL PROBLEMA PRINCIPAL</h2>
                        <p class="text-sm font-bold uppercase text-gray-500">Su Realidad Actual</p>
                    </div>
                </div>
                <p class="text-gray-700 text-lg">
                    Vive con <span class="font-bold text-[var(--color-primary)]">estrés constante</span> por el desorden, la falta de tiempo y la presión de mantener un espacio limpio y ordenado.
                </p>
            </div>

            <div class="bg-white p-6 rounded-xl border-l-4 border-[var(--color-highlight)] ">
                <div class="flex items-center mb-4">
                    <i data-lucide="sparkles" class="w-8 h-8 mr-4 text-[var(--color-highlight)]"></i>
                    <div>
                        <h2 class="text-2xl font-black text-[var(--color-primary)]">LA TRANSFORMACIÓN</h2>
                        <p class="text-sm font-bold uppercase text-[var(--color-secondary)]">Nuestra Meta</p>
                    </div>
                </div>
                <p class="text-gray-700 text-lg">
                    Pasar a un <span class="font-bold text-[var(--color-primary)]">ambiente fresco y ordenado</span>, recuperando su tranquilidad sin estrés ni desgaste personal.
                </p>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            <div class="bg-white p-6 rounded-xl ">
                <div class="flex items-center mb-4 border-b pb-3">
                    <i data-lucide="brain-circuit" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                    <h2 class="text-2xl font-black text-[var(--color-primary)]">¿QUÉ SIENTE?</h2>
                </div>
                <div class="space-y-4">
                    <div>
                        <h3 class="font-bold text-gray-800">Problema Principal</h3>
                        <p class="text-gray-600">Vive con estrés constante por el desorden y la falta de tiempo. Teme reseñas negativas si la limpieza de sus propiedades no es impecable.</p>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-800">Preocupaciones</h3>
                        <ul class="list-none space-y-2 mt-1">
                            <li class="flex items-start"><i data-lucide="alert-triangle" class="w-4 h-4 mr-2 mt-1 flex-shrink-0 text-[var(--color-secondary)]"></i><span class="text-gray-600">Servicio no confiable (tardanzas, poca seriedad).</span></li>
                            <li class="flex items-start"><i data-lucide="alert-triangle" class="w-4 h-4 mr-2 mt-1 flex-shrink-0 text-[var(--color-secondary)]"></i><span class="text-gray-600">Resultado mediocre (polvo oculto, olores).</span></li>
                            <li class="flex items-start"><i data-lucide="alert-triangle" class="w-4 h-4 mr-2 mt-1 flex-shrink-0 text-[var(--color-secondary)]"></i><span class="text-gray-600">Daño a pertenencias o falta de confianza.</span></li>
                        </ul>
                    </div>
                     <div>
                        <h3 class="font-bold text-gray-800">Desafíos</h3>
                        <p class="text-gray-600">Diferenciar entre empresas que ofrecen “lo mismo” y decidir a quién confiar su espacio más íntimo o su negocio.</p>
                    </div>
                </div>
            </div>

            <div class="bg-white p-6 rounded-xl ">
                <div class="flex items-center mb-4 border-b pb-3">
                    <i data-lucide="heart-handshake" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                    <h2 class="text-2xl font-black text-[var(--color-primary)]">¿QUÉ QUIERE?</h2>
                </div>
                 <div class="space-y-4">
                    <div>
                        <h3 class="font-bold text-gray-800">Objetivo Principal</h3>
                        <p class="text-gray-600">Liberar tiempo y energía al delegar la limpieza en un equipo confiable, rápido y detallista.</p>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-800">Transformación Deseada</h3>
                        <p class="text-gray-600">Pasar de un espacio caótico a un ambiente fresco y ordenado, sin estrés ni desgaste personal.</p>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-800">Deseo Profundo</h3>
                        <p class="text-gray-600">Sentir orgullo y tranquilidad al saber que su propiedad está impecable y bajo control.</p>
                    </div>
                </div>
            </div>

            <div class="bg-white p-6 rounded-xl ">
                <div class="flex items-center mb-4 border-b pb-3">
                    <i data-lucide="mouse-pointer-square" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                    <h2 class="text-2xl font-black text-[var(--color-primary)]">¿QUÉ HACE?</h2>
                </div>
                 <div class="space-y-4">
                    <div>
                        <h3 class="font-bold text-gray-800">Intereses Principales</h3>
                        <p class="text-gray-600">Vida práctica, productividad, balance personal e inversión en propiedades (realtors, hosts de Airbnb, property managers).</p>
                    </div>
                    <div>
                        <h3 class="font-bold text-gray-800">Dónde Busca Soluciones</h3>
                        <p class="text-gray-600">Google, directorios locales, recomendaciones, reseñas online y redes sociales (Facebook, Nextdoor).</p>
                    </div>
                     <div>
                        <h3 class="font-bold text-gray-800">Canales Preferidos</h3>
                        <p class="text-gray-600">Llamada y WhatsApp para rapidez; web y Google Maps para comparar y verificar.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div class="bg-white p-6 rounded-xl border-l-4 border-green-500 ">
                <div class="flex items-center mb-4">
                    <i data-lucide="star" class="w-8 h-8 mr-3 text-green-500"></i>
                    <h2 class="text-2xl font-black text-[var(--color-primary)]">EXPECTATIVAS DEL SERVICIO</h2>
                </div>
                <ul class="space-y-2 text-gray-700">
                    <li class="flex items-start"><i data-lucide="check" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-green-600"></i><span>Puntualidad, profesionalismo y equipos uniformados.</span></li>
                    <li class="flex items-start"><i data-lucide="check" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-green-600"></i><span>Flexibilidad en la frecuencia del servicio.</span></li>
                    <li class="flex items-start"><i data-lucide="check" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-green-600"></i><span>Diferenciación clara entre tipos de limpieza.</span></li>
                    <li class="flex items-start"><i data-lucide="check" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-green-600"></i><span>Precios transparentes y sin cargos ocultos.</span></li>
                    <li class="flex items-start"><i data-lucide="check" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-green-600"></i><span>Comunicación fluida y confirmaciones rápidas.</span></li>
                </ul>
            </div>
            <div class="bg-white p-6 rounded-xl border-l-4 border-[var(--color-secondary)] ">
                <div class="flex items-center mb-4">
                    <i data-lucide="thumbs-down" class="w-8 h-8 mr-3 text-[var(--color-secondary)]"></i>
                    <h2 class="text-2xl font-black text-[var(--color-primary)]">EXPERIENCIAS NEGATIVAS</h2>
                </div>
                <ul class="space-y-2 text-gray-700">
                    <li class="flex items-start"><i data-lucide="x" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-red-600"></i><span>Empresas que no llegaron o llegaron tarde.</span></li>
                    <li class="flex items-start"><i data-lucide="x" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-red-600"></i><span>Limpieza superficial, sin atención al detalle.</span></li>
                    <li class="flex items-start"><i data-lucide="x" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-red-600"></i><span>Falta de comunicación y cambios sin aviso.</span></li>
                    <li class="flex items-start"><i data-lucide="x" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-red-600"></i><span>Precios que subieron sin acuerdo previo.</span></li>
                    <li class="flex items-start"><i data-lucide="x" class="w-5 h-5 mr-3 mt-1 flex-shrink-0 text-red-600"></i><span>Personal sin uniforme (poca seriedad).</span></li>
                </ul>
            </div>
        </div>
        
        <div class="bg-white p-6 rounded-xl ">
            <div class="flex items-center mb-4">
                <i data-lucide="shield-alert" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                <h2 class="text-2xl font-black text-[var(--color-primary)]">OBJECIONES Y BARRERAS COMUNES</h2>
            </div>
            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mt-4 text-center">
                <div class="p-3 bg-red-50 border border-red-200 rounded-lg"><i data-lucide="shield-x" class="mx-auto w-6 h-6 text-red-500 mb-1"></i><span class="text-sm font-semibold text-red-800">"Es muy caro."</span></div>
                <div class="p-3 bg-red-50 border border-red-200 rounded-lg"><i data-lucide="shield-x" class="mx-auto w-6 h-6 text-red-500 mb-1"></i><span class="text-sm font-semibold text-red-800">"No confío en extraños."</span></div>
                <div class="p-3 bg-red-50 border border-red-200 rounded-lg"><i data-lucide="shield-x" class="mx-auto w-6 h-6 text-red-500 mb-1"></i><span class="text-sm font-semibold text-red-800">"No quedará como quiero."</span></div>
                <div class="p-3 bg-red-50 border border-red-200 rounded-lg"><i data-lucide="shield-x" class="mx-auto w-6 h-6 text-red-500 mb-1"></i><span class="text-sm font-semibold text-red-800">"Ya tuve malas experiencias."</span></div>
                <div class="p-3 bg-red-50 border border-red-200 rounded-lg"><i data-lucide="shield-x" class="mx-auto w-6 h-6 text-red-500 mb-1"></i><span class="text-sm font-semibold text-red-800">"No quiero contratos largos."</span></div>
            </div>
        </div>
        
        <div class="bg-white p-6 rounded-xl ">
            <div class="flex items-center mb-4">
                <i data-lucide="users" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                <h2 class="text-2xl font-black text-[var(--color-primary)]">PERFILES DE CLIENTE</h2>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
                <div class="bg-gray-50 border-l-4 border-[var(--color-secondary)] p-4 rounded-r-lg">
                    <h3 class="font-black text-lg text-[var(--color-primary)]">PERFIL #1: JESSICA MILLER, 42</h3>
                    <p class="text-gray-600 mt-1">Gerente, madre y esposa. Su recurso más escaso es el <strong class="text-gray-800">tiempo</strong>. Frustrada por servicios baratos y poco confiables, ahora busca una empresa seria que garantice un hogar impecable sin supervisión.</p>
                </div>
                <div class="bg-gray-50 border-l-4 border-[var(--color-secondary)] p-4 rounded-r-lg">
                    <h3 class="font-black text-lg text-[var(--color-primary)]">PERFIL #2: DAVID JOHNSON, 55</h3>
                    <p class="text-gray-600 mt-1">Inversionista de Airbnb. Su mayor preocupación son las <strong class="text-gray-800">reseñas negativas</strong>. Necesita un proveedor rápido, flexible y confiable que entienda la urgencia entre reservas.</p>
                </div>
            </div>
        </div>

        <div class="bg-white p-6 rounded-xl ">
            <div class="flex items-center mb-4">
                <i data-lucide="calendar-days" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                <h2 class="text-2xl font-black text-[var(--color-primary)]">3 DÍAS EN LA VIDA DEL CLIENTE</h2>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-4">
                <div class="bg-gray-50 p-4 rounded-lg">
                    <h3 class="font-black text-lg text-center text-[var(--color-primary)]">DÍA 1: PREOCUPACIÓN</h3>
                    <p class="text-gray-600 text-center mt-1">Jessica se siente agotada por el desorden. David teme una mala reseña por una limpieza deficiente.</p>
                </div>
                 <div class="bg-gray-50 p-4 rounded-lg">
                    <h3 class="font-black text-lg text-center text-[var(--color-primary)]">DÍA 2: BÚSQUEDA</h3>
                    <p class="text-gray-600 text-center mt-1">Ambos buscan en Google y piden recomendaciones, leyendo reseñas con desconfianza por malas experiencias.</p>
                </div>
                 <div class="bg-gray-50 p-4 rounded-lg">
                    <h3 class="font-black text-lg text-center text-[var(--color-primary)]">DÍA 3: ACCIÓN</h3>
                    <p class="text-gray-600 text-center mt-1">Llaman a GIC y reciben respuesta inmediata. La flexibilidad y las pruebas sociales los convencen.</p>
                </div>
            </div>
        </div>

        <div class="bg-white p-6 rounded-xl ">
            <div class="flex items-center mb-4">
                <i data-lucide="lightbulb" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                <h2 class="text-2xl font-black text-[var(--color-primary)]">RECOMENDACIONES ESTRATÉGICAS</h2>
            </div>
            <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-4 text-gray-700">
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Web Profesional:</strong> Debe reflejar seriedad para generar confianza y filtrar a la competencia.</div></li>
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Reputación Online:</strong> Las reseñas son el antídoto contra el miedo a un mal servicio.</div></li>
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Branding Consistente:</strong> Uniformes y vehículos rotulados son símbolos visibles de seguridad.</div></li>
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Publicidad Estratégica:</strong> Aparecer en momentos de urgencia con mensajes que apelen a la emoción.</div></li>
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Redes Sociales Activas:</strong> Son la prueba de que la empresa existe, responde y cumple.</div></li>
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Velocidad de Respuesta:</strong> Contestar rápido demuestra valoración por el tiempo del cliente.</div></li>
                <li class="flex items-start"><i data-lucide="check-square" class="w-5 h-5 mr-3 mt-1 text-[var(--color-secondary)]"></i><div><strong class="text-gray-900">Diferenciación de Servicios:</strong> Paquetes claros eliminan la incertidumbre y facilitan la decisión.</div></li>
            </ul>
        </div>
        
        <div class="bg-[var(--color-primary)] p-6 rounded-xl ">
            <div class="flex items-center mb-4">
               <i data-lucide="target" class="w-8 h-8 mr-3 text-[var(--color-highlight)]"></i>
                <h2 class="text-2xl font-black text-[var(--color-highlight)]">CONCLUSIÓN ESTRATÉGICA</h2>
            </div>
            <p class="text-white/90 text-lg">
                El cliente ideal no solo busca limpieza; busca <strong class="text-white">confianza, tiempo recuperado y tranquilidad</strong>. Su decisión está marcada por dudas y malas experiencias. La clave es comunicar seguridad y profesionalismo para convertirse en la elección lógica y segura. Este perfil es el camino para atraer, retener y convertir a los clientes correctos.
            </p>
        </div>

    </main>
    
    <script>
        // Inicializar Lucide Icons
        lucide.createIcons();
    </script>

</body>
</html>