<?php $__env->startSection('title', 'Podcast Production Services'); ?>

<?php
    $theme = $themeClasses;
?>

<?php $__env->startSection('content'); ?>
    <!-- Hero Section -->
    <section id="hero" class="relative min-h-[70vh] flex items-center justify-center overflow-hidden">
        <div class="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"></div>
        <div class="relative max-w-5xl mx-auto px-6 lg:px-8 text-center">
            <h1 class="font-display text-5xl md:text-7xl font-bold leading-tight mb-6">
                <span class="text-white"><?php echo e($podcastData['hero']['title']); ?></span>
            </h1>
            <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10">
                <?php echo e($podcastData['hero']['description']); ?>

            </p>
        </div>
    </section>

     <!-- Services Section -->
    <section id="services" class="py-20 md:py-32 <?php echo e($theme['sectionBg']); ?>">
        <div class="max-w-7xl mx-auto px-6 lg:px-8">
            <div class="text-center mb-16">
                <h2 class="font-display text-4xl md:text-5xl font-bold text-white mb-4">Our Podcast Services</h2>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <?php $__currentLoopData = $podcastData['services']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="group p-8 <?php echo e($theme['cardBg']); ?> rounded-2xl border <?php echo e($theme['cardBorder']); ?> hover:border-purple-500/50 transition duration-500">
                        <div class="w-14 h-14 rounded-full bg-purple-500/10 flex items-center justify-center mb-6 <?php echo e($theme['accent']); ?> group-hover:bg-purple-500 group-hover:text-white transition duration-300">
                            <?php echo $__env->make('podcast.partials.icon', [
                                'name' => $service['icon'],
                                'size' => 'w-7 h-7',
                            ], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        </div>
                        <h3 class="text-xl font-semibold <?php echo e($theme['textNormal']); ?> mb-3 group-hover:<?php echo e($theme['accent']); ?> transition">
                            <?php echo e($service['title']); ?></h3>
                        <p class="<?php echo e($theme['textSecondary']); ?> text-sm mb-4"><?php echo e($service['description']); ?></p>
                        <div class="<?php echo e($theme['accent']); ?> font-medium text-sm"><?php echo e($service['price']); ?></div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('podcast.layouts.podcast', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Users/olasunkanmiarowolo/oamediakraft.co.uk/oamk/resources/views/podcast/index.blade.php ENDPATH**/ ?>