poppins font added

my-next-app/.next/app-build-manifest.json

@@ -1,26 +1,16 @@
 {
  "pages": {
- "/layout": [
- "static/chunks/webpack.js",
- "static/chunks/main-app.js",
- "static/css/app/layout.css",
- "static/chunks/app/layout.js"
- ],
  "/page": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js",
  "static/css/app/page.css",
  "static/chunks/app/page.js"
  ],
- "/moviepage/page": [
- "static/chunks/webpack.js",
- "static/chunks/main-app.js",
- "static/chunks/app/moviepage/page.js"
- ],
- "/_not-found/page": [
+ "/layout": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js",
- "static/chunks/app/_not-found/page.js"
+ "static/css/app/layout.css",
+ "static/chunks/app/layout.js"
  ]
  }
 }

my-next-app/.next/build-manifest.json

@@ -2,9 +2,7 @@
  "polyfillFiles": [
  "static/chunks/polyfills.js"
  ],
- "devFiles": [
- "static/chunks/react-refresh.js"
- ],
+ "devFiles": [],
  "ampDevFiles": [],
  "lowPriorityFiles": [
  "static/development/_buildManifest.js",
@@ -15,16 +13,7 @@
  "static/chunks/main-app.js"
  ],
  "pages": {
- "/_app": [
- "static/chunks/webpack.js",
- "static/chunks/main.js",
- "static/chunks/pages/_app.js"
- ],
- "/_error": [
- "static/chunks/webpack.js",
- "static/chunks/main.js",
- "static/chunks/pages/_error.js"
- ]
+ "/_app": []
  },
  "ampFirstPages": []
 }

my-next-app/.next/server/app-paths-manifest.json

@@ -1,5 +1,3 @@
 {
- "/_not-found/page": "app/_not-found/page.js",
- "/page": "app/page.js",
- "/moviepage/page": "app/moviepage/page.js"
+ "/page": "app/page.js"
 }

my-next-app/.next/server/middleware-build-manifest.js

@@ -2,26 +2,15 @@ self.__BUILD_MANIFEST = {
  "polyfillFiles": [
  "static/chunks/polyfills.js"
  ],
- "devFiles": [
- "static/chunks/react-refresh.js"
- ],
+ "devFiles": [],
  "ampDevFiles": [],
  "lowPriorityFiles": [],
  "rootMainFiles": [
  "static/chunks/webpack.js",
  "static/chunks/main-app.js"
  ],
  "pages": {
- "/_app": [
- "static/chunks/webpack.js",
- "static/chunks/main.js",
- "static/chunks/pages/_app.js"
- ],
- "/_error": [
- "static/chunks/webpack.js",
- "static/chunks/main.js",
- "static/chunks/pages/_error.js"
- ]
+ "/_app": []
  },
  "ampFirstPages": []
 };

my-next-app/.next/server/next-font-manifest.json

@@ -1 +1 @@
-{"pages":{},"app":{"/Users/olikelly/Documents/Coding/school_of_code/final-project-reelstack-v2/my-next-app/src/app/layout":["static/media/463dafcda517f24f-s.p.woff","static/media/4473ecc91f70f139-s.p.woff"]},"appUsingSizeAdjust":true,"pagesUsingSizeAdjust":false}
+{"pages":{},"app":{"/Users/orbic/SOC-Projects/Final Project/final-project-reelstack/my-next-app/src/app/layout":["static/media/7108afb8b1381ad1-s.p.woff2","static/media/9e82d62334b205f4-s.p.woff2","static/media/4c285fdca692ea22-s.p.woff2","static/media/eafabf029ad39a43-s.p.woff2","static/media/8888a3826f4a3af4-s.p.woff2","static/media/0484562807a97172-s.p.woff2","static/media/b957ea75a84b6ea7-s.p.woff2","static/media/7db6c35d839a711c-s.p.woff2","static/media/6245472ced48d3be-s.p.woff2"]},"appUsingSizeAdjust":true,"pagesUsingSizeAdjust":false}

my-next-app/.next/server/pages-manifest.json

@@ -1,5 +1 @@
-{
- "/_app": "pages/_app.js",
- "/_error": "pages/_error.js",
- "/_document": "pages/_document.js"
-}
+{}

my-next-app/.next/server/server-reference-manifest.json

@@ -1,5 +1,5 @@
 {
  "node": {},
  "edge": {},
- "encryptionKey": "AoH4j3W4dwJLaN5uxkY2JWOyOYzc4Mxn9YvgJbfZq/M="
+ "encryptionKey": "0msFWC7F5hnZud6IH163D3/O1Oe1b5i+FrrdwUOUO10="
 }

my-next-app/src/app/globals.css

@@ -1,42 +1,3 @@
-:root {
- --background: #ffffff;
- --foreground: #171717;
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --background: #0a0a0a;
- --foreground: #ededed;
- }
-}
-
-html,
-body {
- max-width: 100vw;
- overflow-x: hidden;
-}
-
-body {
- color: var(--foreground);
- background: var(--background);
- font-family: Arial, Helvetica, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-* {
- box-sizing: border-box;
- padding: 0;
- margin: 0;
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
- html {
- color-scheme: dark;
- }
-}
+body, html {
+ font-weight: 100;
+}

my-next-app/src/app/layout.js

@@ -1,18 +1,14 @@
-import localFont from "next/font/local";
 import "./globals.css";
 import Header from "../components/Header/Header";
 import Footer from "../components/Footer/Footer";
 import HomePage from "./homepage/page";
+import { Poppins } from 'next/font/google';
 
-const geistSans = localFont({
- src: "./fonts/GeistVF.woff",
- variable: "--font-geist-sans",
- weight: "100 900",
-});
-const geistMono = localFont({
- src: "./fonts/GeistMonoVF.woff",
- variable: "--font-geist-mono",
- weight: "100 900",
+const poppins = Poppins({
+ subsets: ['latin'],
+ display: 'swap',
+ variable: '--font-poppins',
+ weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900']
 });
 
 export const metadata = {
@@ -23,7 +19,7 @@ export const metadata = {
 export default function RootLayout({ children }) {
  return (
  <>
- <html>
+ <html lang="en" className={poppins.className}>
  <body>
  <Header/>
  {children}

my-next-app/src/app/page.css

@@ -1,6 +1,7 @@
 .heroSection {
  background-color: grey;
  padding: 5em;
+ font-weight: 200;
 }
 
 .reviewsSection {