

<?php $__env->startSection('content'); ?>
    <section class="shell py-20">
        <p class="section-kicker"><?php echo e(__('Services')); ?></p>
        <h1 class="section-title"><?php echo e($page->localized('hero.title')); ?></h1>
        <p class="mt-6 section-copy"><?php echo e($page->localized('hero.description')); ?></p>
    </section>

    <section class="shell pb-20">
        <div class="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
            <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <article class="surface-panel group p-6 transition duration-300 hover:-translate-y-2">
                    <?php if($service->image_path): ?>
                        <div class="overflow-hidden rounded-3xl bg-slate-100 dark:bg-slate-900">
                            <img src="<?php echo e(asset('storage/'.$service->image_path)); ?>" alt="<?php echo e($service->translate('title')); ?>" class="h-48 w-full object-cover transition duration-300 group-hover:scale-105">
                        </div>
                    <?php else: ?>
                        <div class="inline-flex rounded-2xl bg-slate-950 p-4 text-white transition group-hover:bg-brand-500 dark:bg-white dark:text-slate-950">
                            <i data-lucide="<?php echo e($service->icon ?: 'sparkles'); ?>" class="h-6 w-6"></i>
                        </div>
                    <?php endif; ?>
                    <h2 class="mt-6 text-2xl font-semibold"><?php echo e($service->translate('title')); ?></h2>
                    <p class="mt-4 text-base leading-8 text-slate-600 dark:text-slate-300"><?php echo e($service->translate('excerpt')); ?></p>
                    <ul class="mt-6 space-y-3 text-sm text-slate-700 dark:text-slate-200">
                        <?php $__currentLoopData = $service->translate('bullets'); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bullet): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <li class="flex items-start gap-3"><span class="mt-2 h-2 w-2 rounded-full bg-brand-500"></span><span><?php echo e($bullet); ?></span></li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </article>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', ['title' => __('Services').' | Nivex'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\Nivex\resources\views/pages/services.blade.php ENDPATH**/ ?>