diff --git a/site/pages/index.tsx b/site/pages/index.tsx
index 80c0371a1..006984ff1 100644
--- a/site/pages/index.tsx
+++ b/site/pages/index.tsx
@@ -5,7 +5,7 @@ import { useDisclosure } from '@chakra-ui/react'
 import PolygonModal from '@components/common/HomePage/PolygonModal/PolygonModal'
 
 export default function Home() {
-  const imagePath = 'homepageBackgroundImage.png'
+  const imagePath = 'homepageBackgroundImage2.png'
 
   const [mapContainerWidth, setMapContainerWidth] = useState<
     number | undefined
@@ -16,71 +16,72 @@ export default function Home() {
   const { isOpen, onOpen, onClose } = useDisclosure()
 
   const mapAreas = [
-      {
-        id: '12',
-        title: '2000',
-        name: '2000',
-        fillColor: '#FF279E',
-        strokeColor: 'black',
-        coords: [
-          4634, 1239, 4945, 1320, 5162, 1541, 5252, 1857, 5176, 2149, 4941,
-          2385, 4630, 2474, 4319, 2385, 4092, 2154, 4017, 1833, 4097, 1541,
-          4323, 1324,
-        ],
-        shape: 'poly',
-        href: '#',
-      },
-      {
-        id: '11',
-        title: '1990',
-        name: '1990',
-        fillColor: '#A12AFF',
-        strokeColor: 'black',
-        coords: [
-          3909, 467, 4175, 549, 4363, 765, 4408, 1046, 4295, 1315, 4045, 1466,
-          3763, 1470, 3515, 1302, 3402, 1048, 3447, 759, 3626, 551,
-        ],
-        shape: 'poly',
-        href: '#',
-      },
-      {
-        id: '10',
-        title: '1980',
-        name: '1980',
-        fillColor: '#2C28FF',
-        strokeColor: 'black',
-        coords: [
-          3046, 207, 3280, 289, 3430, 486, 3430, 740, 3287, 952, 3044, 1032,
-          2799, 947, 2648, 740, 2646, 504, 2808, 279,
-        ],
-        shape: 'poly',
-        href: '#',
-      },
-      {
-        id: '9',
-        title: '1970',
-        name: '1970',
-        fillColor: '#1A82FF',
-        strokeColor: 'black',
-        coords: [
-          2279,279,2496,356,2616,562,2579,779,2407,929,2174,929,1995,779,1958,553,2077,360
-        ],
-        shape: 'poly',
-        href: '#',
-      },
-      {
-        id: '8',
-        title: '1960',
-        name: '1960',
-        fillColor: '#1ACBFF',
-        strokeColor: 'black',
-        coords: [
-          1707,535,1896,615,1980,809,1897,996,1710,1071,1515,989,1448,794,1523,614
-        ],
-        shape: 'poly',
-        href: '#',
-      },
-    ]
+    {
+      id: '12',
+      title: '2000',
+      name: '2000',
+      fillColor: '#FF279E',
+      strokeColor: 'black',
+      coords: [
+        4634, 1239, 4945, 1320, 5162, 1541, 5252, 1857, 5176, 2149, 4941, 2385,
+        4630, 2474, 4319, 2385, 4092, 2154, 4017, 1833, 4097, 1541, 4323, 1324,
+      ],
+      shape: 'poly',
+      href: '#',
+    },
+    {
+      id: '11',
+      title: '1990',
+      name: '1990',
+      fillColor: '#A12AFF',
+      strokeColor: 'black',
+      coords: [
+        3909, 467, 4175, 549, 4363, 765, 4408, 1046, 4295, 1315, 4045, 1466,
+        3763, 1470, 3515, 1302, 3402, 1048, 3447, 759, 3626, 551,
+      ],
+      shape: 'poly',
+      href: '#',
+    },
+    {
+      id: '10',
+      title: '1980',
+      name: '1980',
+      fillColor: '#2C28FF',
+      strokeColor: 'black',
+      coords: [
+        3046, 207, 3280, 289, 3430, 486, 3430, 740, 3287, 952, 3044, 1032, 2799,
+        947, 2648, 740, 2646, 504, 2808, 279,
+      ],
+      shape: 'poly',
+      href: '#',
+    },
+    {
+      id: '9',
+      title: '1970',
+      name: '1970',
+      fillColor: '#1A82FF',
+      strokeColor: 'black',
+      coords: [
+        2279, 279, 2496, 356, 2616, 562, 2579, 779, 2407, 929, 2174, 929, 1995,
+        779, 1958, 553, 2077, 360,
+      ],
+      shape: 'poly',
+      href: '#',
+    },
+    {
+      id: '8',
+      title: '1960',
+      name: '1960',
+      fillColor: '#1ACBFF',
+      strokeColor: 'black',
+      coords: [
+        1707, 535, 1896, 615, 1980, 809, 1897, 996, 1710, 1071, 1515, 989, 1448,
+        794, 1523, 614,
+      ],
+      shape: 'poly',
+      href: '#',
+    },
+  ]
 
   useEffect(() => {
     // Handler to call on window resize
@@ -110,7 +111,7 @@ export default function Home() {
             parentWidth={mapContainerWidth}
             responsive={true}
             src={imagePath}
-            map={{ name: "my-map", areas: mapAreas }}
+            map={{ name: 'my-map', areas: mapAreas }}
           ></ImageMapper>
           <PolygonModal
             key={decadeClicked}
diff --git a/site/public/homepageBackgroundImage2.png b/site/public/homepageBackgroundImage2.png
new file mode 100644
index 000000000..32f130b87
Binary files /dev/null and b/site/public/homepageBackgroundImage2.png differ
diff --git a/site/public/logo.png b/site/public/logo.png
index bf441935c..4fcd156fc 100644
Binary files a/site/public/logo.png and b/site/public/logo.png differ