updated api calls with copyright and routes

pages/weeks/[weeks].js

@@ -0,0 +1,22 @@
+// 404.js
+
+import Image from "next/image";
+import { useRouter } from "next/router";
+
+const FourOhFour = (props) => {
+  const router = useRouter();
+
+  let numbWeeks = router.query.weeks;
+  return (
+    <div>
+      <Image
+        src={"/api/weeks/" + numbWeeks}
+        width="940"
+        height="788"
+        alt="weeks"
+      />
+    </div>
+  );
+};
+
+export default FourOhFour;