diff --git a/public/img/hero/bg-012.png b/public/img/hero/bg-012.png
deleted file mode 100644
index 6c262664..00000000
Binary files a/public/img/hero/bg-012.png and /dev/null differ
diff --git a/public/img/hero/bg-02.png b/public/img/hero/bg-02.png
index 1e337232..e6acaea7 100644
Binary files a/public/img/hero/bg-02.png and b/public/img/hero/bg-02.png differ
diff --git a/public/img/hero/bg-04.png b/public/img/hero/bg-04.png
new file mode 100644
index 00000000..988f506f
Binary files /dev/null and b/public/img/hero/bg-04.png differ
diff --git a/public/img/hero/bg-1.jpg b/public/img/hero/bg-1.jpg
deleted file mode 100644
index 1dcbbe53..00000000
Binary files a/public/img/hero/bg-1.jpg and /dev/null differ
diff --git a/public/img/hero/bg-2.jpg b/public/img/hero/bg-2.jpg
deleted file mode 100644
index cac81eb0..00000000
Binary files a/public/img/hero/bg-2.jpg and /dev/null differ
diff --git a/public/img/hero/bg-3.jpeg b/public/img/hero/bg-3.jpeg
deleted file mode 100644
index d1359555..00000000
Binary files a/public/img/hero/bg-3.jpeg and /dev/null differ
diff --git a/src/pages/Home/LandingPage.jsx b/src/pages/Home/LandingPage.jsx
index 0535328b..7e492c26 100644
--- a/src/pages/Home/LandingPage.jsx
+++ b/src/pages/Home/LandingPage.jsx
@@ -137,7 +137,10 @@ const LandingPage = () => {
                 Empower your team with attendance, expense, and task management
                 tools.
               </p>
-              <a href="#" className="btn btn-square-small btn-lg mt-3 p-3">
+              <a
+                href="#"
+                className="btn btn-green btn-square-small btn-lg mt-3 p-3"
+              >
                 Learn More
               </a>
             </div>
@@ -157,7 +160,33 @@ const LandingPage = () => {
               <p className="lead">
                 Make data-driven decisions with real-time project analytics.
               </p>
-              <a href="#" className="btn btn-square-small btn-lg mt-3 p-3">
+              <a
+                href="#"
+                className="btn btn-green btn-square-small btn-lg mt-3 p-3"
+              >
+                View Demo
+              </a>
+            </div>
+          </div>
+
+          <div
+            className="carousel-item"
+            style={{
+              backgroundImage: `url("./img/hero/bg-04.png")`,
+            }}
+          >
+            <div className="hero-overlay"></div>
+            <div className="carousel-caption text-start text-white">
+              <h1 className="fw-bold display-4">
+                Financial Management (Expense & Billing)
+              </h1>
+              <p className="lead">
+                Eliminate Paper Receipts. Take Control of Your Cash Flow.
+              </p>
+              <a
+                href="#"
+                className="btn btn-green btn-square-small btn-lg mt-3 p-3"
+              >
                 View Demo
               </a>
             </div>