Travel Hero Section with Dual CTAs

<div class="max-w-5xl sm:px-6 lg:px-8 sm:pt-24 lg:pt-28 lg:pb-40 text-center mx-auto pt-16 pb-24">
          <div class="inline-flex items-center gap-2 rounded-full bg-black/5 px-3 py-1 ring-1 ring-black/10 backdrop-blur">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="route" class="lucide lucide-route h-4 w-4 text-black/80"><circle cx="6" cy="19" r="3" class=""></circle><path d="M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15" class=""></path><circle cx="18" cy="5" r="3" class=""></circle></svg>
            <span class="text-xs font-medium text-black/80 font-geist">Adaptive trip planning</span>
          </div>

          <h1 class="mt-6 text-4xl sm:text-5xl lg:text-7xl text-black font-geist font-light tracking-tighter" style="">
            Go anywhere, effortlessly.
          </h1>
          <p class="mx-auto mt-4 max-w-3xl text-base sm:text-lg text-black/80 font-geist">
            NomadIQ learns your rhythm—pace, mood, curiosity—to craft routes that feel natural. Every journey is personal, seamless, and unmistakably yours.
          </p>
        </div>