drop down links created

src/app/contact-us/page.tsx

@@ -0,0 +1,6 @@
+"use client";
+
+export default function Page()
+{
+    return( <p>Contact Us</p>)
+}

src/app/our-mission/page.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+export default function Page(){
+    return( <p>Our mission</p>)
+}

src/app/the-team/page.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+export default function Page(){
+    return( <p>The Team</p>)
+}

src/components/navbar.tsx

@@ -46,6 +46,10 @@ export default function Navbar() {
   const navOptions = useMemo(() => ["Earthquakes", "Observatories", "Warehouse", "Shop"], []);
   // const navOptions = useMemo(() => ["Earthquakes"], []);
   const aboutDropdown = ["Our Mission", "The Team", "Contact Us"];
+    // { label: "Our Mission", path: "/our-mission" },
+    // { label: "The Team", path: "/the-team" },
+    // { label: "Contact Us", path: "/contact-us" }]
+  
   const [isModalOpen, setIsModalOpen] = useState(false);
 
   return (