diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..8b599bb
Binary files /dev/null and b/.DS_Store differ
diff --git a/README.md b/README.md
index a1ca3c3..120d4eb 100644
--- a/README.md
+++ b/README.md
@@ -52,3 +52,5 @@ If you want to contact with me you can reach me at [Twitter](https://www.twitter
 ### License
 
 This project is **free to use** and does not contains any license.
+# Lda_Management
+# Lda_Management
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000..69c6842
Binary files /dev/null and b/assets/.DS_Store differ
diff --git a/assets/css/style.css b/assets/css/style.css
index 0db7818..22b0f1d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -473,6 +473,87 @@ body.active { overflow: hidden; }
 .hero {
   padding-block-start: 120px;
   text-align: center;
+  position: relative;
+  min-height: 100vh;
+  overflow: hidden;
+}
+.hero-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  /* background-image: url('/assets/images/heroimg2.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  z-index: -1; */
+}
+.slideshow {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  animation: slideshow 20s infinite;
+  opacity: 0;
+}
+
+/* Overlay for better text visibility */
+.slide::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+}
+
+/* Set different animation delay for each slide */
+.slide:nth-child(1) {
+  animation-delay: 0s;
+}
+.slide:nth-child(2) {
+  animation-delay: 5s;
+}
+.slide:nth-child(3) {
+  animation-delay: 10s;
+}
+.slide:nth-child(4) {
+  animation-delay: 15s;
+}
+
+@keyframes slideshow {
+  0%, 20% {
+      opacity: 1;
+  }
+  25%, 95% {
+      opacity: 0;
+  }
+  100% {
+      opacity: 1;
+  }
+}
+
+
+
+.hero-background::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.1); /* Adjust opacity as needed */
 }
 
 .hero-banner {
diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store
new file mode 100644
index 0000000..b9be4af
Binary files /dev/null and b/assets/images/.DS_Store differ
diff --git a/assets/images/LDALOGO.png b/assets/images/LDALOGO.png
new file mode 100644
index 0000000..117844e
Binary files /dev/null and b/assets/images/LDALOGO.png differ
diff --git a/assets/images/heroimg.jpg b/assets/images/heroimg.jpg
new file mode 100644
index 0000000..9fd8562
Binary files /dev/null and b/assets/images/heroimg.jpg differ
diff --git a/assets/images/heroimg2.jpg b/assets/images/heroimg2.jpg
new file mode 100644
index 0000000..9fd8562
Binary files /dev/null and b/assets/images/heroimg2.jpg differ
diff --git a/assets/images/heroimg3.jpg b/assets/images/heroimg3.jpg
new file mode 100644
index 0000000..45a1a73
Binary files /dev/null and b/assets/images/heroimg3.jpg differ
diff --git a/assets/images/heroimg4.jpg b/assets/images/heroimg4.jpg
new file mode 100644
index 0000000..be5c267
Binary files /dev/null and b/assets/images/heroimg4.jpg differ
diff --git a/assets/images/heroimg5.jpg b/assets/images/heroimg5.jpg
new file mode 100644
index 0000000..3c312bc
Binary files /dev/null and b/assets/images/heroimg5.jpg differ
diff --git a/index.html b/index.html
index 28ac4c0..2418c69 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
     <div class="container">
 
       <a href="#" class="logo">
-        <img src="./assets/images/logo.svg" width="40" height="40" alt="Richard home">
+        <img src="./assets/images/LDALOGO.png" width="90" height="90" alt="Richard home">
       </a>
 
       <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
@@ -69,9 +69,7 @@
       <nav class="navbar" data-navbar>
 
         <div class="navbar-top">
-          <a href="#" class="logo">
-            <img src="./assets/images/nav-logo.svg" width="140" height="40" alt="Richard home" class="img">
-          </a>
+          
 
           <button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
             <span class="span one"></span>
@@ -107,11 +105,6 @@
 
         </ul>
 
-        <button class="login-btn">
-          <img src="./assets/images/user.svg" width="21" height="21" alt="user icon">
-
-          <span class="span">Login</span>
-        </button>
 
         <p class="navbar-title">My Address</p>
 
@@ -143,30 +136,31 @@
       -->
 
       <section class="section hero" id="home" aria-label="home">
+        <div class="hero-background">
+          <div class="slideshow">
+            <div class="slide" style="background-image: url('/assets/images/heroimg2.jpg')"></div>
+            <div class="slide" style="background-image: url('/assets/images/heroimg3.jpg')"></div>
+            <div class="slide" style="background-image: url('/assets/images/heroimg4.jpg')"></div>
+            <div class="slide" style="background-image: url('/assets/images/heroimg5.jpg')"></div>
+            
+          </div>
+        </div>
         <div class="container">
-
-          <img src="./assets/images/hero-banner.png" width="322" height="322" alt="" class="hero-banner">
-
-          <div class="hero-content">
-
-            <h1 class="h1 hero-title">Richard Ryan</h1>
-
-            <div class="wrapper h2">
-              <strong class="strong" data-letter-effect>Photographer</strong>
-              <strong class="strong" data-letter-effect>Shutterbug</strong>
-              <strong class="strong" data-letter-effect>Cameraman</strong>
-              <strong class="strong" data-letter-effect>Pacific Portraits</strong>
+            <div class="hero-content">
+                <h1 class="h1 hero-title">LDA</h1>
+                <div class="wrapper h2">
+                    <strong class="strong" data-letter-effect>Management</strong>
+                    <strong class="strong" data-letter-effect>Photography</strong>
+                    <strong class="strong" data-letter-effect>Production</strong>
+                    <strong class="strong" data-letter-effect>Dress Hire</strong>
+                    <strong class="strong" data-letter-effect>360 Booth</strong>
+                </div>
+                <p class="hero-text">5+ Years Of Experience</p>
             </div>
-
-            <p class="hero-text">15+ Years Of Experience</p>
-
-          </div>
-
         </div>
-
-        <img src="./assets/images/hero-shape.svg" width="211" height="189" alt="" class="shape">
-
-      </section>
+        <!-- <img src="./assets/images/hero-shape.svg" width="211" height="189" alt="" class="shape"> -->
+    </section>
+