diff --git a/install/css/bootstrap.css b/install/css/bootstrap.css
index 037dd056..4740a5a2 100644
--- a/install/css/bootstrap.css
+++ b/install/css/bootstrap.css
@@ -1374,7 +1374,7 @@ pre {
   color: #333;
   word-break: break-all;
   word-wrap: break-word;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
   border: 1px solid #ccc;
   border-radius: 4px;
 }
@@ -2126,7 +2126,7 @@ th {
 }
 .table-hover > tbody > tr:hover > td,
 .table-hover > tbody > tr:hover > th {
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
 }
 table col[class*="col-"] {
   position: static;
@@ -2151,7 +2151,7 @@ table th[class*="col-"] {
 .table > thead > tr.active > th,
 .table > tbody > tr.active > th,
 .table > tfoot > tr.active > th {
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
 }
 .table-hover > tbody > tr > td.active:hover,
 .table-hover > tbody > tr > th.active:hover,
@@ -3170,7 +3170,7 @@ tbody.collapse.in {
 .dropdown-menu > li > a:focus {
   color: #262626;
   text-decoration: none;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
 }
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
@@ -4293,7 +4293,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
   padding: 8px 15px;
   margin-bottom: 20px;
   list-style: none;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
   border-radius: 4px;
 }
 .breadcrumb > li {
@@ -4711,7 +4711,7 @@ a.thumbnail.active {
   height: 20px;
   margin-bottom: 20px;
   overflow: hidden;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
@@ -4854,7 +4854,7 @@ a.list-group-item:hover,
 a.list-group-item:focus {
   color: #555;
   text-decoration: none;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
 }
 .list-group-item.disabled,
 .list-group-item.disabled:hover,
@@ -5023,7 +5023,7 @@ a.list-group-item-danger.active:focus {
 }
 .panel-footer {
   padding: 10px 15px;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
   border-top: 1px solid #ddd;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
@@ -5197,7 +5197,7 @@ a.list-group-item-danger.active:focus {
 }
 .panel-default > .panel-heading {
   color: #333;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
   border-color: #ddd;
 }
 .panel-default > .panel-heading + .panel-collapse > .panel-body {
@@ -5329,7 +5329,7 @@ a.list-group-item-danger.active:focus {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
-  background-color: #f5f5f5;
+  background-color: #f6f8fa;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
diff --git a/install/phpnuxbill.sql b/install/phpnuxbill.sql
index d8e60d4d..2a239663 100644
--- a/install/phpnuxbill.sql
+++ b/install/phpnuxbill.sql
@@ -409,3 +409,16 @@ VALUES (
         '2022-09-06 16:09:50',
         '2014-06-23 01:43:07'
     );
+
+INSERT INTO `tbl_widgets` (`id`, `orders`, `position`, `enabled`, `title`, `widget`, `content`) VALUES
+(1, 1, 1, 1, 'Top Widget', 'top_widget', ''),
+(2, 2, 1, 1, 'Default Info', 'default_info_row', ''),
+(3, 1, 2, 1, 'Graph Monthly Registered Customers', 'graph_monthly_registered_customers', ''),
+(4, 2, 2, 1, 'Graph Monthly Sales', 'graph_monthly_sales', ''),
+(5, 3, 2, 1, 'Voucher Stocks', 'voucher_stocks', ''),
+(6, 4, 2, 1, 'Customer Expired', 'customer_expired', ''),
+(7, 1, 3, 1, 'Cron Monitor', 'cron_monitor', ''),
+(8, 2, 3, 1, 'Mikrotik Cron Monitor', 'mikrotik_cron_monitor', ''),
+(9, 3, 3, 1, 'Info Payment Gateway', 'info_payment_gateway', ''),
+(10, 4, 3, 1, 'Graph Customers Insight', 'graph_customers_insight', ''),
+(11, 5, 3, 1, 'Activity Log', 'activity_log', '');
\ No newline at end of file
diff --git a/system/lan/english.json b/system/lan/english.json
index 2d153dc5..9ac639f1 100644
--- a/system/lan/english.json
+++ b/system/lan/english.json
@@ -1034,5 +1034,11 @@
     "Widget": "Widget",
     "Contents": "Contents",
     "Please_enter_a_search_term_": "Please enter a search term.",
-    "Customers_Expired__Today": "Customers Expired, Today"
+    "Customers_Expired__Today": "Customers Expired, Today",
+    "Sequence": "Sequence",
+    "Content": "Content",
+    "Not_all_widgets_require_content__HTML_widgets_require_content__either_text_or_PHP_code__Please_be_careful_when_writing_this_content_": "Not all widgets require content. HTML widgets require content, either text or PHP code. Please be careful when writing this content.",
+    "Area_Fields": "Area Fields",
+    "Add_new_widget": "Add new widget",
+    "Tambah": "Tambah"
 }
\ No newline at end of file
diff --git a/system/updates.json b/system/updates.json
index 46b86159..b48b7d54 100644
--- a/system/updates.json
+++ b/system/updates.json
@@ -190,5 +190,8 @@
     ],
     "2025.2.14": [
         "CREATE TABLE IF NOT EXISTS `tbl_widgets` ( `id` int NOT NULL AUTO_INCREMENT, `orders` int NOT NULL DEFAULT '99', `position` tinyint(1) NOT NULL DEFAULT '1' COMMENT '1. top 2. left 3. right 4. bottom',`enabled` tinyint(1) NOT NULL DEFAULT '1', `title` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL, `widget` varchar(64) COLLATE utf8mb4_general_ci NOT NULL DEFAULT '', `content` text COLLATE utf8mb4_general_ci NOT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;"
+    ],
+    "2025.2.17" : [
+        "INSERT INTO `tbl_widgets` (`id`, `orders`, `position`, `enabled`, `title`, `widget`, `content`) VALUES (1, 1, 1, 1, 'Top Widget', 'top_widget', ''),(2, 2, 1, 1, 'Default Info', 'default_info_row', ''),(3, 1, 2, 1, 'Graph Monthly Registered Customers', 'graph_monthly_registered_customers', ''),(4, 2, 2, 1, 'Graph Monthly Sales', 'graph_monthly_sales', ''),(5, 3, 2, 1, 'Voucher Stocks', 'voucher_stocks', ''),(6, 4, 2, 1, 'Customer Expired', 'customer_expired', ''),(7, 1, 3, 1, 'Cron Monitor', 'cron_monitor', ''),(8, 2, 3, 1, 'Mikrotik Cron Monitor', 'mikrotik_cron_monitor', ''),(9, 3, 3, 1, 'Info Payment Gateway', 'info_payment_gateway', ''),(10, 4, 3, 1, 'Graph Customers Insight', 'graph_customers_insight', ''),(11, 5, 3, 1, 'Activity Log', 'activity_log', '');"
     ]
 }
\ No newline at end of file
diff --git a/system/widgets/info_payment_gateway.php b/system/widgets/info_payment_gateway.php
new file mode 100644
index 00000000..4f796452
--- /dev/null
+++ b/system/widgets/info_payment_gateway.php
@@ -0,0 +1,11 @@
+<?php
+
+class info_payment_gateway
+{
+
+    public function getWidget($data = null)
+    {
+        global $ui;
+        return $ui->fetch('widget/info_payment_gateway.tpl');
+    }
+}
\ No newline at end of file