diff --git a/client/src/main.tsx b/client/src/main.tsx
index 20b3129..5a59a83 100644
--- a/client/src/main.tsx
+++ b/client/src/main.tsx
@@ -1,3 +1,4 @@
+
 import * as React from 'react'
 import * as ReactDOM from 'react-dom/client'
 import { createBrowserRouter, RouterProvider } from 'react-router-dom'
@@ -11,6 +12,7 @@ import Events from './pages/Events'
 import SignUp from './pages/SignUp'
 import Gallery from './pages/Gallery'
 import Team from "./pages/Team";
+import Contact from "./pages/Contact";
 
 {/* project team imports */}
 import Pruna from "./pages/project-team/Pruna"
@@ -25,12 +27,15 @@ const router = createBrowserRouter([
     path: "/",
     element: <RootLayout />,
     children: [
+
       
       { index: true,              element: <App /> },
       { path: 'events',           element: <Events /> },
       { path: 'project-team',    element: <ProjectTeam /> },
       { path: 'sign-up',         element: <SignUp />},
       { path: 'gallery',         element: <Gallery />},
+      { path: "contact", element: <Contact /> },
+   
       
       { path: 'alanna',          element: <Alanna /> },
       { path: 'tadiwa', element: <Tadiwa />},
diff --git a/client/src/pages/Contact.tsx b/client/src/pages/Contact.tsx
new file mode 100644
index 0000000..a592dc5
--- /dev/null
+++ b/client/src/pages/Contact.tsx
@@ -0,0 +1,91 @@
+import { useState } from "react";
+import { FaInstagram, FaFacebook, FaEnvelope } from "react-icons/fa";
+
+export default function Contact() {
+  const [formData, setFormData] = useState({ name: "", email: "", message: "" });
+  const [ status, setStatus ] = useState("");
+
+  const handleSubmit = async () => {
+    setStatus("Sending");
+      const res = await fetch("https://formspree.io/f/xvzlqwkg", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(formData)
+    });
+    if (res.ok) {
+      setStatus("Message sent!");
+      setFormData({ name: "", email: "", message: "" });
+    } else {
+      setStatus("Error sending message.");
+    }
+  };
+  return (
+    <>
+      <div className="bg-[#000000] w-full p-20 items-center justify-center rounded-lg">
+        <h1 className="text-4xl font-bold text-white">Contact us</h1>
+        <p className="text-white text-center mt-10">
+          Have questions or want to get in touch? We&apos;d love to hear from you!
+        </p>
+        <p className="text-white text-center mt-5">
+          Fill out the form below or reach out to us on social media. We look forward to connecting with you! (｡˃ ᵕ ˂ )⸝♡
+        </p>
+      </div>
+      
+      <div className="flex flex-col gap-5 max-w-2xl mx-auto mt-1 px-8">
+        <input
+          type="text"
+          placeholder="Enter your Name"
+          value={formData.name}
+          onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+          className="bg-transparent border-2 border-blue rounded-2xl px-6 py-4 text-white placeholder-gray-400 outline-none focus:border-blue-300 transition"
+        />
+        <input
+          type="email"
+          placeholder="Enter your Email"
+          value={formData.email}
+          onChange={(e) => setFormData({ ...formData, email: e.target.value })}
+          className="bg-transparent border-2 border-blue rounded-2xl px-6 py-4 text-white placeholder-gray-400 outline-none focus:border-blue-300 transition"
+        />
+        <textarea
+          placeholder="Enter your Message"
+          rows={5}
+          value={formData.message}
+          onChange={(e) => setFormData({ ...formData, message: e.target.value })}
+          className="bg-transparent border-2 border-blue rounded-2xl px-6 py-5 text-white placeholder-gray-400 outline-none focus:border-blue-300 transition"
+        />  
+        <button
+          onClick={handleSubmit}
+          className="bg-blue-300 text-black font-bold py-3 px-6 rounded-full hover:bg-pink-400 transition"
+        >
+          Send Message
+        </button>
+        {status === "sending" && <p className="text-gray-400">Sending...</p>}
+        {status === "success" && <p className="text-green-400">Message sent!</p>}
+        {status === "error" && <p className="text-red-400">Something went wrong, please try again.</p>}
+      </div>
+
+      <div>
+        <h1 className="text-3xl mt-10 mb-5 font-bold italic text-center">
+          Find us online! (╭ರ_•́)~
+        </h1>
+
+        <div className="flex justify-center gap-4 mt-4">
+          <a href="https://www.instagram.com/umsanz/" target="_blank" rel="noopener noreferrer">
+            <FaInstagram className="text-3xl text-blue-300 hover:text-white" />
+          </a>
+
+          <a href="https://www.facebook.com/umsanz/" target="_blank" rel="noopener noreferrer">
+            <FaFacebook className="text-3xl text-blue-300 hover:text-white" />
+          </a>
+    
+          <a href="mailto:minahil12323@gmail.com?subject=Contact%20from%20website">
+            <FaEnvelope className="text-3xl text-blue-300 hover:text-white" />
+        </a>
+          
+        </div>
+      </div>
+    </>
+  );
+}
\ No newline at end of file
diff --git a/client/src/pages/project-team/Minahil.tsx b/client/src/pages/project-team/Minahil.tsx
new file mode 100644
index 0000000..5c82915
--- /dev/null
+++ b/client/src/pages/project-team/Minahil.tsx
@@ -0,0 +1,38 @@
+import MinahilPhoto from "../../assets/about-us/minahil.jpg"; 
+import MemberStatsTable from "../../components/StatsTable"; 
+
+export default function Minahil() {
+    return (
+        <>  
+        <div className="bg-[#8C7AA9] w-full p-20 item-center justify-center rounded-lg">
+            <h1 className="text-4xl font-bold text-white">HI! My name is Minahil ⸜(｡˃ ᵕ ˂ )⸝♡ </h1>
+
+            <p>hi!</p>
+            
+            <img 
+            src={MinahilPhoto} 
+            className="col-span-1 object-cover md:mb-1 mb-2 h-full rounded-2xl"
+            /> 
+        </div>
+        <div className="col-span-2 max-w-md bg-pink-900 p-6 item-center justify-center rounded-lg">
+        
+                        <MemberStatsTable 
+                        stats={{
+                            fullName: "Minahil Saqib",
+                            age: 20,
+                            ethnicity: "Pakistani",
+                            year: "Second year",
+                            degree: "compsci and biotech",
+                            typingSpeed: "150 wpm",
+                            favouritePaper: "biosci 106",
+                            favouriteFood: "Pasta",
+        
+                        }}
+                        />
+        
+                    </div>
+        </>
+        
+        
+
+    )}
\ No newline at end of file