<?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' => 'Events','title' => 'Exclusive Events','description' => 'Join our prestigious events where global leaders, investors, and experts converge to shape the future of international mobility.','image' => 'https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&w=1600&q=80','imageAlt' => 'High-end international conference gathering','meta' => ['Summits', 'Forums', 'Private Networking']]] + (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' => 'Events','title' => 'Exclusive Events','description' => 'Join our prestigious events where global leaders, investors, and experts converge to shape the future of international mobility.','image' => 'https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&w=1600&q=80','imageAlt' => 'High-end international conference gathering','meta' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(['Summits', 'Forums', 'Private Networking'])]); ?>
<?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">Exclusive Events</h2>
        <p class="text-slate-500 dark:text-slate-400">Join us at our prestigious events where global leaders, investors, and experts converge to shape the future of international mobility.</p>
        <div class="w-20 h-1.5 bg-primary mx-auto rounded-full mt-4"></div>
      </div>

      <!-- Events Grid -->
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" id="events-grid">
        <!-- Event cards will be populated by JavaScript -->
      </div>

      <script>
        (() => {
          const eventsGrid = document.getElementById("events-grid");

          if (!eventsGrid) {
            return;
          }

          const eventsData = [
            {
              title: "Global Citizenship Summit 2026",
              slug: "global-citizenship-summit-2026",
              location: "Dubai, UAE",
              date: "March 15-17, 2026",
              description: "An exclusive gathering of industry leaders discussing the latest trends in citizenship by investment programs and global mobility strategies.",
              image: "https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&w=1200&q=80",
              attendees: "500+",
              type: "Summit"
            },
            {
              title: "European Residency Forum",
              slug: "european-residency-forum",
              location: "Lisbon, Portugal",
              date: "April 22-24, 2026",
              description: "Explore the golden visa programs and residency opportunities across Europe with expert panels and networking sessions.",
              image: "https://images.unsplash.com/photo-1513735492246-483525079686?auto=format&fit=crop&w=1200&q=80",
              attendees: "300+",
              type: "Forum"
            },
            {
              title: "Caribbean Investment Conference",
              slug: "caribbean-investment-conference",
              location: "St. Kitts & Nevis",
              date: "May 10-12, 2026",
              description: "Discover the premier citizenship programs in the Caribbean with exclusive property tours and investor meetings.",
              image: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=80",
              attendees: "250+",
              type: "Conference"
            },
            {
              title: "Pacific Mobility Symposium",
              slug: "pacific-mobility-symposium",
              location: "Port Vila, Vanuatu",
              date: "June 5-7, 2026",
              description: "A boutique symposium focusing on emerging Pacific programs and their role in global diversification strategies.",
              image: "https://images.unsplash.com/photo-1518509562904-e7ef99cdcc86?auto=format&fit=crop&w=1200&q=80",
              attendees: "150+",
              type: "Symposium"
            },
            {
              title: "Middle East Residency Showcase",
              slug: "middle-east-residency-showcase",
              location: "Abu Dhabi, UAE",
              date: "July 18-20, 2026",
              description: "Experience the luxury and innovation of Middle Eastern residency programs with exclusive property exhibitions.",
              image: "https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=1200&q=80",
              attendees: "400+",
              type: "Showcase"
            },
            {
              title: "Investor Networking Gala",
              slug: "investor-networking-gala",
              location: "London, UK",
              date: "August 14, 2026",
              description: "An elegant evening of networking with global investors, featuring keynote speeches and exclusive matchmaking opportunities.",
              image: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1200&q=80",
              attendees: "200+",
              type: "Gala"
            }
          ];

          eventsGrid.innerHTML = eventsData.map((event) => `
            <div class="group relative">
              <!-- Card -->
              <div class="navy-card rounded-3xl overflow-hidden transition-all duration-300 group-hover:shadow-2xl group-hover:-translate-y-2">
                <!-- Image -->
                <div class="relative h-64 overflow-hidden">
                  <img src="${event.image}" alt="${event.title}"
                    class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700">
                  <div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent"></div>

                  <!-- Type Badge -->
                  <div class="absolute top-4 left-4 bg-white/90 backdrop-blur px-3 py-1 rounded-full text-xs font-bold text-secondary uppercase tracking-wider">
                    ${event.type}
                  </div>

                  <!-- Attendees -->
                  <div class="absolute top-4 right-4 bg-primary/90 backdrop-blur px-3 py-1 rounded-full text-xs font-bold text-white">
                    ${event.attendees} Attendees
                  </div>
                </div>

                <!-- Content -->
                <div class="p-8">
                  <!-- Location & Date -->
                  <div class="flex items-center gap-4 mb-4 text-sm text-slate-500 dark:text-slate-400">
                    <div class="flex items-center gap-1">
                      <span class="material-symbols-outlined text-base">location_on</span>
                      <span class="font-medium">${event.location}</span>
                    </div>
                    <div class="flex items-center gap-1">
                      <span class="material-symbols-outlined text-base">calendar_today</span>
                      <span class="font-medium">${event.date}</span>
                    </div>
                  </div>

                  <!-- Title -->
                  <h3 class="text-xl font-bold text-secondary dark:text-white mb-3 group-hover:text-primary transition-colors">
                    ${event.title}
                  </h3>

                  <!-- Description -->
                  <p class="text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6">
                    ${event.description}
                  </p>

                  <!-- CTA -->
                  <a href="/event/${event.slug}" class="w-full accent-cta text-white font-bold text-sm px-6 py-3 rounded-xl transition-all group/btn inline-flex items-center justify-center">
                    <span class="flex items-center gap-2">
                      Learn More
                      <span class="material-symbols-outlined text-sm group-hover/btn:translate-x-1 transition-transform">arrow_forward</span>
                    </span>
                  </a>
                </div>
              </div>

              <!-- Hover Effect Overlay -->
              <div class="absolute inset-0 rounded-3xl bg-gradient-to-r from-primary/20 to-accent/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div>
            </div>
          `).join("");
        })();
      </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 C:\Users\logic\Desktop\across_Immigration\resources\views/front/events.blade.php ENDPATH**/ ?>