diff --git a/assets/css/custom.css b/assets/css/custom.css
index 5a3ae28..265e328 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,4 +1,3 @@
-
 body {
     font-family: 'Lato', sans-serif;
     color: #264653;
@@ -124,3 +123,29 @@ footer {
 footer a {
     color: #E9C46A;
 }
+
+/* Dashboard Styles */
+.sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 280px;
+    padding: 20px;
+    background-color: #fff;
+    border-right: 1px solid #dee2e6;
+}
+.sidebar .nav-link {
+    color: #333;
+    font-weight: 500;
+}
+.sidebar .nav-link.active {
+    color: #0d6efd;
+}
+.sidebar .nav-link .bi {
+    margin-right: 10px;
+}
+.main-content {
+    margin-left: 280px;
+    padding: 20px;
+}
\ No newline at end of file
diff --git a/dashboard.php b/dashboard.php
index f0f57d3..e07dbd9 100644
--- a/dashboard.php
+++ b/dashboard.php
@@ -1,10 +1,23 @@
 <?php
 session_start();
+require_once 'db/config.php';
 
 if (!isset($_SESSION['user_id'])) {
     header("Location: login.php");
     exit;
 }
+
+$userId = $_SESSION['user_id'];
+$stmt = db()->prepare("SELECT * FROM users WHERE id = ?");
+$stmt->execute([$userId]);
+$user = $stmt->fetch(PDO::FETCH_ASSOC);
+
+if (!$user) {
+    session_destroy();
+    header("Location: login.php");
+    exit;
+}
+
 ?>
 <!DOCTYPE html>
 <html lang="en">
@@ -13,35 +26,80 @@ if (!isset($_SESSION['user_id'])) {
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Dashboard - My SaaS</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
     <link rel="stylesheet" href="assets/css/custom.css">
+    
 </head>
 <body>
 
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
-    <div class="container">
-        <a class="navbar-brand" href="index.php">My SaaS</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 class="collapse navbar-collapse" id="navbarNav">
-            <ul class="navbar-nav ms-auto">
-                <li class="nav-item">
-                    <a class="nav-link" href="logout.php">Logout</a>
-                </li>
-            </ul>
-        </div>
-    </div>
-</nav>
+<div class="sidebar">
+    <a class="navbar-brand" href="index.php">My SaaS</a>
+    <hr>
+    <ul class="nav flex-column">
+        <li class="nav-item">
+            <a class="nav-link active" href="dashboard.php">
+                <i class="bi bi-grid-1x2-fill"></i>
+                Dashboard
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                <i class="bi bi-person-circle"></i>
+                Profile
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="#">
+                <i class="bi bi-gear-fill"></i>
+                Settings
+            </a>
+        </li>
+    </ul>
+    <hr>
+    <a href="logout.php" class="btn btn-outline-primary">Logout</a>
+</div>
 
-<div class="container mt-5">
-    <div class="row">
-        <div class="col-md-12">
-            <h2>Welcome, <?php echo htmlspecialchars($_SESSION['username']); ?>!</h2>
-            <p>This is your dashboard. You are logged in.</p>
+<div class="main-content">
+    <div class="container-fluid">
+        <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+            <h1 class="h2">Dashboard</h1>
+        </div>
+
+        <h2>Welcome, <?php echo htmlspecialchars($user['username']); ?>!</h2>
+        <p class="lead">Here's a quick overview of your account.</p>
+
+        <div class="row mt-4">
+            <div class="col-md-4">
+                <div class="card text-white bg-primary mb-3">
+                    <div class="card-header">Projects</div>
+                    <div class="card-body">
+                        <h5 class="card-title">5</h5>
+                        <p class="card-text">You have 5 active projects.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card text-white bg-success mb-3">
+                    <div class="card-header">Tasks</div>
+                    <div class="card-body">
+                        <h5 class="card-title">12</h5>
+                        <p class="card-text">You have 12 pending tasks.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card text-white bg-info mb-3">
+                    <div class="card-header">Team Members</div>
+                    <div class="card-body">
+                        <h5 class="card-title">3</h5>
+                        <p class="card-text">You have 3 team members.</p>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
