added conatct us and copywrite

package.json

@@ -14,8 +14,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.0.1",
-    "react-router-dom": "^6.22.0",
     "react-scripts": "5.0.1",
+    "react-router-dom": "^6.22.0",
     "web-vitals": "^3.5.2"
   },
   "scripts": {

public/data/AnkitMourya12.json

@@ -0,0 +1,13 @@
+{
+  "name": "Ankit Mourya",
+  "location": "Uttar Pradesh",
+  "bio": "Ex intern @swiggy | contributor GSsoc'24",
+  "avatar": "https://github.com/AnkitMourya12.png",
+  "portfolio": "https://github.com/AnkitMourya12",
+  "skills": ["full stack", "data analyst"],
+  "social": {
+    "GitHub": "https://github.com/AnkitMourya12",
+    "Twitter": "https://x.com/ANKITMaury41117",
+    "LinkedIn": "https://www.linkedin.com/in/ankit-mourya-821aa223b/"
+  }
+}

public/data/Sahilll15.json

@@ -1,6 +1,6 @@
 {
   "name": "Sahil Sanjay Chalke",
-  "location": "Mumbai, India 🇮🇳", 
+  "location": "Mumbai, India 🇮🇳",
   "bio": "FULL STACK DEV",
   "avatar": "https://avatars.githubusercontent.com/u/109215419?v=4",
   "portfolio": "https://sahilchalke.online/",

public/data/connectaryal.json

@@ -4,10 +4,24 @@
   "bio": "Senior Software Engineer with 5+ years of experience in building scalable applications.",
   "avatar": "https://github.com/connectaryal.png",
   "portfolio": "https://shivaaryal.com.np/",
-  "skills": ["HTML", "CSS", "JavaScript", "Tailwind CSS", "TypeScript", "React", "OOP", "Node.js", "PHP", "Laravel", "WordPress", "MYSQL", "Docker"],
+  "skills": [
+    "HTML",
+    "CSS",
+    "JavaScript",
+    "Tailwind CSS",
+    "TypeScript",
+    "React",
+    "OOP",
+    "Node.js",
+    "PHP",
+    "Laravel",
+    "WordPress",
+    "MYSQL",
+    "Docker"
+  ],
   "social": {
     "GitHub": "https://github.com/connectaryal",
     "Twitter": "https://twitter.com/connectaryal",
     "LinkedIn": "https://www.linkedin.com/in/connectaryal"
   }
-}
+}

src/ProfilesList.json

@@ -425,5 +425,6 @@
   "BHS-Harish.json",
   "Monalisha-Roy.json",
   "Sahilll15.json",
-  "Kritika.json"
-]
+  "Kritika.json",
+  "AnkitMourya12.json"
+]

src/components/Sidebar/Sidebar.jsx

@@ -4,6 +4,7 @@ import { faCode, faMoon, faSun } from '@fortawesome/free-solid-svg-icons';
 
 function Sidebar() {
   const [theme, setTheme] = useState('dark');
+  const [showContactForm, setShowContactForm] = useState(false);
 
   function toggleTheme() {
     const htmlElement = document.documentElement;
@@ -17,6 +18,11 @@ function Sidebar() {
       setTheme('dark');
     }
   }
+
+  function toggleContactForm() {
+    setShowContactForm(!showContactForm);
+  }
+
   return (
     <div className="my-7 w-full border-r-2 border-borderSecondary px-7 font-spaceMono dark:border-borderColor md:h-[90vh] md:w-[23%]">
       <div className="mb-2 flex h-12 items-center gap-2.5">
@@ -51,6 +57,54 @@ function Sidebar() {
           </button>
         </a>
       </div>
+      <div className="pt-5">
+        <button
+          className="inline-block cursor-pointer rounded-lg border-2 border-textSecondary bg-textSecondary px-[15px] py-1.5 text-center font-poppoins text-sm transition-all duration-500 hover:bg-transparent hover:text-textSecondary dark:text-white"
+          onClick={toggleContactForm}
+        >
+          Contact Us
+        </button>
+      </div>
+      {showContactForm && (
+        <div className="contact-container pt-5">
+          <h1 className="contact-heading">Contact Us</h1>
+          <p className="contact-description">Please fill out the form below to get in touch with us.</p>
+          <form className="contact-form">
+            <div className="form-group">
+              <label htmlFor="name" className="form-label">
+                Name:
+              </label>
+              <input type="text" id="name" name="name" className="form-input" />
+            </div>
+
+            <div className="form-group">
+              <label htmlFor="email" className="form-label">
+                Email:
+              </label>
+              <input type="email" id="email" name="email" className="form-input" />
+            </div>
+
+            <div className="form-group">
+              <label htmlFor="message" className="form-label">
+                Message:
+              </label>
+              <textarea id="message" name="message" rows="4" className="form-textarea" />
+            </div>
+
+            <div className="pt-5">
+              <button
+                className="inline-block cursor-pointer rounded-lg border-2 border-textSecondary bg-textSecondary px-[15px] py-1.5 text-center font-poppoins text-sm transition-all duration-500 hover:bg-transparent hover:text-textSecondary dark:text-white"
+                onClick={toggleContactForm}
+              >
+                Submit
+              </button>
+            </div>
+          </form>
+        </div>
+      )}
+      <div className="mt-auto  p-4 text-center text-secondaryColor  ">
+        © {new Date().getFullYear()} devFind. All rights reserved.
+      </div>
     </div>
   );
 }