<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'services' => [],
    'themeClasses' => [],
]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter(([
    'services' => [],
    'themeClasses' => [],
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<section id="services"
    class="py-20 md:py-32 <?php echo e($themeClasses['sectionBgAlt'] ?? 'bg-gray-950'); ?> border-t <?php echo e($themeClasses['divider'] ?? 'border-gray-800'); ?>">
    <div class="max-w-7xl mx-auto px-6 lg:px-8">
        <h2
            class="text-5xl font-extrabold text-center mb-6 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> animate-on-scroll">
            Expertise in Every Pixel
        </h2>
        <p class="text-center <?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> mb-16 max-w-3xl mx-auto text-lg animate-on-scroll"
            style="transition-delay: 0.1s;">
            Our collaborative process ensures seamless integration of design, development, and production.
        </p>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
            <?php $__empty_1 = true; $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <div class="group p-8 <?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-3xl shadow-xl hover:shadow-orange-500/20 transition duration-500 border <?php echo e($themeClasses['cardBorder'] ?? 'border-gray-800'); ?> hover:border-orange-500/50 animate-on-scroll"
                    style="transition-delay: <?php echo e($index * 0.1); ?>s;">
                    <div
                        class="p-3 w-12 h-12 rounded-full mb-5 transition duration-500 transform group-hover:bg-blue-600/20 text-orange-400">
                        <?php echo $__env->make('partials.icon', ['name' => $service['icon'] ?? 'Code'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    </div>
                    <h3
                        class="text-2xl font-semibold mb-3 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> transition group-hover:text-orange-400">
                        <?php echo e($service['title']); ?>

                    </h3>
                    <p class="<?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> text-sm">
                        <?php echo e($service['description']); ?></p>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <!-- Fallback services if none provided -->
                <div
                    class="group p-8 <?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-3xl shadow-xl hover:shadow-orange-500/20 transition duration-500 border <?php echo e($themeClasses['cardBorder'] ?? 'border-gray-800'); ?> hover:border-orange-500/50 animate-on-scroll">
                    <div
                        class="p-3 w-12 h-12 rounded-full mb-5 transition duration-500 transform group-hover:bg-blue-600/20 text-orange-400">
                        <?php echo $__env->make('partials.icon', ['name' => 'Film'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    </div>
                    <h3
                        class="text-2xl font-semibold mb-3 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> transition group-hover:text-orange-400">
                        Cinematic Production</h3>
                    <p class="<?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> text-sm">From 4K corporate
                        features to viral marketing spots, we handle end-to-end video creation.</p>
                </div>
                <div class="group p-8 <?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-3xl shadow-xl hover:shadow-orange-500/20 transition duration-500 border <?php echo e($themeClasses['cardBorder'] ?? 'border-gray-800'); ?> hover:border-orange-500/50 animate-on-scroll"
                    style="transition-delay: 0.1s;">
                    <div
                        class="p-3 w-12 h-12 rounded-full mb-5 transition duration-500 transform group-hover:bg-blue-600/20 text-orange-400">
                        <?php echo $__env->make('partials.icon', ['name' => 'PenTool'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    </div>
                    <h3
                        class="text-2xl font-semibold mb-3 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> transition group-hover:text-orange-400">
                        Brand Identity</h3>
                    <p class="<?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> text-sm">Crafting compelling
                        visual languages, including logo design and detailed style guides.</p>
                </div>
                <div class="group p-8 <?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-3xl shadow-xl hover:shadow-orange-500/20 transition duration-500 border <?php echo e($themeClasses['cardBorder'] ?? 'border-gray-800'); ?> hover:border-orange-500/50 animate-on-scroll"
                    style="transition-delay: 0.2s;">
                    <div
                        class="p-3 w-12 h-12 rounded-full mb-5 transition duration-500 transform group-hover:bg-blue-600/20 text-orange-400">
                        <?php echo $__env->make('partials.icon', ['name' => 'Code'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    </div>
                    <h3
                        class="text-2xl font-semibold mb-3 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> transition group-hover:text-orange-400">
                        Web Development</h3>
                    <p class="<?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> text-sm">Building
                        high-performance, SEO-optimized, and fully responsive web experiences.</p>
                </div>
                <div class="group p-8 <?php echo e($themeClasses['cardBg'] ?? 'bg-gray-900'); ?> rounded-3xl shadow-xl hover:shadow-orange-500/20 transition duration-500 border <?php echo e($themeClasses['cardBorder'] ?? 'border-gray-800'); ?> hover:border-orange-500/50 animate-on-scroll"
                    style="transition-delay: 0.3s;">
                    <div
                        class="p-3 w-12 h-12 rounded-full mb-5 transition duration-500 transform group-hover:bg-blue-600/20 text-orange-400">
                        <?php echo $__env->make('partials.icon', ['name' => 'Camera'], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    </div>
                    <h3
                        class="text-2xl font-semibold mb-3 <?php echo e($themeClasses['textNormal'] ?? 'text-white'); ?> transition group-hover:text-orange-400">
                        Advanced Photography</h3>
                    <p class="<?php echo e($themeClasses['textSecondary'] ?? 'text-gray-400'); ?> text-sm">High-resolution
                        professional photography including corporate headshots and product imaging.</p>
                </div>
            <?php endif; ?>
        </div>
    </div>
</section>
<?php /**PATH /Users/olasunkanmiarowolo/oamediakraft.co.uk/oamk/resources/views/components/services.blade.php ENDPATH**/ ?>