Enhance index page with improved styling and HTML cards

Author: ujibang

css/asciidoctor.css

@@ -434,3 +434,45 @@ body.book #toc,body.book #preamble,body.book h1.sect0,body.book .sect1>h2{page-b
 .print-only{display:block!important}
 .hide-for-print{display:none!important}
 .show-for-print{display:inherit!important}}
+
+/* Custom overrides for better admonition styling */
+.admonitionblock td.content>.title {
+  color: #f8a839 !important;
+  font-style: normal !important;
+  font-weight: 600 !important;
+  font-family: "Open Sans", "DejaVu Sans", sans-serif !important;
+}
+
+/* Dark theme cards */
+.bd-content .card {
+  background-color: rgba(255, 255, 255, 0.05) !important;
+  border: 1px solid rgba(248, 168, 57, 0.2) !important;
+  transition: all 0.3s ease;
+}
+
+.bd-content .card:hover {
+  background-color: rgba(255, 255, 255, 0.08) !important;
+  border-color: rgba(248, 168, 57, 0.4) !important;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(248, 168, 57, 0.15);
+}
+
+.bd-content .card-body {
+  color: #fff;
+}
+
+.bd-content .card-body a {
+  color: #f8a839;
+  font-size: 1.1rem;
+  text-decoration: none;
+}
+
+.bd-content .card-body a:hover {
+  color: #ffc870;
+  text-decoration: none;
+}
+
+.bd-content .card-body p {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 0.9rem;
+}

docs/index.adoc

@@ -14,13 +14,14 @@ Welcome to RESTHeart v9! This documentation is organized to help you learn progr
 
 New to RESTHeart? Start here:
 
-[.btn.btn-lg.btn-primary.m-2]
+[.btn.btn-lg.m-2]
 link:/docs/foundations/quick-start[Quick Start →]
 
 Get RESTHeart running in 5 minutes.
 
 [NOTE]
 .Upgrading from RESTHeart v8 or earlier?
+
 ====
 📦 **RESTHeart v9 brings major improvements!** Java 25, OAuth 2.0 authentication, enhanced security, custom metrics, and more.
 
@@ -261,44 +262,45 @@ API reference, migration guides, FAQ, examples, and resources.
 
 == 🔗 Quick Links
 
-[.row]
-====
-[.col-md-3.col-6.mb-3]
---
-[.card.h-100]
-[.card-body]
-link:/docs/foundations/quick-start[⚡ *Quick Start*]
-
-Get running in 5 minutes
---
-
-[.col-md-3.col-6.mb-3]
---
-[.card.h-100]
-[.card-body]
-link:/docs/reference/faq[❓ *FAQ*]
-
-Common questions answered
---
-
-[.col-md-3.col-6.mb-3]
---
-[.card.h-100]
-[.card-body]
-link:/docs/reference/example-webapps[💡 *Examples*]
-
-Sample applications
---
-
-[.col-md-3.col-6.mb-3]
---
-[.card.h-100]
-[.card-body]
-link:/docs/mongodb-rest/demo-webapp.html[🎮 *Live Demo*]
-
-Try the demo app
---
-====
+++++
+<div class="row">
+  <div class="col-md-3 col-6 mb-3">
+    <div class="card h-100">
+      <div class="card-body">
+        <a href="/docs/foundations/quick-start">⚡ <strong>Quick Start</strong></a>
+        <p class="mt-2 mb-0">Get running in 5 minutes</p>
+      </div>
+    </div>
+  </div>
+  
+  <div class="col-md-3 col-6 mb-3">
+    <div class="card h-100">
+      <div class="card-body">
+        <a href="/docs/reference/faq">❓ <strong>FAQ</strong></a>
+        <p class="mt-2 mb-0">Common questions answered</p>
+      </div>
+    </div>
+  </div>
+  
+  <div class="col-md-3 col-6 mb-3">
+    <div class="card h-100">
+      <div class="card-body">
+        <a href="/docs/reference/example-webapps">💡 <strong>Examples</strong></a>
+        <p class="mt-2 mb-0">Sample applications</p>
+      </div>
+    </div>
+  </div>
+  
+  <div class="col-md-3 col-6 mb-3">
+    <div class="card h-100">
+      <div class="card-body">
+        <a href="/docs/mongodb-rest/demo-webapp.html">🎮 <strong>Live Demo</strong></a>
+        <p class="mt-2 mb-0">Try the demo app</p>
+      </div>
+    </div>
+  </div>
+</div>
+++++
 
 == 🎓 Tutorials