@section('title') {{'Subscription'}} @endsection

<x-public-layout>
  

  <section class="padding-y-lg">
    <header class="container mx-auto max-width-xs margin-bottom-lg">
        <div class="text-component text-center line-height-lg v-space-md margin-bottom-md">
            <h1 class="text-slate-900 text-xl tracking-tight font-extrabold sm:text-3xl dark:text-white mb-10">Thank You!</h1>
        </div>
    </header>
    <div class="flex flex-col  md:flex-col md:items-center md:justify-between space-y-6 md:space-y-0 container xl:max-w-7xl mx-auto px-4 lg:px-10 text-sm md:text-sm md:leading-relaxed font-medium text-gray-600" >

        <div class=" line-height-lg v-space-md text-center">
            <p class="mb-6 leading-loose  text-base" >Thank you for subscribing to our chrome extension</p>
           
           <p class="mb-1 leading-loose  text-base" >All features are now available</p>

           <a href="{{route('login')}}"  class="inline-flex justify-center items-center space-x-2 border font-semibold focus:outline-none px-6 py-2 leading-6 rounded border-blue-700 bg-blue-700 text-white hover:text-white hover:bg-blue-800 hover:border-blue-800 focus:ring focus:ring-blue-500 focus:ring-opacity-50 active:bg-blue-700 active:border-blue-700">
            <span>Settings</span> 
          </a>

            
        </div>
    </div>
</section>

</div>


  

</x-public-layout>