diff --git a/internal/embeds/templates/index.html b/internal/embeds/templates/index.html
index e63c434..0c1a38d 100644
--- a/internal/embeds/templates/index.html
+++ b/internal/embeds/templates/index.html
@@ -2,20 +2,17 @@
 <html lang="en">
 
 <head>
-  <title>Your Page Title</title>
+  <title>WC Member Console</title>
+  <meta name="description" content="Console for Wiki Cafe members">
 
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <meta name="description" content="Brief description">
-
-  <meta property="og:title" content="Your Page Title">
-  <meta property="og:description" content="Brief description">
-  <meta property="og:image" content="/some-image.png">
-  <meta property="og:url" content="/this-page.html">
-  <meta property="og:site_name" content="Your Site Name">
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:image:alt" content="image description">
+  <meta property="og:title" content="WC Member Console">
+  <meta property="og:description" content="Console for Wiki Cafe members">
+  <meta property="og:image" content="/static/apple-touch-icon.png">
+  <meta property="og:url" content="/index.html">
+  <meta property="og:site_name" content="Wiki Cafe Member Console">
 
   <link href="/static/bootstrap.css" rel="stylesheet">
   <script defer src="/static/bootstrap.bundle.js"></script>
@@ -26,10 +23,60 @@
   <link rel="manifest" href="/static/site.webmanifest">
 </head>
 
-<body>
+<body class="d-flex flex-column vh-100">
+  <!-- Navbar -->
+  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <div class="container-fluid">
+      <a class="navbar-brand" href="#">Wiki Cafe Member Console</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+              data-bs-target="#navbarNav" aria-controls="navbarNav"
+              aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+    </div>
+  </nav>
 
-  <h1>Your content here!</h1>
+  <div class="d-flex flex-grow-1">
+    <!-- Sidebar -->
+    <div class="bg-light border-end h-100 d-flex flex-column flex-shrink-0">
+      <ul class="nav flex-column p-3">
+        <li class="nav-item"><a class="nav-link active" href="#">Dashboard</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Membership</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Settings</a></li>
+        <li class="nav-item"><a class="nav-link text-danger" href="#">Logout</a></li>
+      </ul>
+    </div>
 
+    <!-- Main Content -->
+    <div class="flex-fill p-4">
+      <h2>Welcome, John Doe</h2>
+      <div class="row">
+        <div class="col-md-6">
+          <div class="card mt-3">
+            <div class="card-header">Account Overview</div>
+            <div class="card-body">
+              <p><strong>Email:</strong> john.doe@example.com</p>
+              <p><strong>Status:</strong> Active</p>
+              <p><strong>Member Since:</strong> Jan 2022</p>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-6">
+          <div class="card mt-3">
+            <div class="card-header">Your Wiki Sites</div>
+            <div class="card-body">
+              <ul>
+                <li><a class="primary-link" href="#">Oddly Relocalized</a></li>
+                <li><a class="primary-link" href="#">Fohitchhikerprop</a></li>
+              </ul>
+              <a href="#" class="btn btn-primary btn-sm">Add new site</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </body>
 
 </html>
\ No newline at end of file
