diff --git a/public/destruction.jpg b/public/destruction.jpg
new file mode 100644
index 0000000..be11f26
Binary files /dev/null and b/public/destruction.jpg differ
diff --git a/public/education.png b/public/education.png
new file mode 100644
index 0000000..b8ca0e8
Binary files /dev/null and b/public/education.png differ
diff --git a/public/research.jpg b/public/research.jpg
new file mode 100644
index 0000000..150e1b2
Binary files /dev/null and b/public/research.jpg differ
diff --git a/public/road.jpg b/public/road.jpg
new file mode 100644
index 0000000..a29f228
Binary files /dev/null and b/public/road.jpg differ
diff --git a/public/tech.jpg b/public/tech.jpg
new file mode 100644
index 0000000..35f76db
Binary files /dev/null and b/public/tech.jpg differ
diff --git a/src/app/contact-us/page.tsx b/src/app/contact-us/page.tsx
index ac3ebc2..d59c600 100644
--- a/src/app/contact-us/page.tsx
+++ b/src/app/contact-us/page.tsx
@@ -116,19 +116,18 @@ const ContactUs = () => {
               </h2>
               <div className="mb-4">
                 <h3 className="text-gray-700 font-medium">Email</h3>
-                <p className="text-gray-600">support@earthquakesafety.org</p>
+                <p className="text-gray-600">getintouch@tremortracker.org.uk</p>
               </div>
               <div className="mb-4">
                 <h3 className="text-gray-700 font-medium">Phone</h3>
-                <p className="text-gray-600">+1 800 123 4567</p>
+                <p className="text-gray-600">+44 7538 359022</p>
               </div>
               <div className="mb-4">
                 <h3 className="text-gray-700 font-medium">Address</h3>
                 <p className="text-gray-600">
-                  123 Earthquake Ave, Prepared City, CA 98765
+                  1 Swentown Row, Greenwich, London, SE3 0FQ
                 </p>
               </div>
-
               <h2 className="text-xl font-bold text-gray-800 mb-4 mt-6">
                 Follow Us
               </h2>
@@ -161,6 +160,9 @@ const ContactUs = () => {
                   <span className="sr-only">LinkedIn</span>
                   <Image height={200} width={200} alt="Logo" className="z-10" src="/linkedIn.png"/>
                 </a>
+              <h3 className="text-l font-bold text-gray-500 mb-2 mt-4">
+                @tremor.tracker
+              </h3>
               </div>
             </div>
           </div>
diff --git a/src/app/earthquakes/page.tsx b/src/app/earthquakes/page.tsx
index 5a24479..ea1519e 100644
--- a/src/app/earthquakes/page.tsx
+++ b/src/app/earthquakes/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import Sidebar from "@/components/sidebar";
+import Sidebar from "@/components/Sidebar";
 import Map from "@/components/map";
 import { useState, useMemo } from "react";
 
diff --git a/src/app/observatories/page.tsx b/src/app/observatories/page.tsx
index 5e4dd6a..d5ae8b0 100644
--- a/src/app/observatories/page.tsx
+++ b/src/app/observatories/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import Sidebar from "@/components/sidebar";
+import Sidebar from "@/components/Sidebar";
 import Map from "@/components/map";
 import { useState, useMemo } from "react";
 
diff --git a/src/app/our-mission/page.tsx b/src/app/our-mission/page.tsx
index 24793b7..8760a74 100644
--- a/src/app/our-mission/page.tsx
+++ b/src/app/our-mission/page.tsx
@@ -1,49 +1,71 @@
 "use client";
 
-//export default function Page()
 const OurMission = () => {
   return (
-    <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center py-10">
-      <div className="max-w-4xl mx-auto p-5 bg-white shadow-lg rounded-lg">
-        <h1 className="text-3xl font-bold text-center text-gray-800 mb-6">Our Mission</h1>
+    <div
+      className="h-screen relative bg-fixed bg-cover bg-center text-white py-10"
+      style={{ backgroundImage: "url('destruction.jpg')" }}
+    >
+      {/* Overlay to Improve Text Readability */}
+      <div className="absolute inset-0 bg-black bg-opacity-40"></div>
+
+      {/* Content Area */}
+      <div className="relative z-10 max-w-4xl mx-auto p-5 bg-white bg-opacity-90 shadow-lg rounded-lg">
+        <h1 className="text-3xl font-bold text-center text-gray-800 mb-6">
+          Our Mission
+        </h1>
         <p className="text-lg text-gray-600 leading-relaxed mb-4">
-          At <span className="font-semibold text-blue-600">Earthquake Awareness Initiative</span>, our mission is to help people worldwide prepare for and recover from earthquakes. Through education, research, and innovative technology, we work tirelessly to empower communities with the knowledge they need to stay safe before, during, and after seismic events.
+          At{" "}
+          <span className="font-semibold text-blue-600">
+            Earthquake Awareness Initiative
+          </span>
+          , our mission is to help people worldwide prepare for and recover
+          from earthquakes. Through education, research, and innovative
+          technology, we work tirelessly to empower communities with the
+          knowledge they need to stay safe before, during, and after seismic
+          events.
         </p>
         <p className="text-lg text-gray-600 leading-relaxed mb-4">
-          We aim to bridge the gap between scientific research and community awareness by providing resources, tools, and real-time updates for earthquake preparedness. Together, we aspire to save lives, mitigate impacts, and foster resilience against nature's powerful forces.
+          We aim to bridge the gap between scientific research and community
+          awareness by providing resources, tools, and real-time updates for
+          earthquake preparedness. Together, we aspire to save lives, mitigate
+          impacts, and foster resilience against nature's powerful forces.
         </p>
         <div className="flex flex-col md:flex-row md:justify-evenly items-center mt-6">
-          <div className="flex flex-col items-center p-4">
+          <div className="flex flex-col items-center p-10">
             <img
-              src="/images/education-icon.png"
+              src="education.png"
               alt="Education Icon"
-              className="h-16 w-16 mb-4"
+              className="h-20 w-20 mb-8"
             />
             <h3 className="text-xl font-bold text-gray-700 mb-2">Education</h3>
             <p className="text-sm text-gray-500 text-center">
-              Providing accessible resources to educate people about earthquake preparedness.
+              Providing accessible resources to educate people about earthquake
+              preparedness.
             </p>
           </div>
-          <div className="flex flex-col items-center p-4">
+          <div className="flex flex-col items-center p-10">
             <img
-              src="/images/research-icon.png"
+              src="research.jpg"
               alt="Research Icon"
-              className="h-16 w-16 mb-4"
+              className="h-20 w-20 mb-4"
             />
             <h3 className="text-xl font-bold text-gray-700 mb-2">Research</h3>
             <p className="text-sm text-gray-500 text-center">
-              Supporting scientific studies to enhance understanding of seismic activity.
+              Supporting scientific studies to enhance understanding of seismic
+              activity.
             </p>
           </div>
-          <div className="flex flex-col items-center p-4">
+          <div className="flex flex-col items-center p-10">
             <img
-              src="/images/technology-icon.png"
+              src="tech.jpg"
               alt="Technology Icon"
-              className="h-16 w-16 mb-4"
+              className="h-20 w-20 mb-8"
             />
             <h3 className="text-xl font-bold text-gray-700 mb-2">Technology</h3>
             <p className="text-sm text-gray-500 text-center">
-              Leveraging innovation to deliver real-time alerts and safety tools.
+              Leveraging innovation to deliver real-time alerts and safety
+              tools.
             </p>
           </div>
         </div>
diff --git a/src/app/warehouse/page.tsx b/src/app/warehouse/page.tsx
index 92806cd..7037f4c 100644
--- a/src/app/warehouse/page.tsx
+++ b/src/app/warehouse/page.tsx
@@ -1,5 +1,5 @@
 "use client";
-import Sidebar from "@/components/sidebar";
+import Sidebar from "@/components/Sidebar";
 import { useState, useMemo } from "react";
 
 export default function Warehouse() {