next-web/src/pages/_app.tsx

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

const font = Fraunces({ subsets: ['latin'] })

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <main className={classNames("bg-britton-dark min-h-screen flex justify-center", font.className)}>
      <div className="max-w-[1920px]">
        <Navbar />
        <Component {...pageProps} />
        <Footer />
      </div>
    </main>
  );
}

export default MyApp;