<x-front-layout>
  <main>
    <x-front.page-hero
      eyebrow="Single Service"
      title="Premium Single Service Experience"
      description="A flagship advisory experience designed for clients who need depth, discretion, and a high-touch strategic process."
      :image="asset('images/imagee.png')"
      imageAlt="Single service hero image"
      :meta="['Private Advisory', 'Premium Support', 'Tailored Strategy']" />

      <div class="max-w-5xl mx-auto px-6 py-16">
        <div class="bg-white/95 rounded-[32px] shadow-2xl p-10">
          <h2 class="text-3xl md:text-4xl font-black text-slate-900 mb-6">Service Title</h2>
          <p class="text-slate-600 text-lg leading-relaxed mb-10">
            This page highlights a single flagship service with a strong visual presentation and a clear title.
            Use this section to describe the service's value, benefits, and what makes it exceptional.
          </p>
          <div class="overflow-hidden rounded-[28px] shadow-xl">
            <img src="{{ asset('images/passport2.webp') }}" alt="Single service illustration" class="w-full h-[420px] object-cover">
          </div>
        </div>
      </div>
  </main>
</x-front-layout>
