diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..a0de46f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5504
+}
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 4978a5c..90e7fd6 100644
--- a/css/main.css
+++ b/css/main.css
@@ -3961,6 +3961,38 @@ html.no-csstransitions .home-content__main {
   }
 }
 
+.keploy-docs-btn {
+    display: inline-block;
+    padding: 15px 25px;
+    background: linear-gradient(to right, #ff7e5f, #feb47b); /* similar orange gradient tone */
+    color: #fff;
+    font-size: 16px;
+    border-radius: 50px;
+    text-decoration: none;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
+    transition: all 0.3s ease;
+}
+
+.keploy-docs-btn:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 6px 15px rgba(0,0,0,0.3);
+}
+
+@media screen and (max-width: 768px) {
+    .keploy-docs-btn {
+        padding: 12px 20px;
+        font-size: 14px;
+    }
+}
+
+@media screen and (max-width: 480px) {
+    .keploy-docs-btn {
+        width: 80%;
+        padding: 10px 15px;
+        font-size: 13px;
+    }
+}
+
 .col-lg-2,
 .col-lg-5 {
   position: relative;
diff --git a/index.html b/index.html
index 373e634..edf7aa4 100644
--- a/index.html
+++ b/index.html
@@ -371,23 +371,14 @@ <h3>Copyright © 2024  Keploy Inc.</h3>
 					</aside>
 				</div>
 				<div class="col-lg-5 col-sm-6">
-					<aside class="f_widget news_widget">
-						<div class="f_title">
-							<h3>Newsletter</h3>
-						</div>
-						<p>Stay updated with our latest trends</p>
-						<div id="mc_embed_signup-impress">
-							<form id="newsletter-1" target="" action="" method="post" class="subscribe_form relative">
-								<div class="input-group d-flex flex-row justify-content-center">
-									<input name="email" class="input" placeholder="Enter email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
-									<button class="btn sub-btn submit-btn"><span class="lnr lnr-arrow-right"></span></button>
-								</div>
-								<div class="mt-10 info"></div>
-							</form>
-							<div class="alert alert-warning alert-msg text-hide" role="alert"></div>
-						</div>
-					</aside>
-				</div>
+                    <aside class="f_widget docs_widget text-center">
+                       <div class="f_title">
+                           <h3>Documentation</h3>
+                       </div>
+                       <p>Visit the Keploy Docs website for more info</p>
+                       <a href="https://keploy.io/docs/" target="_blank" class="keploy-docs-btn">Go to Docs</a>
+                    </aside>
+                </div>
 				<div class="col-lg-2">
 					<aside class="f_widget social_widget">
 						<div class="f_title">