diff --git a/production/index2.html b/production/index2.html
index 5b4bd291..95edb840 100755
--- a/production/index2.html
+++ b/production/index2.html
@@ -537,7 +537,7 @@
               <div class="col-md-4">
                 <div class="x_panel">
                   <div class="x_title">
-                    <h2>Top Profiles <small>Sessions</small></h2>
+                    <h2>Recent Activity <small>Timeline</small></h2>
                     <ul class="nav navbar-right panel_toolbox">
                       <li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a>
                       </li>
@@ -554,56 +554,49 @@
                     <div class="clearfix"></div>
                   </div>
                   <div class="x_content">
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item One Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    <div class="d-flex align-items-center mb-3">
+                      <div class="rounded-circle bg-green text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
+                        <i class="fas fa-check"></i>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <div>
+                        <div><strong>Order #1247 Completed</strong></div>
+                        <small class="text-muted">Customer payment processed successfully</small><br>
+                        <small class="text-muted">2 hours ago</small>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    </div>
+                    
+                    <div class="d-flex align-items-center mb-3">
+                      <div class="rounded-circle bg-blue text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
+                        <i class="fas fa-user-plus"></i>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <div>
+                        <div><strong>New User Registration</strong></div>
+                        <small class="text-muted">Sarah Miller joined the platform</small><br>
+                        <small class="text-muted">4 hours ago</small>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Three Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    </div>
+                    
+                    <div class="d-flex align-items-center mb-3">
+                      <div class="rounded-circle bg-yellow text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
+                        <i class="fas fa-exclamation-triangle"></i>
                       </div>
-                    </article>
+                      <div>
+                        <div><strong>System Maintenance</strong></div>
+                        <small class="text-muted">Scheduled maintenance tonight at 2 AM</small><br>
+                        <small class="text-muted">6 hours ago</small>
+                      </div>
+                    </div>
+                    
+                    <div class="d-flex align-items-center">
+                      <div class="rounded-circle bg-blue text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
+                        <i class="fas fa-database"></i>
+                      </div>
+                      <div>
+                        <div><strong>Daily Backup Complete</strong></div>
+                        <small class="text-muted">All data successfully backed up</small><br>
+                        <small class="text-muted">8 hours ago</small>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -611,7 +604,7 @@
               <div class="col-md-4">
                 <div class="x_panel">
                   <div class="x_title">
-                    <h2>Top Profiles <small>Sessions</small></h2>
+                    <h2>Customer Reviews <small>Feedback</small></h2>
                     <ul class="nav navbar-right panel_toolbox">
                       <li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a>
                       </li>
@@ -628,56 +621,50 @@
                     <div class="clearfix"></div>
                   </div>
                   <div class="x_content">
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item One Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    <div class="mb-4">
+                      <div class="d-flex align-items-center mb-2">
+                        <img src="images/img.jpg" alt="Customer" class="img-circle" style="width: 40px; height: 40px;">
+                        <div class="ms-3">
+                          <div><strong>John Anderson</strong></div>
+                          <div class="text-warning">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                          </div>
+                        </div>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <p class="text-muted">"Excellent service and fast delivery. The product quality exceeded my expectations. Highly recommended!"</p>
+                    </div>
+                    
+                    <div class="mb-4">
+                      <div class="d-flex align-items-center mb-2">
+                        <img src="images/user.png" alt="Customer" class="img-circle" style="width: 40px; height: 40px;">
+                        <div class="ms-3">
+                          <div><strong>Maria Garcia</strong></div>
+                          <div class="text-warning">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="far fa-star"></i>
+                          </div>
+                        </div>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <p class="text-muted">"Great product quality. Customer support was very helpful and responsive."</p>
+                    </div>
+                    
+                    <div class="row text-center">
+                      <div class="col-6">
+                        <h3 class="green"><i class="fas fa-star"></i> 4.8</h3>
+                        <p>Average Rating</p>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <div class="col-6">
+                        <h3 class="blue"><i class="fas fa-comments"></i> 1,247</h3>
+                        <p>Total Reviews</p>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Three Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-                      </div>
-                    </article>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -685,7 +672,7 @@
               <div class="col-md-4">
                 <div class="x_panel">
                   <div class="x_title">
-                    <h2>Top Profiles <small>Sessions</small></h2>
+                    <h2>System Monitor <small>Status</small></h2>
                     <ul class="nav navbar-right panel_toolbox">
                       <li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a>
                       </li>
@@ -702,56 +689,58 @@
                     <div class="clearfix"></div>
                   </div>
                   <div class="x_content">
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item One Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    <div class="mb-3">
+                      <div class="d-flex justify-content-between mb-2">
+                        <span><strong>Server Load</strong></span>
+                        <span class="green">Normal</span>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <div class="progress progress_sm">
+                        <div class="progress-bar bg-green" style="width: 35%"></div>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    </div>
+                    
+                    <div class="mb-3">
+                      <div class="d-flex justify-content-between mb-2">
+                        <span><strong>Memory Usage</strong></span>
+                        <span class="orange">Moderate</span>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Two Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                      <div class="progress progress_sm">
+                        <div class="progress-bar bg-yellow" style="width: 68%"></div>
                       </div>
-                    </article>
-                    <article class="media event">
-                      <a class="pull-left date">
-                        <p class="month">April</p>
-                        <p class="day">23</p>
-                      </a>
-                      <div class="d-flex-body">
-                        <a class="title" href="#">Item Three Title</a>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+                    </div>
+                    
+                    <div class="mb-3">
+                      <div class="d-flex justify-content-between mb-2">
+                        <span><strong>Disk Space</strong></span>
+                        <span class="green">Good</span>
                       </div>
-                    </article>
+                      <div class="progress progress_sm">
+                        <div class="progress-bar bg-green" style="width: 45%"></div>
+                      </div>
+                    </div>
+                    
+                    <hr>
+                    
+                    <div class="row">
+                      <div class="col-sm-6 col-xs-6">
+                        <div class="text-center">
+                          <h2 class="green">99.9%</h2>
+                          <p>System Uptime</p>
+                        </div>
+                      </div>
+                      <div class="col-sm-6 col-xs-6">
+                        <div class="text-center">
+                          <h2 class="blue">247ms</h2>
+                          <p>Response Time</p>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <div class="text-center">
+                      <span class="label label-success">
+                        <i class="fas fa-check"></i> All Systems Operational
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>