<div class="card-grid">
       <div class="card">
           <h3>🚀 Getting Started</h3>
           <p>Learn how to set up and configure CastleWiki for your project.</p>
           <a href="/getting-started" class="card-link">Read more →</a>
       </div>
       
       <div class="card">
           <h3>🧩 Examples</h3>
           <p>See how to create and structure your own pages.</p>
           <a href="/example" class="card-link">View examples →</a>
       </div>
       
       <div class="card">
           <h3>🔧 API Reference</h3>
           <p>Detailed documentation for all API endpoints and methods.</p>
           <a href="#" class="card-link">View API docs →</a>
       </div>
       
       <div class="card">
           <h3>💬 Community</h3>
           <p>Connect with other CastleWiki users and get support.</p>
           <a href="#" class="card-link">Join community →</a>
       </div>
   </div>