diff --git a/components/UI/Contact.jsx b/components/UI/Contact.jsx
index b8e699ec..43bba4ea 100644
--- a/components/UI/Contact.jsx
+++ b/components/UI/Contact.jsx
@@ -15,6 +15,7 @@ const Contact = () => {
     const data = {
       name: event.target.name.value,
       email: event.target.email.value,
+      phone: event.target.phone.value,    
       message: event.target.message.value,
     };
     console.log(data);
@@ -122,6 +123,14 @@ const Contact = () => {
                     required
                     autoComplete="off"
                   />
+                  <input
+                    className="text-md border-transparent rounded-lg block w-full p-2.5 bg-[#171f38] placeholder-gray-400 text-white"
+                    type="text"
+                    name="phone"
+                    placeholder="Your Phone Number"
+                    required
+                    autoComplete="off"
+                  />
                   <textarea
                     className="text-md border-transparent rounded-lg block w-full p-2.5 bg-[#171f38] placeholder-gray-400 text-white"
                     name="message"