Create pages/_app.js

pages/_app.js

@@ -0,0 +1,15 @@
+import '../styles/globals.css';
+import { Manrope } from 'next/font/google';
+
+// Load the font efficiently
+const manrope = Manrope({ subsets: ['latin'] });
+
+function MyApp({ Component, pageProps }) {
+  return (
+    <main className={manrope.className}>
+      <Component {...pageProps} />
+    </main>
+  );
+}
+
+export default MyApp;