<?php if (isset($component)) { $__componentOriginal23a33f287873b564aaf305a1526eada4 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal23a33f287873b564aaf305a1526eada4 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.layout','data' => ['title' => $title,'description' => $description]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($title),'description' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($description)]); ?>

    
    <section class="pt-36 pb-20" style="background: #f8fafc;">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <span class="badge badge-green mb-6 reveal">Fale com a OPCON</span>
            <h1 class="display-xl reveal" style="transition-delay: 0.1s;">
                Vamos transformar
                <span class="text-gradient-green"> sua empresa</span> juntos
            </h1>
            <p class="text-lg mt-6 reveal" style="color: #565656; transition-delay: 0.2s;">
                Diagnóstico gratuito, sem compromisso. Nossa equipe responde em até 2 horas.
            </p>
        </div>
    </section>

    
    <section class="py-16 pb-28" style="background: #ffffff;">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid lg:grid-cols-5 gap-12">

                
                <div class="lg:col-span-2 space-y-6">

                    
                    <div class="card-premium p-7 space-y-5 reveal">
                        <h2 class="font-bold text-xl" style="color: #1e3a5f;">Canais de atendimento</h2>

                        <a href="https://wa.me/556332197100" target="_blank" rel="noopener"
                           class="flex items-center gap-4 p-4 rounded-xl transition-all duration-200 hover:-translate-y-0.5 block"
                           style="background: rgba(37,211,102,0.07); border: 1px solid rgba(37,211,102,0.25);">
                            <div class="w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0"
                                 style="background: rgba(37,211,102,0.12);">
                                <svg class="w-5 h-5" style="color: #25D366;" fill="currentColor" viewBox="0 0 24 24">
                                    <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/>
                                </svg>
                            </div>
                            <div>
                                <p class="font-semibold text-sm" style="color: #1e3a5f;">WhatsApp</p>
                                <p class="text-xs" style="color: #94a3b8;">Resposta imediata • (63) 3219-7100</p>
                            </div>
                            <svg class="w-4 h-4 ml-auto" style="color: #94a3b8;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                            </svg>
                        </a>

                        <?php
                            $contacts = [
                                ['icon' => 'M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z', 'label' => 'E-mail',      'value' => 'contato@opcon.com.br', 'sub' => 'Resposta em até 2h'],
                                ['icon' => 'M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z', 'label' => 'Telefone', 'value' => '(11) 3333-3333',     'sub' => 'Seg–Sex, 9h–18h'],
                                ['icon' => 'M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z M15 11a3 3 0 11-6 0 3 3 0 016 0z', 'label' => 'Localização', 'value' => 'Brasil — Atendimento Nacional', 'sub' => '100% online'],
                            ];
                        ?>
                        <?php $__currentLoopData = $contacts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $contact): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="flex items-start gap-4">
                                <div class="w-9 h-9 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5"
                                     style="background: #e8f8f1; border: 1px solid rgba(37,184,126,0.3);">
                                    <svg class="w-4 h-4" style="color: #25b87e;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="<?php echo e($contact['icon']); ?>"/>
                                    </svg>
                                </div>
                                <div>
                                    <p class="font-medium text-sm" style="color: #1e3a5f;"><?php echo e($contact['label']); ?></p>
                                    <p class="text-sm" style="color: #565656;"><?php echo e($contact['value']); ?></p>
                                    <p class="text-xs" style="color: #94a3b8;"><?php echo e($contact['sub']); ?></p>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                    
                    <div class="card-premium p-6 reveal" style="transition-delay: 0.2s;">
                        <h3 class="font-semibold mb-4 flex items-center gap-2" style="color: #1e3a5f;">
                            <span class="w-2 h-2 rounded-full animate-pulse" style="background: #25b87e;"></span>
                            Horário de atendimento
                        </h3>
                        <div class="space-y-2">
                            <?php $__currentLoopData = ['Segunda — Sexta: 9h às 18h', 'Sábado: 9h às 13h', 'WhatsApp: 24h para urgências']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hour): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <p class="text-sm" style="color: #565656;"><?php echo e($hour); ?></p>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                </div>

                
                <div class="lg:col-span-3">
                    <div class="card-premium p-8 reveal" style="transition-delay: 0.1s;" x-data="contactForm()">

                        
                        <div x-show="success" class="text-center py-12" style="display: none;">
                            <div class="w-16 h-16 rounded-2xl flex items-center justify-center mx-auto mb-4"
                                 style="background: #e8f8f1; border: 1px solid rgba(37,184,126,0.3);">
                                <svg class="w-8 h-8" style="color: #25b87e;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
                                </svg>
                            </div>
                            <h3 class="font-bold text-xl mb-2" style="color: #1e3a5f;">Mensagem enviada!</h3>
                            <p style="color: #565656;">Nossa equipe entrará em contato em até 2 horas.</p>
                        </div>

                        
                        <div x-show="!success">
                            <h2 class="font-bold text-2xl mb-2" style="color: #1e3a5f;">Solicitar diagnóstico gratuito</h2>
                            <p class="text-sm mb-7" style="color: #94a3b8;">Preencha o formulário e um especialista entrará em contato.</p>

                            <form @submit.prevent="submit" class="space-y-4">
                                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                                    <div>
                                        <label class="block text-sm font-medium mb-2" style="color: #1e3a5f;">Nome completo</label>
                                        <input type="text" x-model="form.name" class="input-premium" placeholder="João Silva" required>
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium mb-2" style="color: #1e3a5f;">E-mail</label>
                                        <input type="email" x-model="form.email" class="input-premium" placeholder="joao@empresa.com" required>
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium mb-2" style="color: #1e3a5f;">Telefone / WhatsApp</label>
                                        <input type="tel" x-model="form.phone"
                                               class="input-premium" placeholder="(63) 99999-9999"
                                               @input="form.phone = $event.target.value = window.maskPhone($event.target.value)"
                                               maxlength="15">
                                    </div>
                                    <div>
                                        <label class="block text-sm font-medium mb-2" style="color: #1e3a5f;">Empresa</label>
                                        <input type="text" x-model="form.company" class="input-premium" placeholder="Nome da sua empresa">
                                    </div>
                                </div>

                                <div>
                                    <label class="block text-sm font-medium mb-2" style="color: #1e3a5f;">Como podemos ajudar?</label>
                                    <textarea x-model="form.message" class="input-premium resize-none" rows="4"
                                              placeholder="Descreva sua necessidade... (abertura de empresa, trocar de contador, planejamento tributário...)"
                                              required></textarea>
                                </div>

                                
                                <div x-show="error" class="flex items-center gap-2 p-3 rounded-xl text-sm"
                                     style="background: #fef2f2; border: 1px solid rgba(239,68,68,0.25); color: #ef4444; display: none;">
                                    <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
                                    </svg>
                                    Ocorreu um erro. Por favor, tente novamente ou entre em contato pelo WhatsApp.
                                </div>

                                <button type="submit"
                                        :disabled="loading"
                                        :class="loading ? 'opacity-70 cursor-not-allowed' : ''"
                                        class="btn-primary w-full flex items-center justify-center gap-2" style="padding: 1rem;">
                                    <span x-show="!loading">Solicitar diagnóstico gratuito</span>
                                    <span x-show="loading" style="display: none;">
                                        <svg class="w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
                                        </svg>
                                        Enviando...
                                    </span>
                                </button>

                                <p class="text-xs text-center" style="color: #94a3b8;">
                                    Ao enviar, você concorda com nossa
                                    <a href="<?php echo e(route('privacidade')); ?>" class="underline hover:no-underline" style="color: #565656;">Política de Privacidade</a>.
                                    Sem spam.
                                </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal23a33f287873b564aaf305a1526eada4)): ?>
<?php $attributes = $__attributesOriginal23a33f287873b564aaf305a1526eada4; ?>
<?php unset($__attributesOriginal23a33f287873b564aaf305a1526eada4); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal23a33f287873b564aaf305a1526eada4)): ?>
<?php $component = $__componentOriginal23a33f287873b564aaf305a1526eada4; ?>
<?php unset($__componentOriginal23a33f287873b564aaf305a1526eada4); ?>
<?php endif; ?>
<?php /**PATH C:\ProjetosWeb\OPCON\resources\views\pages\contato.blade.php ENDPATH**/ ?>