the team page fixes

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>

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";
 

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";
 

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>

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() {