next-web/src/pages/_app.tsx

import '../styles/globals.css';
import type { AppProps } from 'next/app';
import { Poppins } from 'next/font/google'
import Navbar from '../components/Navbar';
import Footer from '../components/Footer';
import classNames from 'classnames';

const poppins = Poppins({ weight: '400',subsets: ['latin'] })

function MyApp({ Component, pageProps }: AppProps) {


  return (
    <>
      <main className={classNames("bg-britton-dark min-h-screen", poppins.className)}> 
          <Navbar />
          <Component {...pageProps} />
          <Footer />
      </main>
    </>
  );
}

export default MyApp;