diff --git a/package-lock.json b/package-lock.json
index 9ae358a..bed2ef3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,8 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.12.0",
-        "react-router-dom": "^6.26.2",
+        "react-responsive-carousel": "^3.2.23",
+        "react-router-dom": "^6.15.0",
         "react-scroll-to-top": "^3.0.0"
       },
       "devDependencies": {
@@ -1112,6 +1113,12 @@
         "node": ">= 6"
       }
     },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -3085,6 +3092,18 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-easy-swipe": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/react-easy-swipe/-/react-easy-swipe-0.0.21.tgz",
+      "integrity": "sha512-OeR2jAxdoqUMHIn/nS9fgreI5hSpgGoL5ezdal4+oO7YSSgJR8ga+PkYGJrSrJ9MKlPcQjMQXnketrD7WNmNsg==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.5.8"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/react-icons": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
@@ -3106,6 +3125,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-responsive-carousel": {
+      "version": "3.2.23",
+      "resolved": "https://registry.npmjs.org/react-responsive-carousel/-/react-responsive-carousel-3.2.23.tgz",
+      "integrity": "sha512-pqJLsBaKHWJhw/ItODgbVoziR2z4lpcJg+YwmRlSk4rKH32VE633mAtZZ9kDXjy4wFO+pgUZmDKPsPe1fPmHCg==",
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "prop-types": "^15.5.8",
+        "react-easy-swipe": "^0.0.21"
+      }
+    },
+    
     "node_modules/react-router": {
       "version": "6.26.2",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.2.tgz",
diff --git a/package.json b/package.json
index b275bed..bcc0512 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.12.0",
-    "react-router-dom": "^6.26.2",
+    "react-responsive-carousel": "^3.2.23",
+    "react-router-dom": "^6.15.0",
     "react-scroll-to-top": "^3.0.0"
   },
   "devDependencies": {
diff --git a/src/assets/Images/agra-1.png b/src/assets/Images/agra-1.png
new file mode 100644
index 0000000..d5bd980
Binary files /dev/null and b/src/assets/Images/agra-1.png differ
diff --git a/src/assets/Images/banglore-1.png b/src/assets/Images/banglore-1.png
new file mode 100644
index 0000000..0b78296
Binary files /dev/null and b/src/assets/Images/banglore-1.png differ
diff --git a/src/assets/Images/carousel2.jpg b/src/assets/Images/carousel2.jpg
new file mode 100644
index 0000000..7cd012d
Binary files /dev/null and b/src/assets/Images/carousel2.jpg differ
diff --git a/src/assets/Images/carousel2.png b/src/assets/Images/carousel2.png
new file mode 100644
index 0000000..b4d73a2
Binary files /dev/null and b/src/assets/Images/carousel2.png differ
diff --git a/src/assets/Images/carousel3.jpg b/src/assets/Images/carousel3.jpg
new file mode 100644
index 0000000..36c45bb
Binary files /dev/null and b/src/assets/Images/carousel3.jpg differ
diff --git a/src/assets/Images/carousel3.png b/src/assets/Images/carousel3.png
new file mode 100644
index 0000000..9bfea28
Binary files /dev/null and b/src/assets/Images/carousel3.png differ
diff --git a/src/assets/Images/goa-1.png b/src/assets/Images/goa-1.png
new file mode 100644
index 0000000..6f46352
Binary files /dev/null and b/src/assets/Images/goa-1.png differ
diff --git a/src/assets/Images/mumbai-1.png b/src/assets/Images/mumbai-1.png
new file mode 100644
index 0000000..061546f
Binary files /dev/null and b/src/assets/Images/mumbai-1.png differ
diff --git a/src/assets/Images/red-house.png b/src/assets/Images/red-house.png
index 01949b7..cb09214 100644
Binary files a/src/assets/Images/red-house.png and b/src/assets/Images/red-house.png differ
diff --git a/src/components/Header-section/Header-section.css b/src/components/Header-section/Header-section.css
index c5231ae..58b5458 100644
--- a/src/components/Header-section/Header-section.css
+++ b/src/components/Header-section/Header-section.css
@@ -1,9 +1,9 @@
 .header-section {
   width: 100%;
   height: 100vh;
-  background: url(/src/assets/Images/red-house.png);
-  background-position: center center;
-  background-color: #262626;
+  /* background: url(/src/assets/Images/red-house.png); */
+  /* background-position: center center; */
+  /* background-color: #262626; */
   background-size: cover;
   position: relative;
   margin-bottom: 0;
@@ -44,7 +44,7 @@
 }
 
 .header-text {
-  position: relative;
+  /* position: relative; */
   left: 4%;
   width: 68%;
 }
@@ -72,15 +72,19 @@
   .header-section {
     width: 100%;
     height: 100vh;
-    background: url(/src/assets/Images/red-house.png);
+    /* background: url(/src/assets/Images/red-house.png); */
     background-position: center center;
-    background-color: #262626;
+    /* background-color: #262626; */
     background-size: cover;
     position: relative;
   }
 
+  .header-desc {
+    font-weight: 500;
+  }
+
   .header-text {
-    position: relative;
+    /* position: relative; */
     left: 4%;
     width: 74%;
   }
@@ -141,4 +145,4 @@
     height: 44px;
     background: #1abc9c;
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/Header-section/Header.jsx b/src/components/Header-section/Header.jsx
index 97eb035..020a877 100644
--- a/src/components/Header-section/Header.jsx
+++ b/src/components/Header-section/Header.jsx
@@ -1,19 +1,39 @@
 import "../Header-section/Header-section.css";
 import { Link } from "react-router-dom";
 import Navbar from "./Navbar";
+import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
+import { Carousel } from 'react-responsive-carousel';
+import carImg1 from "../../assets/Images/red-house.png"
+import carImg2 from "../../assets/Images/carousel2.png"
+import carImg3 from "../../assets/Images/carousel3.png"
 const Header = () => {
   return (
     <>
       <div className="header-section mb-[80px]">
         <Navbar />
+
         <div id="home"></div>
-        <div className="header-text top-[15%] sm:top-[23%]">
+        <Carousel autoPlay = {true} infiniteLoop = {true} showStatus = {false} showThumbs = {false} stopOnHover ={false} swipeable = {false} animationHandler="fade">
+          <div>
+            <img src={carImg1} className="h-screen object-cover"/>
+            
+          </div>
+          <div>
+            <img src={carImg2} className="h-screen object-cover"/>
+            
+          </div>
+          <div>
+            <img src={carImg3} className="h-screen object-cover"/>
+            
+          </div>
+        </Carousel>
+        <div className="header-text top-[15%] sm:top-[23%] absolute">
           <h1>
             Welcome to <span>Rentalog</span>
           </h1>
-          <p>
-            Rentalog is the ultimate solution for landlords looking to simplify
-            their rent management process. Keep track of your renters personal
+          <p className="header-desc">
+            Rentalog is the ultimate solution for landlords looking to simplify <br />
+            their rent management process. Keep track of your <br /> renters personal
             details, their payment history, and much more with ease.
           </p>
           <Link to="/register">