diff --git a/src/components/AboutUs-section/AboutUs.jsx b/src/components/AboutUs-section/AboutUs.jsx
index 573748bf..54536f6d 100644
--- a/src/components/AboutUs-section/AboutUs.jsx
+++ b/src/components/AboutUs-section/AboutUs.jsx
@@ -1,4 +1,3 @@
-import React from "react";
 import rentBoardImg from "../.././assets/Images/rent-board.png";
 import "./AboutUs-section.css";
 const AboutUs = () => {
@@ -17,15 +16,15 @@ const AboutUs = () => {
           track of important information about their renters, including their
           names, addresses, and rental payment history. This information is
           stored in a secure and organized manner, so landlords can access it
-          whenever they need to. In addition to keeping track of renters'
+          whenever they need to. In addition to keeping track of renters'
           information, Rentalog also makes it easy for landlords to collect and
           track monthly rent payments. This way, landlords always know exactly
-          how much money they're earning from their properties and can make
+          how much money they're earning from their properties and can make
           informed decisions about their business. Using Rentalog is simple and
           straightforward. All of the information is organized in a
           user-friendly interface, so landlords can access what they need
           quickly and easily. And, if they ever have questions or need help,
-          they can reach out to Rentalog's dedicated support team for
+          they can reach out to Rentalog's dedicated support team for
           assistance. Overall, Rentalog is a convenient and efficient tool for
           landlords who want to keep their rental business organized and running
           smoothly.
diff --git a/src/components/Contact-section/Contact.jsx b/src/components/Contact-section/Contact.jsx
index 09b3370a..83291581 100644
--- a/src/components/Contact-section/Contact.jsx
+++ b/src/components/Contact-section/Contact.jsx
@@ -10,7 +10,7 @@ const Contact = () => {
         </h1>
       </header>
       <main>
-        <p className={"px-5 lg:px-20 text-base lg:text-xl font-medium tracking-wider leading-10"}>
+        <div className={"px-5 lg:px-20 text-base lg:text-xl font-medium tracking-wider leading-10"}>
           <div className="mb-10">
             Hey there ! We love to hear from our Rentalog users ! Whether
             you&apos;re looking for answers to your burning questions, or simply
@@ -52,7 +52,7 @@ const Contact = () => {
             <br />
             The Rentalog Team
           </div>
-        </p>
+        </div>
       </main>
 
       <ContactForm />
diff --git a/src/components/Contact-section/ContactForm.jsx b/src/components/Contact-section/ContactForm.jsx
index 3be56604..90fc25d4 100644
--- a/src/components/Contact-section/ContactForm.jsx
+++ b/src/components/Contact-section/ContactForm.jsx
@@ -15,9 +15,9 @@ const ContactForm = () => {
             className="flex gap-x-12 justify-center md:justify-start"
             style={{ height: "min-content", alignItems: "baseline" }}
           >
-            <img src={Github} alt="Github-logo" className="h-14" />
-            <img src={Insta} alt="Insta-logo" className="h-14" />
-            <img src={Twitter} alt="Twitter-logo" className="h-14" />
+            <a href="https://twitter.com/gauravsingh1281"><img src={Twitter} alt="Twitter-logo" className="h-14" /></a>
+            <a href="https://github.com/gauravsingh1281"><img src={Github} alt="Github-logo" className="h-14" /></a>
+            <a href="https://www.instagram.com/gauravsingh1281"><img src={Insta} alt="Insta-logo" className="h-14" /></a>
           </div>
         </article>
         {/* Right hand side of the form */}
@@ -25,11 +25,12 @@ const ContactForm = () => {
           <form className="gap-x-5 w-full">
             <div className="flex flex-col md:flex-row mb-6 justify-between">
               <input
-                className="bg-green rounded-lg text-black h-16 md:w-5/12 mb-6 md:mb-0 placeholder-textBlack p-2"
+                className="bg-green rounded-lg text-black h-16 md:w-6/12 mb-6 md:mb-0 placeholder-textBlack p-2"
                 placeholder="First name"
+                style={{marginRight: "5px"}}
               />
               <input
-                className="bg-green rounded-lg h-16 md:w-5/12  text-black  placeholder-textBlack p-2"
+                className="bg-green rounded-lg h-16 md:w-6/12  text-black  placeholder-textBlack p-2"
                 placeholder="Last name"
               />
             </div>
diff --git a/src/components/Services-section/ServicesAvailableIn.jsx b/src/components/Services-section/ServicesAvailableIn.jsx
index 627690ec..199848ac 100644
--- a/src/components/Services-section/ServicesAvailableIn.jsx
+++ b/src/components/Services-section/ServicesAvailableIn.jsx
@@ -11,6 +11,6 @@ const ServicesAvailableIn = (props) => {
 
 ServicesAvailableIn.propTypes = {
     placeName: PropTypes.string.isRequired,
-    placeImage: PropTypes.object.isRequired
+    placeImage: PropTypes.string.isRequired
 };
 export default ServicesAvailableIn;
\ No newline at end of file
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index 0a8c745c..3dc2a5d1 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -23,11 +23,11 @@ export default function Login() {
           <TitleCard />
 
           <form onSubmit={handleSubmit} className="mx-8 mt-5 space-y-6">
-            <Input title="Email" value={form.email} onChnage={handleChange} />
+            <Input title="Email" value={form.email} onInput={handleChange} />
             <Input
               title="Password"
               value={form.password}
-              onChnage={handleChange}
+              onInput={handleChange}
             />
             <Link to="#" className="float-right text-green hover:underline">
               Forget Password?