import 'server-only';

import FooterCopyright from '@theme/widgets/footer-copyright';
import FooterInfo from '@theme/widgets/footer-info';
import FooterMenu from '@theme/widgets/footer-menu';
import FooterSocial from '@theme/widgets/footer-social';
import FooterSubscription from '@theme/widgets/footer-subscription';

export default function Footer() {
  return (
    <div className="lg:pt-16 lg:border-t lg:border-gray">
      <div className="container px-4 pb-0 mx-auto md:flex md:flex-wrap lg:pb-16 lg:px-0">
        <FooterInfo />
        <FooterMenu />
        <FooterSubscription />
      </div>
      <FooterSocial />
      <FooterCopyright />
    </div>
  );
}