diff --git a/images/alert_badge.png b/images/alert_badge.png
new file mode 100644
index 0000000..8acbeaa
Binary files /dev/null and b/images/alert_badge.png differ
diff --git a/images/avatar_c.png b/images/avatar_c.png
new file mode 100644
index 0000000..59b86b7
Binary files /dev/null and b/images/avatar_c.png differ
diff --git a/lib/app/constant.dart b/lib/app/constant.dart
index 131afb7..c05c4ed 100644
--- a/lib/app/constant.dart
+++ b/lib/app/constant.dart
@@ -95,7 +95,7 @@ class Constant {
   static TextStyle subtitle_500_12({required BuildContext context}) {
     return TextStyle(
       fontSize: Constant.getActualYPhone(context: context, y: 12),
-      fontWeight: FontWeight.w700,
+      fontWeight: FontWeight.w500,
       fontFamily: 'Public Sans',
     );
   }
diff --git a/lib/screen/homepage/homepage_screen.dart b/lib/screen/homepage/homepage_screen.dart
index 2ce8306..cf024f1 100644
--- a/lib/screen/homepage/homepage_screen.dart
+++ b/lib/screen/homepage/homepage_screen.dart
@@ -17,7 +17,10 @@ class HomepageScreen extends StatelessWidget {
           child: FloatingActionButton(
             onPressed: () {},
             backgroundColor: Color(0xFFFFFFFF),
-            shape: CircleBorder(),
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(
+                  8.0), // Sesuaikan radius sesuai keinginan Anda
+            ),
             child: Container(
               width: Constant.getActualXPhone(context: context, x: 50),
               height: Constant.getActualYPhone(context: context, y: 50),
@@ -90,6 +93,72 @@ class HomepageScreen extends StatelessWidget {
       body: SafeArea(
         child: Column(
           children: [
+            Container(
+              child: ListTile(
+                leading: Container(
+                    width: Constant.getActualXPhone(context: context, x: 36),
+                    height: Constant.getActualYPhone(context: context, y: 36),
+                    child: Image(
+                      image: AssetImage('images/avatar_c.png'),
+                    )),
+                title: Text(
+                  "Stephen Kusumo",
+                  style: Constant.titleH1_700(context: context)
+                    ..copyWith(
+                      color: Constant.textBlack,
+                    ),
+                ),
+                subtitle: Text(
+                  "Step@example.com",
+                  style: Constant.subtitle_500_12(context: context).copyWith(
+                    color: Constant.textLightGrey,
+                  ),
+                ),
+                trailing: Container(
+                  width: Constant.getActualXPhone(context: context, x: 36),
+                  height: Constant.getActualYPhone(context: context, y: 36),
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(12.0),
+                    color: Colors.white,
+                    shape: BoxShape.rectangle,
+                    boxShadow: [
+                      BoxShadow(
+                        offset: Offset(0, 12),
+                        blurRadius: 24,
+                        color: Color.fromRGBO(145, 158, 171, 0.12),
+                      ),
+                    ],
+                  ),
+                  child: IconButton(
+                    onPressed: () {},
+                    icon: Container(
+                      width: Constant.getActualXPhone(context: context, x: 20),
+                      height: Constant.getActualYPhone(context: context, y: 20),
+                      child: Image(
+                        image: AssetImage('images/alert_badge.png'),
+                      ),
+                    ),
+                  ),
+                  // child: ElevatedButton(
+                  //   onPressed: () {
+                  //     // Action to be performed on button press
+                  //   },
+                  //   child: Container(
+                  //     width: Constant.getActualXPhone(context: context, x: 20),
+                  //     height: Constant.getActualYPhone(context: context, y: 20),
+                  //     decoration: BoxDecoration(
+                  //       image: DecorationImage(
+                  //         image: AssetImage(
+                  //           'images/alert_badge.png', // Ganti dengan path gambar Anda
+                  //         ),
+                  //       ),
+                  //     ),
+                  //   ),
+                  // ),
+                ),
+              ),
+            ),
+
             SizedBox(
               height: Constant.getActualYPhone(context: context, y: 44),
             ),