subscription.tsx

import React, { JSX } from 'react';
import Button from '../Buttons/button';

function Subscription(): JSX.Element {
  return (
    <div className="mt-0 md:mt-[106px] subscription container flex justify-center">
      <div className="mt-[106px] lg:mt-0 w-[1024px] min-h-[253px] lg:py-10 lg:w-full flex flex-col items-center">
        <h3 className="text-[32px] text-white lg:text-center">
          Subscribe for AsyncAPI Conf updates!
        </h3>
        <a
          href="https://www.asyncapi.com/newsletter"
          target="_blank"
          rel="noreferrer"
          className="sm:w-full"
          data-test="subscribe-button"
        >
          <Button type="submit" className="w-full md:w-[200px] mt-8 px-10">
            Subscribe
          </Button>
        </a>
      </div>
    </div>
  );
}
export default Subscription;