<?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">Blog & Insights</span>
            <h1 class="display-xl reveal" style="transition-delay: 0.1s;">
                Conhecimento que
                <span class="text-gradient-green"> gera resultado</span>
            </h1>
            <p class="text-lg mt-6 reveal" style="color: #565656; transition-delay: 0.2s;">
                Artigos, guias e análises sobre contabilidade, gestão financeira e empreendedorismo.
            </p>
        </div>
    </section>

    <?php if($posts->isNotEmpty()): ?>

        
        <?php $featured = $posts->first(); ?>
        <section class="py-14" style="background: #ffffff;">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="card-premium overflow-hidden reveal">
                    <div class="grid lg:grid-cols-2">
                        
                        <div class="relative h-64 lg:h-auto min-h-64 flex items-center justify-center"
                             style="<?php echo e($featured->cover_url ? '' : 'background: linear-gradient(135deg, #e8f8f1, #eff6ff);'); ?>">
                            <?php if($featured->cover_url): ?>
                                <img src="<?php echo e($featured->cover_url); ?>" alt="<?php echo e($featured->title); ?>"
                                     style="width:100%; height:100%; object-fit:cover; display:block;">
                            <?php else: ?>
                                <div class="text-center">
                                    <span class="text-6xl block mb-4"><?php echo e($featured->cover_emoji ?: '📊'); ?></span>
                                    <span class="badge badge-green">Destaque</span>
                                </div>
                            <?php endif; ?>
                        </div>
                        
                        <div class="p-8 lg:p-10 flex flex-col justify-center">
                            <div class="flex items-center gap-3 mb-4">
                                <span class="badge badge-navy"><?php echo e($featured->category); ?></span>
                                <span class="text-sm" style="color: #94a3b8;"><?php echo e($featured->published_at?->format('d M Y')); ?></span>
                                <span class="text-sm" style="color: #94a3b8;">· <?php echo e($featured->read_time); ?> min</span>
                            </div>
                            <h2 class="font-bold text-2xl mb-4" style="color: #1e3a5f;">
                                <?php echo e($featured->title); ?>

                            </h2>
                            <?php if($featured->excerpt): ?>
                                <p class="leading-relaxed mb-6" style="color: #565656;">
                                    <?php echo e($featured->excerpt); ?>

                                </p>
                            <?php endif; ?>
                            <a href="<?php echo e(route('blog.show', $featured)); ?>" class="btn-primary inline-flex items-center gap-2 self-start">
                                Ler artigo
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        
        <?php if($posts->count() > 1): ?>
            <section class="py-12 pb-28" style="background: #f8fafc;">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                        <?php $__currentLoopData = $posts->skip(1); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <article class="card-premium overflow-hidden flex flex-col reveal" style="transition-delay: <?php echo e(($i % 3) * 100); ?>ms;">
                                <div class="h-40 flex items-center justify-center text-4xl"
                                     style="<?php echo e($post->cover_url ? '' : 'background: linear-gradient(135deg, #e8f8f1, #f8fafc);'); ?>">
                                    <?php if($post->cover_url): ?>
                                        <img src="<?php echo e($post->cover_url); ?>" alt="<?php echo e($post->title); ?>" style="width:100%; height:160px; object-fit:cover; display:block;">
                                    <?php else: ?>
                                        <?php echo e($post->cover_emoji ?: '📝'); ?>

                                    <?php endif; ?>
                                </div>
                                <div class="p-6 flex flex-col flex-1">
                                    <div class="flex items-center gap-3 mb-3">
                                        <span class="badge badge-green text-xs"><?php echo e($post->category); ?></span>
                                        <span class="text-xs" style="color: #94a3b8;"><?php echo e($post->read_time); ?> min</span>
                                    </div>
                                    <h3 class="font-semibold mb-3 line-clamp-2" style="color: #1e3a5f;"><?php echo e($post->title); ?></h3>
                                    <?php if($post->excerpt): ?>
                                        <p class="text-sm leading-relaxed flex-1 mb-4 line-clamp-2" style="color: #565656;"><?php echo e($post->excerpt); ?></p>
                                    <?php endif; ?>
                                    <div class="flex items-center justify-between pt-4 border-t" style="border-color: #e2e8f0;">
                                        <span class="text-xs" style="color: #94a3b8;"><?php echo e($post->published_at?->format('d/m/Y')); ?></span>
                                        <a href="<?php echo e(route('blog.show', $post)); ?>"
                                           class="text-sm font-semibold inline-flex items-center gap-1 transition-colors duration-200"
                                           style="color: #25b87e; text-decoration: none;"
                                           onmouseover="this.style.color='#1a9b68'" onmouseout="this.style.color='#25b87e'">
                                            Ler
                                            <svg class="w-3.5 h-3.5" 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>
                                    </div>
                                </div>
                            </article>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </section>
        <?php endif; ?>

    <?php else: ?>

        
        <section class="py-14" style="background: #ffffff;">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="card-premium overflow-hidden reveal">
                    <div class="grid lg:grid-cols-2">
                        <div class="relative h-64 lg:h-auto min-h-64 flex items-center justify-center"
                             style="background: linear-gradient(135deg, #e8f8f1, #eff6ff);">
                            <div class="text-center">
                                <span class="text-6xl block mb-4">📊</span>
                                <span class="badge badge-green">Em breve</span>
                            </div>
                        </div>
                        <div class="p-8 lg:p-10 flex flex-col justify-center">
                            <div class="flex items-center gap-3 mb-4">
                                <span class="badge badge-navy">Planejamento Tributário</span>
                            </div>
                            <h2 class="font-bold text-2xl mb-4" style="color: #1e3a5f;">
                                Conteúdo em breve
                            </h2>
                            <p class="leading-relaxed mb-6" style="color: #565656;">
                                Nossa equipe está preparando artigos e guias sobre contabilidade, tributário e gestão financeira. Volte em breve!
                            </p>
                            <a href="<?php echo e(route('contato')); ?>" class="btn-primary inline-flex items-center gap-2 self-start">
                                Fale conosco
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"/>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="py-12 pb-28" style="background: #f8fafc;">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <?php
                    $staticPosts = [
                        ['emoji' => '🏢', 'cat' => 'Tributário',        'title' => 'Simples Nacional, Lucro Presumido ou Lucro Real: qual é o melhor para você?',   'excerpt' => 'Entenda as diferenças, vantagens e desvantagens de cada regime tributário.', 'read' => '8 min'],
                        ['emoji' => '💼', 'cat' => 'Gestão',            'title' => 'BPO Financeiro: quando terceirizar o financeiro da sua empresa',                 'excerpt' => 'Saiba quando o BPO Financeiro pode liberar tempo e reduzir custos operacionais.', 'read' => '6 min'],
                        ['emoji' => '📱', 'cat' => 'Digital',           'title' => 'As melhores ferramentas de gestão financeira para PMEs',                        'excerpt' => 'Comparamos as principais plataformas e como integrá-las com sua contabilidade.', 'read' => '10 min'],
                        ['emoji' => '⚖️', 'cat' => 'Tributário',        'title' => 'Reforma Tributária: o que muda para sua empresa e como se preparar',            'excerpt' => 'Análise das mudanças tributárias e o impacto para cada tipo de empresa.', 'read' => '12 min'],
                        ['emoji' => '👥', 'cat' => 'Contabilidade',     'title' => 'eSocial na prática: como cumprir todas as obrigações sem dor de cabeça',        'excerpt' => 'Guia prático para manter o eSocial em dia e evitar multas.', 'read' => '7 min'],
                        ['emoji' => '📈', 'cat' => 'Gestão',            'title' => 'Indicadores financeiros essenciais que todo empresário precisa acompanhar',     'excerpt' => 'DRE, fluxo de caixa, margem e outros KPIs explicados de forma simples.', 'read' => '9 min'],
                    ];
                ?>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <?php $__currentLoopData = $staticPosts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <article class="card-premium overflow-hidden flex flex-col reveal" style="transition-delay: <?php echo e(($i % 3) * 100); ?>ms;">
                            <div class="h-40 flex items-center justify-center text-4xl"
                                 style="background: linear-gradient(135deg, #e8f8f1, #f8fafc);">
                                <?php echo e($post['emoji']); ?>

                            </div>
                            <div class="p-6 flex flex-col flex-1">
                                <div class="flex items-center gap-3 mb-3">
                                    <span class="badge badge-green text-xs"><?php echo e($post['cat']); ?></span>
                                    <span class="text-xs" style="color: #94a3b8;"><?php echo e($post['read']); ?></span>
                                </div>
                                <h3 class="font-semibold mb-3 line-clamp-2" style="color: #1e3a5f;"><?php echo e($post['title']); ?></h3>
                                <p class="text-sm leading-relaxed flex-1 mb-4 line-clamp-2" style="color: #565656;"><?php echo e($post['excerpt']); ?></p>
                                <div class="flex items-center justify-between pt-4 border-t" style="border-color: #e2e8f0;">
                                    <span class="text-xs" style="color: #94a3b8;">Em breve</span>
                                </div>
                            </div>
                        </article>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </section>

    <?php endif; ?>

    
    <section class="py-16" style="background: #fff;">
        <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="card-premium p-10 text-center reveal" style="background: white;">
                <span class="badge badge-green mb-4">Newsletter</span>
                <h3 class="font-bold text-2xl mb-3" style="color: #1e3a5f;">Receba insights semanais no seu e-mail</h3>
                <p class="mb-6 max-w-md mx-auto" style="color: #565656;">Dicas práticas de contabilidade, tributário e gestão financeira para empreendedores.</p>
                <form class="flex flex-col sm:flex-row gap-3 max-w-md mx-auto" onsubmit="event.preventDefault()">
                    <input type="email" placeholder="seu@email.com" class="input-premium flex-1">
                    <button type="submit" class="btn-primary whitespace-nowrap">
                        Inscrever-se
                    </button>
                </form>
                <p class="text-xs mt-3" style="color: #94a3b8;">Sem spam. Cancele quando quiser.</p>
            </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\blog.blade.php ENDPATH**/ ?>