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

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'eyebrow' => '',
    'title' => '',
    'description' => null,
    'image' => null,
    'imageAlt' => '',
    'height' => 'min-h-[60vh]',
    'align' => 'center',
    'backUrl' => null,
    'backLabel' => null,
    'meta' => [],
]));

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(([
    'eyebrow' => '',
    'title' => '',
    'description' => null,
    'image' => null,
    'imageAlt' => '',
    'height' => 'min-h-[60vh]',
    'align' => 'center',
    'backUrl' => null,
    'backLabel' => null,
    'meta' => [],
]), '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); ?>

<?php
    $isLeftAligned = $align === 'left';
    $sectionClasses = $isLeftAligned ? 'items-end' : 'items-center';
    $contentClasses = $isLeftAligned ? 'max-w-4xl text-left' : 'mx-auto max-w-4xl text-center';
    $meta = is_array($meta) ? array_filter($meta) : [];
?>

<section class="relative <?php echo e($height); ?> overflow-hidden">
  <?php if($image): ?>
    <img
      src="<?php echo e($image); ?>"
      alt="<?php echo e($imageAlt); ?>"
      class="absolute inset-0 h-full w-full object-cover">
  <?php else: ?>
    <div class="absolute inset-0 bg-[linear-gradient(135deg,#081A33,#16375D)]"></div>
  <?php endif; ?>

  <div class="absolute inset-0 bg-[linear-gradient(135deg,rgba(8,26,51,0.9),rgba(15,39,71,0.82),rgba(218,41,28,0.3))]"></div>

  <div class="relative z-10 mx-auto flex <?php echo e($height); ?> <?php echo e($sectionClasses); ?> px-8 pb-20 pt-32 text-white lg:max-w-7xl">
    <div class="<?php echo e($contentClasses); ?>">
      <?php if($backUrl && $backLabel): ?>
        <a href="<?php echo e($backUrl); ?>" class="inline-flex items-center gap-2 rounded-full border border-white/20 bg-white/10 px-4 py-2 text-xs font-bold uppercase tracking-[0.25em] backdrop-blur">
          <span class="material-symbols-outlined text-sm">arrow_back</span>
          <?php echo e($backLabel); ?>

        </a>
      <?php endif; ?>

      <?php if($eyebrow): ?>
        <span class="inline-block rounded-full bg-white/12 px-4 py-2 text-xs font-bold uppercase tracking-[0.3em] text-[#FFD5D0]" <?php if($backUrl): ?> style="margin-top:2rem;" <?php endif; ?>>
          <?php echo e($eyebrow); ?>

        </span>
      <?php endif; ?>

      <h1 class="mt-6 text-4xl font-black leading-tight md:text-6xl">
        <?php echo e($title); ?>

      </h1>

      <?php if($description): ?>
        <p class="mt-6 max-w-3xl text-lg leading-relaxed text-slate-200 <?php echo e($isLeftAligned ? '' : 'mx-auto'); ?>">
          <?php echo e($description); ?>

        </p>
      <?php endif; ?>

      <?php if(count($meta)): ?>
        <div class="mt-8 flex flex-wrap gap-3 <?php echo e($isLeftAligned ? '' : 'justify-center'); ?>">
          <?php $__currentLoopData = $meta; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <span class="rounded-full border border-white/14 bg-white/10 px-4 py-2 text-sm text-white/85 backdrop-blur">
              <?php echo e($item); ?>

            </span>
          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
      <?php endif; ?>
    </div>
  </div>
</section>
<?php /**PATH C:\Users\logic\Desktop\across_Immigration\resources\views/components/front/page-hero.blade.php ENDPATH**/ ?>