<?php if (isset($component)) { $__componentOriginal61141943053f09b1aa6378714ef2c661 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal61141943053f09b1aa6378714ef2c661 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.front-layout','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('front-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([]); ?>
    <?php if (isset($component)) { $__componentOriginalfad9b1da39992cf54ab46b77180bebb1 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalfad9b1da39992cf54ab46b77180bebb1 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.front.page-hero','data' => ['eyebrow' => 'Programs','title' => 'Investment Programs','description' => 'Explore curated citizenship, residency, and real estate routes designed for clients seeking global mobility, long-term flexibility, and strategic diversification.','image' => 'https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1600&q=80','imageAlt' => 'International skyline representing global residency programs','meta' => ['Citizenship by Investment', 'Residency by Investment', 'Real Estate Routes']]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('front.page-hero'); ?>
<?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(['eyebrow' => 'Programs','title' => 'Investment Programs','description' => 'Explore curated citizenship, residency, and real estate routes designed for clients seeking global mobility, long-term flexibility, and strategic diversification.','image' => 'https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1600&q=80','imageAlt' => 'International skyline representing global residency programs','meta' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(['Citizenship by Investment', 'Residency by Investment', 'Real Estate Routes'])]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalfad9b1da39992cf54ab46b77180bebb1)): ?>
<?php $attributes = $__attributesOriginalfad9b1da39992cf54ab46b77180bebb1; ?>
<?php unset($__attributesOriginalfad9b1da39992cf54ab46b77180bebb1); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalfad9b1da39992cf54ab46b77180bebb1)): ?>
<?php $component = $__componentOriginalfad9b1da39992cf54ab46b77180bebb1; ?>
<?php unset($__componentOriginalfad9b1da39992cf54ab46b77180bebb1); ?>
<?php endif; ?>

    <section class="section-shell py-24 px-4 max-w-7xl mx-auto">
      <div class="text-center mb-16">
        <h2 class="text-3xl md:text-4xl font-black text-secondary dark:text-white mb-4">Investment Programs
        </h2>
        <div class="w-20 h-1.5 bg-primary mx-auto rounded-full"></div>
      </div>
      <div class="flex justify-center mb-12">
        <div class="inline-flex flex-wrap justify-center gap-3 p-2 bg-secondary/5 border border-primary/10 rounded-2xl shadow-[0_14px_32px_rgba(8,31,58,0.06)]"
          id="program-tabs">
          <button type="button"
            class="program-tab px-8 py-3 rounded-xl font-bold text-sm transition-all duration-300"
            data-program-tab="citizenship">Citizenship by investment</button>
          <button type="button"
            class="program-tab px-8 py-3 rounded-xl font-bold text-sm transition-all duration-300"
            data-program-tab="residency">Residency by investment</button>
          <button type="button"
            class="program-tab px-8 py-3 rounded-xl font-bold text-sm transition-all duration-300"
            data-program-tab="real-estate">Real Estate Program</button>
        </div>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" id="program-cards"></div>
      <script>
        (() => {
          const programTabs = document.querySelectorAll("[data-program-tab]");
          const programCards = document.getElementById("program-cards");

          if (!programTabs.length || !programCards) {
            return;
          }

          const programData = {
            citizenship: [
              {
                region: "Caribbean",
                title: "St. Kitts & Nevis",
                slug: "st-kitts-nevis",
                description: "A premium citizenship pathway for families seeking strong mobility, tax efficiency, and a stable second-home option.",
                image: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=80",
                alt: "Luxury tropical shoreline for St. Kitts and Nevis program"
              },
              {
                region: "Caribbean",
                title: "Dominica",
                slug: "dominica",
                description: "A flexible entry point with competitive investment thresholds and efficient processing for global applicants.",
                image: "https://images.unsplash.com/photo-1468413253725-0d5181091126?auto=format&fit=crop&w=1200&q=80",
                alt: "Dominica mountain and coastline view"
              },
              {
                region: "Pacific",
                title: "Vanuatu",
                slug: "vanuatu",
                description: "A fast-moving program built for clients prioritizing speed, discretion, and a simple application process.",
                image: "https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=1200&q=80",
                alt: "Pacific island aerial view for Vanuatu program"
              }
            ],
            residency: [
              {
                region: "Europe",
                title: "Portugal Residency",
                slug: "portugal-residency",
                description: "A strategic route for investors who want European access, family inclusion, and long-term relocation flexibility.",
                image: "https://images.unsplash.com/photo-1513735492246-483525079686?auto=format&fit=crop&w=1200&q=80",
                alt: "Portugal cityscape for residency by investment"
              },
              {
                region: "Middle East",
                title: "UAE Golden Residency",
                slug: "uae-golden-residency",
                description: "An investor-focused residency option with business advantages, premium infrastructure, and a strong regional base.",
                image: "https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1200&q=80",
                alt: "Dubai skyline for UAE residency program"
              },
              {
                region: "Europe",
                title: "Greece Residency",
                slug: "greece-residency",
                description: "A real estate-backed European residency solution ideal for lifestyle planning and portfolio diversification.",
                image: "https://images.unsplash.com/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=1200&q=80",
                alt: "Greek coastal town for residency program"
              }
            ],
            "real-estate": [
              {
                region: "Resort Asset",
                title: "Branded Beachfront Suites",
                slug: "branded-beachfront-suites",
                description: "A high-demand hospitality asset designed for clients who want capital preservation with seasonal rental potential.",
                image: "https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1200&q=80",
                alt: "Modern luxury beachfront real estate"
              },
              {
                region: "Urban Property",
                title: "City Investment Apartments",
                slug: "city-investment-apartments",
                description: "A balanced real estate option combining residency qualification potential with strong long-term appreciation.",
                image: "https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1200&q=80",
                alt: "Contemporary city apartment development"
              },
              {
                region: "Family Villa",
                title: "Private Villas Collection",
                slug: "private-villas-collection",
                description: "An upscale property route for families seeking lifestyle value, privacy, and future resale strength.",
                image: "https://images.unsplash.com/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=1200&q=80",
                alt: "Luxury villa real estate investment"
              }
            ]
          };

          const renderCards = (tabKey) => {
            const cards = programData[tabKey] ?? [];

            programCards.innerHTML = cards.map((card) => `
              <div class="navy-card rounded-2xl overflow-hidden group transition-all duration-300">
                <div class="h-56 overflow-hidden relative">
                  <img class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" src="${card.image}" alt="${card.alt}">
                  <div class="absolute top-4 left-4 bg-white/90 backdrop-blur px-3 py-1 rounded text-[10px] font-bold text-secondary uppercase tracking-tighter">
                    ${card.region}
                  </div>
                </div>
                <div class="p-8">
                  <h3 class="text-xl font-bold text-secondary dark:text-white mb-2">${card.title}</h3>
                  <p class="text-slate-500 dark:text-slate-400 text-sm mb-6 leading-relaxed">${card.description}</p>
                  <a href="/program/${card.slug}" class="accent-cta inline-flex items-center gap-2 text-white font-bold text-sm group/btn px-5 py-3 rounded-xl">
                    Read More
                    <span class="material-symbols-outlined text-sm group-hover/btn:translate-x-1 transition-transform">arrow_forward</span>
                  </a>
                </div>
              </div>
            `).join("");
          };

          const setActiveTab = (activeTab) => {
            programTabs.forEach((tab) => {
              const isActive = tab.dataset.programTab === activeTab;
              tab.classList.toggle("accent-cta", isActive);
              tab.classList.toggle("text-white", isActive);
              tab.classList.toggle("shadow-md", isActive);
              tab.classList.toggle("bg-slate-200", !isActive);
              tab.classList.toggle("text-slate-600", !isActive);
            });

            renderCards(activeTab);
          };

          programTabs.forEach((tab) => {
            tab.addEventListener("click", () => {
              setActiveTab(tab.dataset.programTab);
            });
          });

          setActiveTab("citizenship");
        })();
      </script>
    </section>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal61141943053f09b1aa6378714ef2c661)): ?>
<?php $attributes = $__attributesOriginal61141943053f09b1aa6378714ef2c661; ?>
<?php unset($__attributesOriginal61141943053f09b1aa6378714ef2c661); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal61141943053f09b1aa6378714ef2c661)): ?>
<?php $component = $__componentOriginal61141943053f09b1aa6378714ef2c661; ?>
<?php unset($__componentOriginal61141943053f09b1aa6378714ef2c661); ?>
<?php endif; ?>
<?php /**PATH /home/mongizzc/projects3/across_Immigration/resources/views/front/programs.blade.php ENDPATH**/ ?>