Homepage image light mode (#469)

* Light and Dark platform overview images

* note on image source

Author: evantahler

app/en/home/landing-page.tsx

@@ -319,11 +319,19 @@ export function LandingPage() {
             </h2>
           </div>
           <div className="flex w-full justify-center">
+            {/* The images come from https://whimsical.com/docs-overview-page-vMjufYdxnhfF6K9WjD8FL */}
             <Image
               alt={"arcade overview"}
-              className="max-w-full"
+              className="max-w-full dark:hidden"
               height={OVERVIEW_IMAGE_HEIGHT / IMAGE_SCALE_FACTOR}
-              src={"/images/overview.png"}
+              src={"/images/overview-light.png"}
+              width={OVERVIEW_IMAGE_WIDTH / IMAGE_SCALE_FACTOR}
+            />
+            <Image
+              alt={"arcade overview"}
+              className="hidden max-w-full dark:block"
+              height={OVERVIEW_IMAGE_HEIGHT / IMAGE_SCALE_FACTOR}
+              src={"/images/overview-dark.png"}
               width={OVERVIEW_IMAGE_WIDTH / IMAGE_SCALE_FACTOR}
             />
           </div>