New Website: Compress images to under 1 MB

new-dti-website/components/bottom.tsx

@@ -18,17 +18,17 @@ const Bottom: React.FC = () => (
         <div className="flex flex-col h-full w-7/12 gap-y-16">
           <Image
             className="w-11/12 self-end"
-            src="/images/teaching_2.svg"
+            src="/images/teaching_2.jpg"
             width={276}
             height={179}
-            alt="teachine 2"
+            alt="teaching 2"
           />
           <Image
             className="w-3/4 self-end"
-            src="/images/teaching_3.svg"
+            src="/images/teaching_3.jpg"
             width={276}
             height={179}
-            alt="teachine 3"
+            alt="teaching 3"
           />
         </div>
       </div>
@@ -82,22 +82,22 @@ const Bottom: React.FC = () => (
       <div className="flex flex-col w-full py-10 gap-y-10 h-fit max-w-[578px]">
         <Image
           className="w-3/4 self-center"
-          src="/images/outreach_1.svg"
+          src="/images/outreach_1.jpg"
           width={275}
           height={143}
           alt="outreach 1"
         />
         <div className="flex flex-row gap-x-10 w-full h-3/4">
           <Image
             className="w-1/2 self-end"
-            src="/images/outreach_3.svg"
+            src="/images/outreach_3.jpg"
             width={154}
             height={104}
             alt="outreach 3"
           />
           <Image
             className="w-1/3 self-start"
-            src="/images/outreach_2.svg"
+            src="/images/outreach_2.jpg"
             width={115}
             height={103}
             alt="outreach 2"
@@ -125,7 +125,7 @@ const Bottom: React.FC = () => (
     <div className="flex flex-col h-fit justify-center items-start px-8 py-20 md:flex-row gap-x-10 md:py-24 md:px-16">
       <Image
         className="w-full py-10 md:self-cente md:order-last max-w-[662px]"
-        src="/images/team.svg"
+        src="/images/team.jpg"
         width={377}
         height={286}
         alt="team"

new-dti-website/components/slideshow.tsx

@@ -8,7 +8,7 @@ interface SlideshowProps {
 }
 
 const imageNames = [
-  'full-team.png',
+  'full-team.jpg',
   'family.png',
   'collaboration.png',
   'event.png',

new-dti-website/components/team/TeamAbout.tsx

@@ -239,7 +239,7 @@ const TeamAbout = () => (
           <div className={`${ibm_plex_mono.className} text-sm`}>
             <p className="text-left mb-3">@2022</p>
             <Image
-              src="/images/full-team.png"
+              src="/images/full-team.jpg"
               alt="2022 DTI Team"
               width={490}
               height={370}

new-dti-website/components/team/TeamAlumni.tsx

@@ -68,7 +68,7 @@ const TeamAlumni = () => {
       <div className="flex justify-center bg-[#EDEDED] lg:py-32 md:py-16 xs:py-10">
         <div className="flex md:flex-row xs:flex-col lg:gap-[60px] md:gap-10 xs:gap-8 md:items-center">
           <Image
-            src="/images/full-team.png"
+            src="/images/full-team.jpg"
             alt="team picture"
             width={412}
             height={312}

new-dti-website/components/team/data/carousel.json

@@ -1,21 +1,21 @@
 {
   "images": [
     {
-      "src": "/images/full-team.png",
+      "src": "/images/full-team.jpg",
       "alt": "full-team",
       "icon": "/icons/full-team_sticker.svg",
       "iconWidth": 50,
       "iconHeight": 50
     },
     {
-      "src": "/images/leads.png",
+      "src": "/images/leads.jpg",
       "alt": "leads",
       "icon": "/icons/leads_sticker.svg",
       "iconWidth": 50,
       "iconHeight": 50
     },
     {
-      "src": "/images/design.png",
+      "src": "/images/design.jpg",
       "alt": "design",
       "icon": "/icons/design_sticker.svg",
       "iconWidth": 50,

new-dti-website/tsconfig.json

@@ -1,14 +1,18 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
@@ -19,9 +23,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
-    }
+      "@/*": [
+        "./*"
+      ]
+    },
+    "forceConsistentCasingInFileNames": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }