These components can be used in footer and contact pages to showcase your social/ company cards 😎

test store button

<div class="bg-gray-50">
    <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">
      <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
        <span class="block">Ready to dive in?</span>
        <span class="block text-indigo-600">Start your free trial today.</span>
      </h2>
      <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
        <div class="inline-flex rounded-md shadow">
          <a
            href="#"
            class="inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium text-white hover:bg-indigo-700">
            Get started
          </a>
        </div>
        <div class="ml-3 inline-flex rounded-md shadow">
          <a
            href="#"
            class="inline-flex items-center justify-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-indigo-600 hover:bg-indigo-50">
            Learn more
          </a>
        </div>
      </div>
    </div>
  </div>

Amazon Store Button

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
</head>

<div class='bg-gray-50'>
<div class="mx-auto  max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">
    <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
      <span class="block">Ready to dive in?</span>
      <span class="block text-indigo-600">Start your free trial today.</span>
    </h2>
    <div class='mt-8'>
<div>
<button
class='bg-white font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
<span>
<i class="fa-brands fa-amazon text-4xl"></i>
</span>
<a href='#'>
<p class='text-xs font-bold'>Download on the</p>
<p class='text-lg'>Amazon.com</p>
</a>
</button>
</div>
<div class='py-4'>
<button
class='bg-black font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
<span>
<i class="fa-brands text-white fa-amazon text-4xl"></i>
</span>
<a class='text-white block' href='#'>
<p class='text-xs font-bold'>Download on the</p>
<p class='text-lg'>Amazon.com</p>
</a>
</button>
</div>
</div>
</div>
</div>

Google Store Button

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
</head>

<div class='bg-gray-50'>
<div class="mx-auto  max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">
    <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
      <span class="block">Ready to dive in?</span>
      <span class="block text-indigo-600">Start your free trial today.</span>
    </h2>
    <div class='mt-8'>
<div>
<button
class='bg-white font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
<span>
<i class="fa-brands fa-google-play text-4xl"></i>
</span>
<a href='#'>
<p class='text-xs font-bold'>Download on the</p>
<p class='text-md'>Google Play</p>
</a>
</button>
</div>
<div class='py-4'>
<button
class='bg-black font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
<span>
<i class="fa-brands text-white fa-google-play text-4xl"></i>
</span>
<a class='text-white block' href='#'>
<p class='text-xs font-bold'>Download on the</p>
<p class='text-md'>Google Play</p>
</a>
</button>
</div>
</div>
</div>
</div>

Windows Store Button

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
</head>

<div class='bg-gray-50'>
<div class="mx-auto  max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">
    <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
      <span class="block">Ready to dive in?</span>
      <span class="block text-indigo-600">Start your free trial today.</span>
    </h2>
    <div class='mt-8'>
<div>
<button
class='bg-white font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
<span>
<i class="fa-brands fa-windows text-4xl"></i>
</span>
<a href='#'>
<p class='text-xs font-bold'>Download on the</p>
<p class='text-sm'>Windows Store</p>
</a>
</button>
</div>
<div class='py-4'>
<button
class='bg-black font-medium text-base border-transparent px-6 py-3 rounded-md flex flex-row items-center gap-4 shadow'>
<span>
<i class="fa-brands text-white fa-windows text-4xl"></i>
</span>
<a class='text-white block' href='#'>
<p class='text-xs font-bold'>Download on the</p>
<p class='text-sm'>Windows Store</p>
</a>
</button>
</div>
</div>
</div>
</div>