diff --git a/images/person.png b/images/person.png
new file mode 100644
index 0000000..b37f627
Binary files /dev/null and b/images/person.png differ
diff --git a/images/task.png b/images/task.png
new file mode 100644
index 0000000..b685e50
Binary files /dev/null and b/images/task.png differ
diff --git a/lib/screen/homepage/homepage_screen.dart b/lib/screen/homepage/homepage_screen.dart
index 4c1df35..873c774 100644
--- a/lib/screen/homepage/homepage_screen.dart
+++ b/lib/screen/homepage/homepage_screen.dart
@@ -114,6 +114,7 @@ class HomepageScreen extends StatelessWidget {
                             Spacer(), // Spasi di sebelah kanan "Check Out"
                           ],
                         ),
+
                         SizedBox(
                           height: Constant.getActualYPhone(context: context, y: 16),
                         ),
@@ -123,6 +124,135 @@ class HomepageScreen extends StatelessWidget {
                 ),
               ),
             ),
+
+            SizedBox(
+              height: Constant.getActualYPhone(context: context, y: 56),
+            ),
+
+            //Menu Cuti Lembur
+            Padding(
+              padding: EdgeInsets.only(
+                left: Constant.getActualXPhone(context: context, x: 33),
+                right:Constant.getActualXPhone(context: context, x: 27),
+              ),
+              child: Container(
+                child: Row(
+                  children: [
+                    //Menu Cuti
+                    SizedBox(
+                      width:Constant.getActualXPhone(context: context, x: 98),
+                      child: ElevatedButton(
+                        style: ButtonStyle(
+                          backgroundColor: MaterialStateColor.resolveWith(
+                            (st) => Colors.white,
+                          ),
+                          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                            RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(16.0),
+                            ),
+                          ),
+                          elevation: MaterialStatePropertyAll(4),
+                          shadowColor: MaterialStateProperty.all<Color>(Color.fromRGBO(145, 158, 171, 0.16)),
+                        ),
+                        onPressed: () { },
+                        child: Padding(
+                          padding: EdgeInsets.only(
+                            top: Constant.getActualYPhone(context: context, y: 8),
+                            bottom: Constant.getActualYPhone(context: context, y: 8),
+                            left: Constant.getActualXPhone(context: context, x: 12),
+                            right:Constant.getActualXPhone(context: context, x: 12),
+                          ),
+                          child: Column(
+                            children: [
+                              Container(
+                                width:Constant.getActualXPhone(context: context, x: 50),
+                                height:Constant.getActualYPhone(context: context, y: 50),
+                                decoration: BoxDecoration(
+                                  // color: Colors.green,
+                                image: DecorationImage(
+                                  // fit: BoxFit.contain,
+                                image: AssetImage('images/person.png'),
+                                ),
+                              ),
+                            ),
+                            
+                            SizedBox(
+                              height: Constant.getActualYPhone(context: context, y: 8),
+                            ),
+                              Text(
+                                'Cuti',
+                                style: Constant.titleH2_600_14(context: context).copyWith(
+                                    color: Constant.textDarkGrey,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      )
+                    ),
+
+                    SizedBox(
+                      width: Constant.getActualXPhone(context: context, x: 18),
+                    ),
+
+                    //Menu Lembur
+                    SizedBox(
+                      width:Constant.getActualXPhone(context: context, x: 98),
+                      child: ElevatedButton(
+                        style: ButtonStyle(
+                          backgroundColor: MaterialStateColor.resolveWith(
+                            (st) => Colors.white,
+                          ),
+                          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                            RoundedRectangleBorder(
+                              borderRadius: BorderRadius.circular(16.0),
+                            ),
+                          ),
+                          elevation: MaterialStatePropertyAll(4),
+                          shadowColor: MaterialStateProperty.all<Color>(Color.fromRGBO(145, 158, 171, 0.16)),
+                        ),
+                        onPressed: () { },
+                        child: Padding(
+                          padding: EdgeInsets.only(
+                            top: Constant.getActualYPhone(context: context, y: 8),
+                            bottom: Constant.getActualYPhone(context: context, y: 8),
+                            left: Constant.getActualXPhone(context: context, x: 12),
+                            right:Constant.getActualXPhone(context: context, x: 12),
+                          ),
+                          child: Column(
+                            children: [
+                              Container(
+                                width:Constant.getActualXPhone(context: context, x: 50),
+                                height:Constant.getActualYPhone(context: context, y: 50),
+                                decoration: BoxDecoration(
+                                  // color: Colors.green,
+                                  image: DecorationImage(
+                                  // fit: BoxFit.contain,
+                                  image: AssetImage('images/task.png'),
+                                  ),
+                                ),
+                              ),
+                              
+                              SizedBox(
+                                height: Constant.getActualYPhone(context: context, y: 8),
+                              ),
+
+                              Text(
+                                'Lembur',
+                                style: Constant.titleH2_600_14(context: context).copyWith(
+                                    color: Constant.textDarkGrey,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      )
+                    ),
+                    
+                  ],
+                ),
+              ),
+            ),
           ],
         ),
       ),