diff --git a/lib/features/service/screens/service_screen.dart b/lib/features/service/screens/service_screen.dart
index b31b622..10c0a56 100644
--- a/lib/features/service/screens/service_screen.dart
+++ b/lib/features/service/screens/service_screen.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
 
 class ServiceScreen extends StatefulWidget {
   const ServiceScreen({super.key});
@@ -11,7 +12,102 @@ class _ServiceScreen extends State<ServiceScreen>{
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      appBar: AppBar(
+        automaticallyImplyLeading: false,
+        title: const Text('Services', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: [
+          // IconButton(
+          //   icon: const Icon(Icons.notifications_outlined),
+          //   onPressed: () {
+          //     // Navigate to notifications
+          //   },
+          // ),
+          Padding(
+            padding: const EdgeInsets.only(right: 10.0),
+            child: InkWell(
+              borderRadius: BorderRadius.circular(20),
+              onTap: (){
+                // Navigator.push(context, MaterialPageRoute(
+                //     builder: (context) => const CustomerInfoScreen()));
+              },
+              child: const CircleAvatar(
+                backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+                radius: 20,
+              ),
+            ),
+          ),
+        ],
+      ),
 
+      body: ListView(
+        children: [
+          ServiceManagementTile(
+            icon: Symbols.add,
+            label: 'Account Opening Request - Deposit',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ServiceManagementTile(
+            icon: Symbols.add,
+            label: 'Account Opening Request - Loan',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ServiceManagementTile(
+            icon: Symbols.captive_portal,
+            label: 'Quick Links',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ServiceManagementTile(
+            icon: Symbols.missing_controller,
+            label: 'Branch Locator',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,)
+
+        ],
+      ),
+    );
+  }
+}
+
+class ServiceManagementTile extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const ServiceManagementTile({
+    super.key,
+    required this.icon,
+    required this.label,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      leading: Icon(icon),
+      title: Text(label),
+      trailing: const Icon(Symbols.arrow_right, size: 20),
+      onTap: onTap,
     );
   }
 }
\ No newline at end of file