next-web/src/pages/_app.tsx

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

// const font = Playfair_Display({ weight: '500',subsets: ['latin'] })
const font = Fraunces({ subsets: ['latin'] })

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


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

export default MyApp;