From 6274b0271eabc49f16512e3b61345a7b31e55178 Mon Sep 17 00:00:00 2001
From: Yasani Samara Simha Reddy
 <101248119+samara6855@users.noreply.github.com>
Date: Sat, 21 Oct 2023 16:04:30 +0530
Subject: [PATCH] Updated "Get In Touch" section in Contact.jsx for issue #10

In this pull request:

Removed the address detail from the "Get in Touch" section to align with the content specification.
Adjusted the label colors in the contact form for improved readability and user experience.
---
 Technodes/src/Pages/Contact.jsx | 123 ++++++++++++++++----------------
 1 file changed, 60 insertions(+), 63 deletions(-)

diff --git a/Technodes/src/Pages/Contact.jsx b/Technodes/src/Pages/Contact.jsx
index 10ffff6..747d044 100644
--- a/Technodes/src/Pages/Contact.jsx
+++ b/Technodes/src/Pages/Contact.jsx
@@ -1,72 +1,69 @@
-
 const Contact = () => {
   return (
     <div className="p-10 pt-20 bg-primary">
-        <p className='text-3xl font-bold text-center'>Contact Us</p>
-    <div className="container mx-auto p-4 mt-10">
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-      <div className="bg-secondary shadow-md rounded-md p-4">
-          <h2 className="text-xl font-bold mb-2">Get in Touch</h2>
-          <p className="text-textcolor mb-4">
-            If you have any questions or feedback, feel free to get in touch with us using the contact form or the
-            contact information below.
-          </p>
-          <ul className="text-textcolor mb-4">
-            <li>Email: example@example.com</li>
-            <li>Phone: +1 (123) 456-7890</li>
-            <li>Address: 123 Community Street, City, Country</li>
-          </ul>
-        </div>
-        <div>
-          <h2 className="text-xl font-bold mb-2">Contact Form</h2>
-          <form className="text-black">
-            <div className="mb-4 text-black">
-              <label htmlFor="name" className="block text-textcolor mb-1">
-                Name
-              </label>
-              <input
-                type="text"
-                id="name"
-                name="name"
-                placeholder="Your Name"
-                className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600"
-              />
-            </div>
-            <div className="mb-4">
-              <label htmlFor="email" className="block text-textcolor mb-1">
-                Email
-              </label>
-              <input
-                type="email"
-                id="email"
-                name="email"
-                placeholder="Your Email"
-                className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600"
-              />
-            </div>
-            <div className="mb-4">
-              <label htmlFor="message" className="block text-textcolor mb-1">
-                Message
-              </label>
-              <textarea
-                id="message"
-                name="message"
-                rows="4"
-                placeholder="Your Message"
-                className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600"
-              ></textarea>
-            </div>
-            <button
-              type="submit"
-              className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-600"
-            >
-              Send Message
-            </button>
-          </form>
+      <p className='text-3xl font-bold text-center'>Contact Us</p>
+      <div className="container mx-auto p-4 mt-10">
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <div className="bg-secondary shadow-md rounded-md p-4">
+            <h2 className="text-xl font-bold mb-2">Get in Touch</h2>
+            <p className="text-textcolor mb-4">
+              If you have any questions or feedback, feel free to get in touch with us using the contact form or the contact information below.
+            </p>
+            <ul className="text-textcolor mb-4">
+              <li>Email: example@example.com</li>
+              <li>Phone: +1 (123) 456-7890</li>
+            </ul>
+          </div>
+          <div>
+            <h2 className="text-xl font-bold mb-2">Contact Form</h2>
+            <form>
+              <div className="mb-4">
+                <label htmlFor="name" className="block mb-1 text-textcolor">
+                  Name
+                </label>
+                <input
+                  type="text"
+                  id="name"
+                  name="name"
+                  placeholder="Your Name"
+                  className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600"
+                />
+              </div>
+              <div className="mb-4">
+                <label htmlFor="email" className="block mb-1 text-textcolor">
+                  Email
+                </label>
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  placeholder="Your Email"
+                  className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600"
+                />
+              </div>
+              <div className="mb-4">
+                <label htmlFor="message" className="block mb-1 text-textcolor">
+                  Message
+                </label>
+                <textarea
+                  id="message"
+                  name="message"
+                  rows="4"
+                  placeholder="Your Message"
+                  className="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-600"
+                ></textarea>
+              </div>
+              <button
+                type="submit"
+                className="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-600"
+              >
+                Send Message
+              </button>
+            </form>
+          </div>
         </div>
       </div>
     </div>
-    </div>
   );
 };