diff --git a/lib/presentation/pages/main/pages/home/widgets/home_right_panel.dart b/lib/presentation/pages/main/pages/home/widgets/home_right_panel.dart
index ecb2a47..550a5ef 100644
--- a/lib/presentation/pages/main/pages/home/widgets/home_right_panel.dart
+++ b/lib/presentation/pages/main/pages/home/widgets/home_right_panel.dart
@@ -1,10 +1,19 @@
+import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 
+import 'home_right_title.dart';
+
 class HomeRightPanel extends StatelessWidget {
   const HomeRightPanel({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return const Placeholder();
+    return Align(
+      alignment: Alignment.topCenter,
+      child: Material(
+        color: Colors.white,
+        child: Column(children: [HomeRightTitle()]),
+      ),
+    );
   }
 }
diff --git a/lib/presentation/pages/main/pages/home/widgets/home_right_title.dart b/lib/presentation/pages/main/pages/home/widgets/home_right_title.dart
new file mode 100644
index 0000000..3d9ffe1
--- /dev/null
+++ b/lib/presentation/pages/main/pages/home/widgets/home_right_title.dart
@@ -0,0 +1,97 @@
+import 'package:flutter/material.dart';
+
+import '../../../../../../common/extension/extension.dart';
+import '../../../../../../common/theme/theme.dart';
+import '../../../../../components/button/button.dart';
+
+class HomeRightTitle extends StatelessWidget {
+  // final TableModel? table;
+  const HomeRightTitle({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.only(top: 20),
+      height: context.deviceHeight * 0.15,
+      decoration: BoxDecoration(
+        color: AppColor.primary,
+        border: Border(left: BorderSide(color: Colors.white, width: 1.0)),
+      ),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Expanded(
+            child: Row(
+              children: [
+                Expanded(
+                  child: AppElevatedButton.filled(
+                    width: 180.0,
+                    height: 40,
+                    elevation: 0,
+                    onPressed: () {},
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    icon: Icon(Icons.list, color: Colors.white, size: 24),
+                    label: 'Daftar Pesanan',
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Expanded(
+            child: Row(
+              children: [
+                Expanded(
+                  child: AppElevatedButton.filled(
+                    width: 180.0,
+                    height: 40,
+                    elevation: 0,
+                    onPressed: () {
+                      // showDialog(
+                      //   context: context,
+                      //   builder: (context) {
+                      //     return TypeDialog();
+                      //   },
+                      // );
+                    },
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    icon: Icon(
+                      Icons.dinner_dining_outlined,
+                      color: Colors.white,
+                      size: 24,
+                    ),
+                    label: 'Dine In',
+                  ),
+                ),
+                Expanded(
+                  child: AppElevatedButton.filled(
+                    width: 180.0,
+                    height: 40,
+                    elevation: 0,
+                    icon: Icon(
+                      Icons.motorcycle_outlined,
+                      color: Colors.white,
+                      size: 24,
+                    ),
+                    onPressed: () {
+                      // showDialog(
+                      //   context: context,
+                      //   builder: (context) {
+                      //     return DeliveryDialog();
+                      //   },
+                      // );
+                    },
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    label: 'Pilih Pengiriman',
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/pages/main/pages/home/widgets/home_title.dart b/lib/presentation/pages/main/pages/home/widgets/home_title.dart
index f76c0ff..c917f47 100644
--- a/lib/presentation/pages/main/pages/home/widgets/home_title.dart
+++ b/lib/presentation/pages/main/pages/home/widgets/home_title.dart
@@ -17,7 +17,10 @@ class HomeTitle extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       height: context.deviceHeight * 0.1,
-      padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
+      padding: const EdgeInsets.symmetric(
+        horizontal: 16.0,
+        vertical: 0,
+      ).copyWith(top: 20),
       decoration: BoxDecoration(color: AppColor.white),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,