Branch Locator static Screen

lib/features/service/screens/branch_locator_screen.dart

@@ -0,0 +1,43 @@
+import '../../../l10n/app_localizations.dart';
+import 'package:flutter/material.dart';
+
+class BranchLocatorScreen extends StatelessWidget {
+  const BranchLocatorScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(AppLocalizations.of(context).branchLocator),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(
+              Icons.location_on,
+              size: 80,
+              color: Theme.of(context).primaryColor,
+            ),
+            const SizedBox(height: 16),
+            Text(
+              AppLocalizations.of(context).findnearbybranched,
+              style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(height: 24),
+            ElevatedButton.icon(
+              icon: const Icon(Icons.search),
+              label: Text( AppLocalizations.of(context).searchbranch),
+              onPressed: () {
+                // Place API here
+                ScaffoldMessenger.of(context).showSnackBar(
+                  SnackBar(content: Text( AppLocalizations.of(context).branchsearchsoon)),
+                );
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/features/service/screens/service_screen.dart

@@ -1,3 +1,5 @@
+import 'package:kmobile/features/service/screens/branch_locator_screen.dart';
+
 import '../../../l10n/app_localizations.dart';
 
 import 'package:flutter/material.dart';
@@ -70,7 +72,13 @@ class _ServiceScreen extends State<ServiceScreen> {
           ServiceManagementTile(
             icon: Symbols.missing_controller,
             label: AppLocalizations.of(context).branchLocator,
-            onTap: () {},
+            onTap: () {
+              Navigator.push(
+              context,
+              MaterialPageRoute(
+                    builder: (context) => const BranchLocatorScreen())
+            );
+            },
           ),
           const Divider(height: 1),
         ],