diff --git a/public/scientists.png b/public/scientists.png
new file mode 100644
index 0000000..ea93f7a
Binary files /dev/null and b/public/scientists.png differ
diff --git a/src/app/earthquakes/page.tsx b/src/app/earthquakes/page.tsx
index cd07d6c..3b53d75 100644
--- a/src/app/earthquakes/page.tsx
+++ b/src/app/earthquakes/page.tsx
@@ -3,7 +3,7 @@
 import { useMemo, useState } from "react";
 import useSWR from "swr";
 
-import Map from "@components/map";
+import Map from "@components/Map";
 import Sidebar from "@components/Sidebar";
 import { fetcher } from "@utils/fetcher";
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c953752..6e675c5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,12 @@
 "use client";
 import type { Metadata } from "next";
-import './globals.css';
+import "./globals.css";
 
-import { action, createStore, StoreProvider } from 'easy-peasy';
-import { Inter } from 'next/font/google';
+import { action, createStore, StoreProvider } from "easy-peasy";
+import { Inter } from "next/font/google";
 
-import { StoreModel } from '@appTypes/StoreModel';
-import Navbar from '@components/navbar';
+import { StoreModel } from "@appTypes/StoreModel";
+import Navbar from "@components/Navbar";
 
 const inter = Inter({
 	subsets: ["latin"],
diff --git a/src/app/observatories/page.tsx b/src/app/observatories/page.tsx
index 6b3d030..f608af9 100644
--- a/src/app/observatories/page.tsx
+++ b/src/app/observatories/page.tsx
@@ -4,7 +4,7 @@ import { useMemo, useState } from "react";
 import useSWR from "swr";
 
 import Sidebar from "@/components/Sidebar";
-import Map from "@components/map";
+import Map from "@components/Map";
 import { fetcher } from "@utils/fetcher";
 
 export default function Observatories() {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 309f0d9..817f41f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -74,8 +74,9 @@ export default function Home() {
 							<p className="text-lg md:text-xl text-white w-4/6 mx-auto drop-shadow-md z-10">info</p>
 							<p className="mt-20"></p>
 							<p className="text-lg md:text-3xl font-bold text-white w-4/6 mx-auto drop-shadow-md z-10">
-								What are observatories? What do they do?
+								What are observatories?
 							</p>
+							<p className="text-lg md:text-3xl font-bold text-white w-4/6 mx-auto drop-shadow-md z-10">What is their role?</p>
 							<p className="text-lg md:text-xl text-white w-4/6 mx-auto drop-shadow-md z-10">info</p>
 						</section>
 					</div>
@@ -97,7 +98,7 @@ export default function Home() {
 					</div>
 				))}
 			</div>
-			<p className="mt-40"></p>
+			<p className="mt-20"></p>
 			<section className="relative z-10 flex flex-col items-start text-left w-5/6 mx-auto px-2 -mt-5 mb-2">
 				<h1 className="text-3xl md:text-3xl font-bold text-black drop-shadow-lg mb-3 tracking-tight">Contact Information</h1>
 				<p className="text-lg md:text-xl text-black drop-shadow-md">
@@ -110,7 +111,7 @@ export default function Home() {
 					href="/contact-us"
 					className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300"
 				>
-					<Image height={100} width={100} src="/contactUs.jpg" alt="Education Icon" className="h-40 w-40 mb-4" />
+					<Image height={100} width={100} src="/contactUs.jpg" alt="Education Icon" className="h-20 w-20 mb-4" />
 					<h3 className="text-xl font-bold text-black mb-4">Contact us directly</h3>
 					<p className="text-md text-black text-center max-w-xs opacity-90">
 						Visit our socials or leave us a message via phone or email.
@@ -120,7 +121,7 @@ export default function Home() {
 					href="/our-mission"
 					className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300"
 				>
-					<Image height={100} width={100} src="/mission.jpg" alt="Research Icon" className="h-40 w-40 mb-4" />
+					<Image height={100} width={100} src="/mission.jpg" alt="Research Icon" className="h-20 w-20 mb-4" />
 					<h3 className="text-xl font-bold text-black mb-4">Our Mission</h3>
 					<p className="text-md text-black text-center max-w-xs opacity-90">
 						Find out more about our purpose and the features we offer.
@@ -130,7 +131,7 @@ export default function Home() {
 					href="/the-team"
 					className="flex flex-col items-center p-6 hover:bg-white hover:bg-opacity-10 rounded-xl transition-colors duration-300"
 				>
-					<Image height={100} width={100} src="/team.jpg" alt="Technology Icon" className="h-40 w-40 mb-4" />
+					<Image height={100} width={100} src="/team.jpg" alt="Technology Icon" className="h-20 w-20 mb-4" />
 					<h3 className="text-xl font-bold text-black mb-4">Meet the Team</h3>
 					<p className="text-md text-black text-center max-w-xs opacity-90">
 						Learn about our team leads and their responsibilities.
@@ -138,6 +139,13 @@ export default function Home() {
 				</Link>
 			</div>
 			<p className="mt-10"></p>
+			<section style={{ height: 500, overflow: "hidden" }} className="text-black">
+				<div className="w-full relative overflow-hidden z=10">
+					<div className="">
+						<Image height={1000} width={2000} alt="Background Image" src="/scientists.png"></Image>
+					</div>
+				</div>
+			</section>
 		</main>
 	);