Location Info Banner with Portfolio Link

<div class="flex text-sm bg-neutral-50/80 rounded-2xl mt-10 pt-3 pr-4 pb-3 pl-4 items-center justify-between w-full max-w-3xl">
          <div class="flex items-center gap-2 text-neutral-600">
            <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="map-pin" class="lucide lucide-map-pin h-4 w-4 text-neutral-400"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" class=""></path><circle cx="12" cy="10" r="3" class=""></circle></svg>
            <span class="font-geist">Based in <span class="font-medium text-neutral-800 font-geist">New York</span>, serving clients globally.</span>
          </div>
          <a href="#portfolio" class="group inline-flex items-center gap-1.5 text-neutral-800 transition-colors hover:text-indigo-600">
            <span class="text-sm font-medium font-geist">Portfolio</span>
            <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="arrow-up-right" class="lucide lucide-arrow-up-right h-4 w-4"><path d="M7 7h10v10" class=""></path><path d="M7 17 17 7" class=""></path></svg>
          </a>
        </div>