fund-transfer-all-screens-design

lib/api/interceptors/auth_interceptor.dart

@@ -13,7 +13,7 @@ class AuthInterceptor extends Interceptor {
     RequestInterceptorHandler handler,
   ) async {
     // Skip auth header for login and refresh endpoints
-    if (options.path.contains('/auth/login') || 
+    if (options.path.contains('/login') ||
         options.path.contains('/auth/refresh')) {
       return handler.next(options);
     }

lib/api/services/auth_service.dart

@@ -20,7 +20,7 @@ class AuthService {
   Future<AuthToken> login(AuthCredentials credentials) async {
     try {
       final response = await _dio.post(
-        '/auth/login',
+        '/login',
         data: credentials.toJson(),
       );
       
@@ -30,6 +30,9 @@ class AuthService {
         throw AuthException('Login failed');
       }
     } on DioException catch (e) {
+      if (kDebugMode) {
+        print(e.toString());
+      }
       if (e.response?.statusCode == 401) {
         throw AuthException('Invalid credentials');
       }

lib/app.dart

@@ -10,7 +10,7 @@ import 'data/repositories/auth_repository.dart';
 import 'di/injection.dart';
 import 'features/auth/controllers/auth_cubit.dart';
 import 'features/auth/controllers/auth_state.dart';
-import 'features/card/screens/Card_screen.dart';
+import 'features/card/screens/card_management_screen.dart';
 import 'features/auth/screens/login_screen.dart';
 import 'features/service/screens/service_screen.dart';
 import 'features/dashboard/screens/dashboard_screen.dart';
@@ -129,7 +129,7 @@ class _NavigationScaffoldState extends State<NavigationScaffold> {
 
   final List<Widget> _pages = [
     DashboardScreen(),
-    CardScreen(),
+    CardManagementScreen(),
     ServiceScreen(),
     CustomerInfoScreen()
   ];

lib/di/injection.dart

@@ -35,7 +35,7 @@ Future<void> setupDependencies() async {
 Dio _createDioClient() {
   final dio = Dio(
     BaseOptions(
-      baseUrl: 'https://api.yourbank.com/v1',
+      baseUrl: 'http://localhost:3000',
       connectTimeout: const Duration(seconds: 5),
       receiveTimeout: const Duration(seconds: 3),
       headers: {

lib/features/auth/models/auth_credentials.dart

@@ -5,7 +5,7 @@ class AuthCredentials {
   AuthCredentials({required this.username, required this.password});
 
   Map<String, dynamic> toJson() => {
-        'username': username,
+        'customer_no': username,
         'password': password,
       };
 }

lib/features/card/screens/Card_screen.dart

@@ -1,18 +0,0 @@
-import 'package:flutter/material.dart';
-
-class CardScreen extends StatefulWidget {
-  const CardScreen({super.key});
-
-  @override
-  State<CardScreen> createState() => _CardScreen();
-}
-
-class _CardScreen extends State<CardScreen>{
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-
-    );
-  }
-}
-

lib/features/card/screens/block_card_screen.dart

@@ -0,0 +1,200 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class BlockCardScreen extends StatefulWidget {
+  const BlockCardScreen({super.key});
+
+  @override
+  State<BlockCardScreen> createState() => _BlockCardScreen();
+}
+
+class _BlockCardScreen extends State<BlockCardScreen>{
+  final _formKey = GlobalKey<FormState>();
+  final _cardController = TextEditingController();
+  final _cvvController = TextEditingController();
+  final _expiryController = TextEditingController();
+  final _phoneController = TextEditingController();
+
+  Future<void> _pickExpiryDate() async {
+    final now = DateTime.now();
+    final selectedDate = await showDatePicker(
+      context: context,
+      initialDate: now,
+      firstDate: now,
+      lastDate: DateTime(now.year + 10),
+    );
+    if (selectedDate != null) {
+      _expiryController.text = DateFormat('dd/MM/yyyy').format(selectedDate);
+    }
+  }
+
+  void _blockCard() {
+    if (_formKey.currentState?.validate() ?? false) {
+      // Call your backend logic here
+
+      final snackBar = SnackBar(
+        content: const Text('Card has been blocked'),
+        action: SnackBarAction(
+          label: 'X',
+          onPressed: () {
+            // Just close the SnackBar
+          },
+          textColor: Colors.white,
+        ),
+        backgroundColor: Colors.black,
+        behavior: SnackBarBehavior.floating,
+      );
+
+      ScaffoldMessenger.of(context).showSnackBar(snackBar);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },),
+        title: const Text('Block Card', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: Padding(
+        padding: const EdgeInsets.all(10.0),
+        child: Form(
+          key: _formKey,
+          child: ListView(
+            children: [
+              const SizedBox(height: 10),
+              TextFormField(
+                controller: _cardController,
+                decoration: const InputDecoration(
+                  labelText: 'Card Number',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.next,
+                validator: (value) =>
+                value != null && value.length == 16 ? null : 'Enter valid card number',
+              ),
+              const SizedBox(height: 24),
+              Row(
+                children: [
+                  Expanded(
+                    child: TextFormField(
+                      controller: _cvvController,
+                      decoration: const InputDecoration(
+                        labelText: 'CVV',
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      keyboardType: TextInputType.number,
+                      textInputAction: TextInputAction.next,
+                      obscureText: true,
+                      validator: (value) =>
+                      value != null && value.length == 3 ? null : 'CVV must be 3 digits',
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: TextFormField(
+                      controller: _expiryController,
+                      readOnly: true,
+                      onTap: _pickExpiryDate,
+                      decoration: const InputDecoration(
+                        labelText: 'Expiry Date',
+                        suffixIcon: Icon(Icons.calendar_today),
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      validator: (value) =>
+                      value != null && value.isNotEmpty ? null : 'Select expiry date',
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 24),
+              TextFormField(
+                controller: _phoneController,
+                decoration: const InputDecoration(
+                  labelText: 'Phone',
+                  prefixIcon: Icon(Icons.phone),
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                textInputAction: TextInputAction.done,
+                keyboardType: TextInputType.phone,
+                validator: (value) =>
+                value != null && value.length >= 10 ? null : 'Enter valid phone number',
+              ),
+              const SizedBox(height: 45),
+              Align(
+                alignment: Alignment.center,
+                child: SizedBox(
+                  width: 250,
+                  child: ElevatedButton(
+                    onPressed: _blockCard,
+                    style: ElevatedButton.styleFrom(
+                      shape: const StadiumBorder(),
+                      padding: const EdgeInsets.symmetric(vertical: 16),
+                      backgroundColor: Colors.blue[900],
+                      foregroundColor: Colors.white,
+                    ),
+                    child: const Text('Block'),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+}

lib/features/card/screens/card_management_screen.dart

@@ -0,0 +1,95 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/card/screens/block_card_screen.dart';
+import 'package:kmobile/features/card/screens/card_pin_change_details_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class CardManagementScreen extends StatefulWidget {
+  const CardManagementScreen({super.key});
+
+  @override
+  State<CardManagementScreen> createState() => _CardManagementScreen();
+}
+
+class _CardManagementScreen extends State<CardManagementScreen>{
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        automaticallyImplyLeading: false,
+        title: const Text('Card Management', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: ListView(
+        children: [
+          CardManagementTile(
+            icon: Symbols.add,
+            label: 'Apply Debit Card',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          CardManagementTile(
+            icon: Symbols.remove_moderator,
+            label: 'Block / Unblock Card',
+            onTap: () {
+              Navigator.push(context, MaterialPageRoute(
+                  builder: (context) => const BlockCardScreen()));
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          CardManagementTile(
+            icon: Symbols.password_2,
+            label: 'Change Card PIN',
+            onTap: () {
+              Navigator.push(context, MaterialPageRoute(
+                  builder: (context) => const CardPinChangeDetailsScreen()));
+            },
+          ),
+
+          const Divider(height: 1,),
+
+        ],
+      ),
+    );
+  }
+}
+
+class CardManagementTile extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const CardManagementTile({
+    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,
+    );
+  }
+}
+

lib/features/card/screens/card_pin_change_details_screen.dart

@@ -0,0 +1,189 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:kmobile/features/card/screens/card_pin_set_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class CardPinChangeDetailsScreen extends StatefulWidget {
+  const CardPinChangeDetailsScreen({super.key});
+
+  @override
+  State<CardPinChangeDetailsScreen> createState() => _CardPinChangeDetailsScreen();
+}
+
+class _CardPinChangeDetailsScreen extends State<CardPinChangeDetailsScreen>{
+  final _formKey = GlobalKey<FormState>();
+  final _cardController = TextEditingController();
+  final _cvvController = TextEditingController();
+  final _expiryController = TextEditingController();
+  final _phoneController = TextEditingController();
+
+  Future<void> _pickExpiryDate() async {
+    final now = DateTime.now();
+    final selectedDate = await showDatePicker(
+      context: context,
+      initialDate: now,
+      firstDate: now,
+      lastDate: DateTime(now.year + 10),
+    );
+    if (selectedDate != null) {
+      _expiryController.text = DateFormat('dd/MM/yyyy').format(selectedDate);
+    }
+  }
+
+  void _nextButton() {
+    if (_formKey.currentState?.validate() ?? false) {
+      // Call your backend logic here
+      Navigator.of(context).pushReplacement(
+        MaterialPageRoute(builder: (context) => const CardPinSetScreen()),
+      );
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },),
+        title: const Text('Card Details', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: Padding(
+        padding: const EdgeInsets.all(10.0),
+        child: Form(
+          key: _formKey,
+          child: ListView(
+            children: [
+              const SizedBox(height: 10),
+              TextFormField(
+                controller: _cardController,
+                decoration: const InputDecoration(
+                  labelText: 'Card Number',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.next,
+                validator: (value) =>
+                value != null && value.length == 16 ? null : 'Enter valid card number',
+              ),
+              const SizedBox(height: 24),
+              Row(
+                children: [
+                  Expanded(
+                    child: TextFormField(
+                      controller: _cvvController,
+                      decoration: const InputDecoration(
+                        labelText: 'CVV',
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      keyboardType: TextInputType.number,
+                      textInputAction: TextInputAction.next,
+                      obscureText: true,
+                      validator: (value) =>
+                      value != null && value.length == 3 ? null : 'CVV must be 3 digits',
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: TextFormField(
+                      controller: _expiryController,
+                      readOnly: true,
+                      onTap: _pickExpiryDate,
+                      decoration: const InputDecoration(
+                        labelText: 'Expiry Date',
+                        suffixIcon: Icon(Icons.calendar_today),
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      validator: (value) =>
+                      value != null && value.isNotEmpty ? null : 'Select expiry date',
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 24),
+              TextFormField(
+                controller: _phoneController,
+                decoration: const InputDecoration(
+                  labelText: 'Phone',
+                  prefixIcon: Icon(Icons.phone),
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                textInputAction: TextInputAction.done,
+                keyboardType: TextInputType.phone,
+                validator: (value) =>
+                value != null && value.length >= 10 ? null : 'Enter valid phone number',
+              ),
+              const SizedBox(height: 45),
+              Align(
+                alignment: Alignment.center,
+                child: SizedBox(
+                  width: 250,
+                  child: ElevatedButton(
+                    onPressed: _nextButton,
+                    style: ElevatedButton.styleFrom(
+                      shape: const StadiumBorder(),
+                      padding: const EdgeInsets.symmetric(vertical: 16),
+                      backgroundColor: Colors.blue[900],
+                      foregroundColor: Colors.white,
+                    ),
+                    child: const Text('Next'),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+}

lib/features/card/screens/card_pin_set_screen.dart

@@ -0,0 +1,148 @@
+import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class CardPinSetScreen extends StatefulWidget {
+  const CardPinSetScreen({super.key});
+
+  @override
+  State<CardPinSetScreen> createState() => _CardPinSetScreen();
+}
+
+class _CardPinSetScreen extends State<CardPinSetScreen>{
+  final _formKey = GlobalKey<FormState>();
+  final _pinController = TextEditingController();
+  final _confirmPinController = TextEditingController();
+
+  void _submit() {
+    if (_formKey.currentState!.validate()) {
+      // Handle PIN submission logic here
+      final snackBar = SnackBar(
+        content: const Text('PIN set successfully'),
+        action: SnackBarAction(
+          label: 'X',
+          onPressed: () {
+            // Just close the SnackBar
+          },
+          textColor: Colors.white,
+        ),
+        backgroundColor: Colors.black,
+        behavior: SnackBarBehavior.floating,
+      );
+
+      ScaffoldMessenger.of(context).showSnackBar(snackBar);
+    }
+  }
+
+  @override
+  void dispose() {
+    _pinController.dispose();
+    _confirmPinController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },),
+        title: const Text('Card PIN', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Form(
+          key: _formKey,
+          child: Column(
+            children: [
+              TextFormField(
+                controller: _pinController,
+                obscureText: true,
+                decoration: const InputDecoration(
+                  labelText: 'Enter new PIN',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Please enter new PIN';
+                  }
+                  if (value.length < 4) {
+                    return 'PIN must be at least 4 digits';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 24),
+              TextFormField(
+                controller: _confirmPinController,
+                obscureText: true,
+                decoration: const InputDecoration(
+                  labelText: 'Enter Again',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.done,
+                validator: (value) {
+                  if (value != _pinController.text) {
+                    return 'PINs do not match';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 45),
+              Align(
+                alignment: Alignment.center,
+                child: SizedBox(
+                  width: 250,
+                  child: ElevatedButton(
+                    onPressed: _submit,
+                    style: ElevatedButton.styleFrom(
+                      shape: const StadiumBorder(),
+                      padding: const EdgeInsets.symmetric(vertical: 16),
+                      backgroundColor: Colors.blue[900],
+                      foregroundColor: Colors.white,
+                    ),
+                    child: const Text('Submit'),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/cheque/screens/cheque_management_screen.dart

@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/enquiry/screens/enquiry_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class ChequeManagementScreen extends StatefulWidget {
+  const ChequeManagementScreen({super.key});
+
+  @override
+  State<ChequeManagementScreen> createState() => _ChequeManagementScreen();
+}
+
+class _ChequeManagementScreen extends State<ChequeManagementScreen>{
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },),
+        title: const Text('Cheque Management', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: ListView(
+        children: [
+          const SizedBox(height: 15),
+          ChequeManagementTile(
+            icon: Symbols.add,
+            label: 'Request Checkbook',
+            onTap: () {
+
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ChequeManagementTile(
+            icon: Symbols.data_alert,
+            label: 'Enquiry',
+            onTap: () {
+              Navigator.push(context, MaterialPageRoute(
+                  builder: (context) => const EnquiryScreen()));
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ChequeManagementTile(
+            icon: Symbols.approval_delegation,
+            label: 'Cheque Deposit',
+            onTap: () {
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ChequeManagementTile(
+            icon: Symbols.front_hand,
+            label: 'Stop Cheque',
+            onTap: () {
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ChequeManagementTile(
+            icon: Symbols.cancel_presentation,
+            label: 'Revoke Stop',
+            onTap: () {
+            },
+          ),
+
+          const Divider(height: 1,),
+
+          ChequeManagementTile(
+            icon: Symbols.payments,
+            label: 'Positive Pay',
+            onTap: () {
+            },
+          ),
+
+          const Divider(height: 1,),
+
+        ],
+      ),
+    );
+  }
+
+}
+
+class ChequeManagementTile extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const ChequeManagementTile({
+    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,
+    );
+  }
+}

lib/features/dashboard/screens/dashboard_screen.dart

@@ -1,8 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:kmobile/features/accounts/screens/account_info_screen.dart';
 import 'package:kmobile/features/accounts/screens/account_statement_screen.dart';
+import 'package:kmobile/features/cheque/screens/cheque_management_screen.dart';
 import 'package:kmobile/features/customer_info/screens/customer_info_screen.dart';
 import 'package:kmobile/features/beneficiaries/screens/manage_beneficiaries_screen.dart';
+import 'package:kmobile/features/enquiry/screens/enquiry_screen.dart';
+import 'package:kmobile/features/fund_transfer/screens/fund_transfer_beneficiary_screen.dart';
+import 'package:kmobile/features/quick_pay/screens/quick_pay_screen.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';
 
 class DashboardScreen extends StatefulWidget {
@@ -108,12 +112,18 @@ class _DashboardScreenState extends State<DashboardScreen> {
                 children: [
                   _buildQuickLink(Symbols.id_card, "Customer \n Info", () {
                   Navigator.push(context, MaterialPageRoute(
-                  builder: (context) => const CustomerInfoScreen()));;
+                  builder: (context) => const CustomerInfoScreen()));
                   }),
                   _buildQuickLink(Symbols.currency_rupee, "Quick \n Pay",
-                          () => print("")),
+                          () {
+                            Navigator.push(context, MaterialPageRoute(
+                                builder: (context) => const QuickPayScreen()));
+                          }),
                   _buildQuickLink(Symbols.send_money, "Fund \n Transfer",
-                          () => print("")),
+                          () {
+                            Navigator.push(context, MaterialPageRoute(
+                                builder: (context) => const FundTransferBeneficiaryScreen()));
+                          }),
                   _buildQuickLink(Symbols.server_person, "Account \n Info",
                           (){
                         Navigator.push(context, MaterialPageRoute(
@@ -125,14 +135,20 @@ class _DashboardScreenState extends State<DashboardScreen> {
                                 builder: (context) => const AccountStatementScreen()));
                           }),
                   _buildQuickLink(Symbols.checkbook, "Handle \n Cheque",
-                          () => print("")),
+                          () {
+                            Navigator.push(context, MaterialPageRoute(
+                                builder: (context) => const ChequeManagementScreen()));
+                          }),
                   _buildQuickLink(Icons.group, "Manage \n Beneficiary",
                           () {
                             Navigator.push(context, MaterialPageRoute(
                                 builder: (context) => const ManageBeneficiariesScreen()));
                           }),
                   _buildQuickLink(Symbols.support_agent, "Contact \n Us",
-                          () => print("")),
+                          () {
+                            Navigator.push(context, MaterialPageRoute(
+                                builder: (context) => const EnquiryScreen()));
+                          }),
                 ],
               ),
               const SizedBox(height: 10),

lib/features/enquiry/screens/enquiry_screen.dart

@@ -0,0 +1,93 @@
+import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class EnquiryScreen extends StatefulWidget {
+  const EnquiryScreen({super.key});
+
+  @override
+  State<EnquiryScreen> createState() => _EnquiryScreen();
+}
+
+class _EnquiryScreen extends State<EnquiryScreen>{
+  Future<void> _launchEmail() async {
+    final Uri emailUri = Uri(
+      scheme: 'mailto',
+      path: 'helpdesk@kccb.in',
+    );
+    if (await canLaunchUrl(emailUri)) {
+      await launchUrl(emailUri);
+    } else {
+      debugPrint('Could not launch email client');
+    }
+  }
+
+  Future<void> _launchPhone() async {
+    final Uri phoneUri = Uri(scheme: 'tel', path: '0651-312861');
+    if (await canLaunchUrl(phoneUri)) {
+      await launchUrl(phoneUri);
+    } else {
+      debugPrint('Could not launch phone dialer');
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },),
+        title: const Text('Enquiry', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const Text("Mail us at", style: TextStyle(color: Colors.grey)),
+            const SizedBox(height: 4),
+            GestureDetector(
+              onTap: _launchEmail,
+              child: const Text(
+                "helpdesk@kccb.in",
+                style: TextStyle(color: Colors.blue),
+              ),
+            ),
+            const SizedBox(height: 20),
+            const Text("Call us at", style: TextStyle(color: Colors.grey)),
+            const SizedBox(height: 4),
+            GestureDetector(
+              onTap: _launchPhone,
+              child: const Text(
+                "0651-312861",
+                style: TextStyle(color: Colors.blue),
+              ),
+            ),
+            const SizedBox(height: 20),
+            const Text("Write to us", style: TextStyle(color: Colors.grey)),
+            const SizedBox(height: 4),
+            const Text(
+              "101 Street, Some Street, Some Address\nSome Address",
+              style: TextStyle(color: Colors.blue),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+}

lib/features/fund_transfer/screens/fund_transfer_beneficiary_screen.dart

@@ -0,0 +1,96 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/beneficiaries/screens/add_beneficiary_screen.dart';
+import 'package:kmobile/features/fund_transfer/screens/fund_transfer_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class FundTransferBeneficiaryScreen extends StatefulWidget {
+  const FundTransferBeneficiaryScreen({super.key});
+
+  @override
+  State<FundTransferBeneficiaryScreen> createState() => _FundTransferBeneficiaryScreen();
+}
+
+class _FundTransferBeneficiaryScreen extends State<FundTransferBeneficiaryScreen>{
+  final List<Map<String, String>> beneficiaries = [
+    {
+      'bank': 'State Bank Of India',
+      'name': 'Trina Bakshi',
+    },
+    {
+      'bank': 'State Bank Of India',
+      'name': 'Sheetal Rao',
+    },
+    {
+      'bank': 'Punjab National Bank',
+      'name': 'Manoj Kumar',
+    },
+    {
+      'bank': 'State Bank Of India',
+      'name': 'Rohit Mehra',
+    },
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },),
+        title: const Text('Fund Transfer - Beneficiary', style: TextStyle(color: Colors.black,
+            fontWeight: FontWeight.w500),),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: ListView.builder(
+          itemCount: beneficiaries.length,
+          itemBuilder: (context, index) {
+            final beneficiary = beneficiaries[index];
+            return ListTile(
+              leading: const CircleAvatar(
+                  backgroundColor: Colors.blue,
+                  child: Text('A')),
+              title: Text(beneficiary['name']!),
+              subtitle: Text(beneficiary['bank']!),
+              trailing: IconButton(
+                icon: const Icon(Symbols.arrow_right, size: 20,),
+                onPressed: () {
+                  // Delete action
+                },
+              ),
+              onTap: () {
+                Navigator.push(context, MaterialPageRoute(
+                    builder: (context) => const FundTransferScreen()));
+              },
+            );
+          },
+        ),
+      ),
+      floatingActionButton: Padding(
+        padding: const EdgeInsets.only(bottom: 8.0),
+        child: FloatingActionButton(
+          onPressed: () {
+            Navigator.push(context, MaterialPageRoute(
+                builder: (context) => const AddBeneficiaryScreen()));
+          },
+          backgroundColor: Colors.grey[300],
+          foregroundColor: Colors.blue[900],
+          elevation: 5,
+          child: const Icon(Icons.add),
+        ),
+      ),
+    );
+  }
+}

lib/features/fund_transfer/screens/fund_transfer_screen.dart

@@ -0,0 +1,133 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/fund_transfer/screens/transaction_pin_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class FundTransferScreen extends StatefulWidget {
+  const FundTransferScreen({super.key});
+
+  @override
+  State<FundTransferScreen> createState() => _FundTransferScreen();
+}
+
+class _FundTransferScreen extends State<FundTransferScreen> {
+  String amount = "";
+
+  void onKeyTap(String key) {
+    setState(() {
+      if (key == 'back') {
+        if (amount.isNotEmpty) {
+          amount = amount.substring(0, amount.length - 1);
+        }
+      } else if (key == 'done') {
+        if (kDebugMode) {
+          print('Amount entered: $amount');
+          Navigator.push(
+              context,
+              MaterialPageRoute(
+                  builder: (context) => const TransactionPinScreen()));
+        }
+      } else {
+        amount += key;
+      }
+    });
+  }
+
+  Widget buildKey(String value) {
+    if (value == 'done') {
+      return GestureDetector(
+        onTap: () => onKeyTap(value),
+        child: const Icon(Symbols.check, size: 30),
+      );
+    } else if (value == 'back') {
+      return GestureDetector(
+          onTap: () => onKeyTap(value),
+          child: const Icon(Symbols.backspace, size: 30));
+    } else {
+      return GestureDetector(
+        onTap: () => onKeyTap(value),
+        child: Center(
+          child: Text(value,
+              style: const TextStyle(fontSize: 24, color: Colors.black)),
+        ),
+      );
+    }
+  }
+
+  final keys = [
+    '1',
+    '2',
+    '3',
+    '4',
+    '5',
+    '6',
+    '7',
+    '8',
+    '9',
+    'done',
+    '0',
+    'back',
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+        ),
+        title: const Text(
+          'Fund Transfer',
+          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
+        ),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'),
+              // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+      body: Column(
+        children: [
+          const Spacer(),
+          const Text('Enter Amount', style: TextStyle(fontSize: 20)),
+          const SizedBox(height: 20),
+          Container(
+            padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+            decoration: BoxDecoration(
+              color: Colors.grey.shade200,
+              borderRadius: BorderRadius.circular(12),
+            ),
+            child: Text(
+              amount.isEmpty ? "0" : amount,
+              style: const TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
+            ),
+          ),
+          const Spacer(),
+          Container(
+            padding: const EdgeInsets.all(16.0),
+            color: Colors.white,
+            child: GridView.count(
+              crossAxisCount: 3,
+              shrinkWrap: true,
+              physics: const NeverScrollableScrollPhysics(),
+              mainAxisSpacing: 12,
+              crossAxisSpacing: 12,
+              childAspectRatio: 1.2,
+              children:
+                keys.map((key) => buildKey(key)).toList(),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/fund_transfer/screens/transaction_pin_screen.dart

@@ -0,0 +1,139 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/fund_transfer/screens/transaction_success_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class TransactionPinScreen extends StatefulWidget {
+  const TransactionPinScreen({super.key});
+
+  @override
+  State<TransactionPinScreen> createState() => _TransactionPinScreen();
+}
+
+class _TransactionPinScreen extends State<TransactionPinScreen> {
+  final List<String> _pin = [];
+
+  void _onKeyPressed(String value) {
+    setState(() {
+      if (value == 'back') {
+        if (_pin.isNotEmpty) _pin.removeLast();
+      } else if (_pin.length < 6) {
+        _pin.add(value);
+      }
+    });
+  }
+
+  Widget _buildPinIndicators() {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: List.generate(6, (index) {
+        return Container(
+          margin: const EdgeInsets.symmetric(horizontal: 8),
+          width: 20,
+          height: 20,
+          decoration: BoxDecoration(
+            shape: BoxShape.circle,
+            border: Border.all(color: Colors.blue, width: 2),
+            color: index < _pin.length ? Colors.blue : Colors.transparent,
+          ),
+        );
+      }),
+    );
+  }
+
+  Widget _buildKey(String label, {IconData? icon}) {
+    return Expanded(
+      child: InkWell(
+        onTap: () {
+          if (label == 'back') {
+            _onKeyPressed('back');
+          } else if (label == 'done') {
+            // Handle submit if needed
+            if (_pin.length == 6) {
+              Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                      builder: (context) => const TransactionSuccessScreen()));
+            } else {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text("Please enter a 6-digit TPIN")),
+              );
+            }
+          } else {
+            _onKeyPressed(label);
+          }
+        },
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 20),
+          child: Center(
+            child: icon != null
+                ? Icon(icon, size: 28)
+                : Text(label, style: const TextStyle(fontSize: 24)),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildKeypad() {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Row(children: [_buildKey('1'), _buildKey('2'), _buildKey('3')]),
+        Row(children: [_buildKey('4'), _buildKey('5'), _buildKey('6')]),
+        Row(children: [_buildKey('7'), _buildKey('8'), _buildKey('9')]),
+        Row(children: [
+          _buildKey('done', icon: Icons.check),
+          _buildKey('0'),
+          _buildKey('back', icon: Icons.backspace_outlined),
+        ]),
+      ],
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+        ),
+        title: const Text(
+          'TPIN',
+          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
+        ),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'),
+              // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+
+      body: Padding(
+        padding: const EdgeInsets.only(bottom: 20.0),
+        child: Column(
+          children: [
+            const Spacer(),
+            const Text(
+              'Enter Your TPIN',
+              style: TextStyle(fontSize: 18),
+            ),
+            const SizedBox(height: 20),
+            _buildPinIndicators(),
+            const Spacer(),
+            _buildKeypad(),
+          ],
+        ),
+      ),
+    );
+  }
+
+}

lib/features/fund_transfer/screens/transaction_success_screen.dart

@@ -0,0 +1,140 @@
+import 'dart:io';
+import 'dart:typed_data';
+import 'package:flutter/material.dart';
+import 'package:path_provider/path_provider.dart';
+import 'package:screenshot/screenshot.dart';
+import 'package:social_share/social_share.dart';
+
+import '../../dashboard/screens/dashboard_screen.dart';
+
+class TransactionSuccessScreen extends StatefulWidget {
+  const TransactionSuccessScreen({super.key});
+
+  @override
+  State<TransactionSuccessScreen> createState() => _TransactionSuccessScreen();
+}
+
+class _TransactionSuccessScreen extends State<TransactionSuccessScreen> {
+  final String transactionDate = "18th March, 2025 04:30 PM";
+  final String referenceNumber = "TXN32131093012931993";
+
+  final ScreenshotController _screenshotController = ScreenshotController();
+
+  Future<void> _shareScreenshot() async {
+    final Uint8List? imageBytes = await _screenshotController.capture();
+    if (imageBytes != null) {
+      final directory = await getTemporaryDirectory();
+      final imagePath = File('${directory.path}/transaction_success.png');
+      await imagePath.writeAsBytes(imageBytes);
+
+      SocialShare.shareOptions(
+        "Transaction Successful",
+        imagePath: imagePath.path,
+      );
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SafeArea(
+        child: Stack(
+          children: [
+            // Main content
+            Align(
+              alignment: Alignment.center,
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  const CircleAvatar(
+                    radius: 50,
+                    backgroundColor: Colors.blue,
+                    child: Icon(
+                      Icons.check,
+                      color: Colors.white,
+                      size: 60,
+                    ),
+                  ),
+                  const SizedBox(height: 24),
+                  const Text(
+                    "Transaction Successful",
+                    style: TextStyle(
+                      fontSize: 18,
+                      fontWeight: FontWeight.w600,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                  const SizedBox(height: 6),
+                  Text(
+                    "On $transactionDate",
+                    style: const TextStyle(
+                      fontSize: 14,
+                      color: Colors.black54,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                  const SizedBox(height: 16),
+                  Text(
+                    "Reference No: $referenceNumber",
+                    style: const TextStyle(
+                      fontSize: 12,
+                      color: Colors.black87,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                ],
+              ),
+            ),
+
+            // Buttons at the bottom
+            Align(
+              alignment: Alignment.bottomCenter,
+              child: Padding(
+                padding: const EdgeInsets.fromLTRB(36, 0, 36, 25),
+                child: Row(
+                  children: [
+                    Expanded(
+                      child: OutlinedButton.icon(
+                        onPressed: _shareScreenshot,
+                        icon: const Icon(Icons.share, size: 18),
+                        label: const Text("Share"),
+                        style: ElevatedButton.styleFrom(
+                            shape: const StadiumBorder(),
+                            padding: const EdgeInsets.symmetric(vertical: 16),
+                            backgroundColor: Colors.white,
+                            foregroundColor: Colors.blueAccent,
+                            side: const BorderSide(color: Colors.black, width: 1),
+                            elevation: 0
+                        ),
+                      ),
+                    ),
+                    const SizedBox(width: 12),
+                    Expanded(
+                      child: ElevatedButton(
+                        onPressed: () {
+                          // Done action
+                          Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => const DashboardScreen()));
+                        },
+                        style: ElevatedButton.styleFrom(
+                          shape: const StadiumBorder(),
+                          padding: const EdgeInsets.symmetric(vertical: 16),
+                          backgroundColor: Colors.blue[900],
+                          foregroundColor: Colors.white,
+                        ),
+                        child: const Text("Done"),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+}

lib/features/quick_pay/screens/quick_pay_outside_bank_screen.dart

@@ -0,0 +1,368 @@
+import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class QuickPayOutsideBankScreen extends StatefulWidget {
+  const QuickPayOutsideBankScreen({super.key});
+
+  @override
+  State<QuickPayOutsideBankScreen> createState() =>
+      _QuickPayOutsideBankScreen();
+}
+
+class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
+  final _formKey = GlobalKey<FormState>();
+
+  // Controllers
+  final accountNumberController = TextEditingController();
+  final nameController = TextEditingController();
+  final bankNameController = TextEditingController();
+  final branchNameController = TextEditingController();
+  final ifscController = TextEditingController();
+  final phoneController = TextEditingController();
+  final amountController = TextEditingController();
+
+  String accountType = 'Savings';
+  final List<String> transactionModes = ['NEFT', 'RTGS', 'IMPS'];
+  int selectedTransactionIndex = 0;
+
+  @override
+  void dispose() {
+    // Dispose controllers
+    accountNumberController.dispose();
+    nameController.dispose();
+    bankNameController.dispose();
+    branchNameController.dispose();
+    ifscController.dispose();
+    phoneController.dispose();
+    amountController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+        ),
+        title: const Text(
+          'Quick Pay - Other Bank',
+          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
+        ),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'),
+              // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(12),
+        child: Form(
+          key: _formKey,
+          child: ListView(
+            children: [
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: 'Account Number',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: accountNumberController,
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Account number is required';
+                  } else if (value.length != 16) {
+                    return 'Enter a valid account number';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: 'Name',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: nameController,
+                keyboardType: TextInputType.name,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Name is required';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: "Beneficiary Bank Name",
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: bankNameController,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Beneficiary Bank Name is required';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: "Branch Name",
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: branchNameController,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Branch Name is required';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 25),
+              Row(
+                children: [
+                  Expanded(
+                      child: TextFormField(
+                    decoration: const InputDecoration(
+                      labelText: "IFSC Code",
+                      border: OutlineInputBorder(),
+                      isDense: true,
+                      filled: true,
+                      fillColor: Colors.white,
+                      enabledBorder: OutlineInputBorder(
+                        borderSide: BorderSide(color: Colors.black),
+                      ),
+                      focusedBorder: OutlineInputBorder(
+                        borderSide: BorderSide(color: Colors.black, width: 2),
+                      ),
+                    ),
+                    controller: ifscController,
+                    textInputAction: TextInputAction.next,
+                    validator: (value) {
+                      if (value == null || value.isEmpty) {
+                        return 'IFSC Code is required';
+                      }
+                      return null;
+                    },
+                  )),
+                  const SizedBox(width: 10),
+                  Expanded(
+                    child: DropdownButtonFormField<String>(
+                      value: accountType,
+                      decoration: const InputDecoration(
+                        labelText: "Account Type",
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      items: ['Savings', 'Current']
+                          .map((e) => DropdownMenuItem(
+                                value: e,
+                                child: Text(e),
+                              ))
+                          .toList(),
+                      onChanged: (value) => setState(() {
+                        accountType = value!;
+                      }),
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 25),
+              Row(
+                children: [
+                  Expanded(
+                    child: TextFormField(
+                      controller: phoneController,
+                      keyboardType: TextInputType.phone,
+                      decoration: const InputDecoration(
+                        labelText: "Phone",
+                        prefixIcon: Icon(Icons.phone),
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      textInputAction: TextInputAction.next,
+                      validator: (value) => value == null || value.isEmpty
+                          ? "Phone number is Required"
+                          : null,
+                    ),
+                  ),
+                  const SizedBox(width: 10),
+                  Expanded(
+                    child: TextFormField(
+                      decoration: const InputDecoration(
+                        labelText: 'Amount',
+                        border: OutlineInputBorder(),
+                        isDense: true,
+                        filled: true,
+                        fillColor: Colors.white,
+                        enabledBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black),
+                        ),
+                        focusedBorder: OutlineInputBorder(
+                          borderSide: BorderSide(color: Colors.black, width: 2),
+                        ),
+                      ),
+                      controller: amountController,
+                      keyboardType: TextInputType.number,
+                      textInputAction: TextInputAction.next,
+                      validator: (value) {
+                        if (value == null || value.isEmpty) {
+                          return 'Amount is required';
+                        }
+                        final amount = double.tryParse(value);
+                        if (amount == null || amount <= 0) {
+                          return 'Enter a valid amount';
+                        }
+                        return null;
+                      },
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 30),
+              Row(
+                children: [
+                  const Text("Transaction Mode",
+                      style: TextStyle(fontWeight: FontWeight.w500)),
+                  const SizedBox(width: 12),
+                  Expanded(child: buildTransactionModeSelector()),
+                ],
+              ),
+
+              const SizedBox(height: 45),
+              Align(
+                alignment: Alignment.center,
+                child: SizedBox(
+                  width: 250,
+                  child: ElevatedButton(
+                    style: ElevatedButton.styleFrom(
+                      shape: const StadiumBorder(),
+                      padding: const EdgeInsets.symmetric(vertical: 16),
+                      backgroundColor: Colors.blue[900],
+                      foregroundColor: Colors.white,
+                    ),
+                    onPressed: () {
+                      if (_formKey.currentState!.validate()) {
+                        // Perform payment logic
+                        final selectedMode = transactionModes[selectedTransactionIndex];
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          SnackBar(content: Text('Paying via $selectedMode...')),
+                        );
+                      }
+                    },
+                    child: const Text('Pay'),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget buildTransactionModeSelector() {
+    return Container(
+      padding: const EdgeInsets.all(4),
+      child: Row(
+        children: List.generate(transactionModes.length, (index) {
+          bool isSelected = selectedTransactionIndex == index;
+          return Expanded(
+            child: GestureDetector(
+              onTap: () {
+                setState(() => selectedTransactionIndex = index);
+              },
+              child: Container(
+                margin: const EdgeInsets.symmetric(horizontal: 4),
+                padding: const EdgeInsets.symmetric(vertical: 5),
+                decoration: BoxDecoration(
+                  color: isSelected ? Colors.blue[200] : Colors.white,
+                  borderRadius: BorderRadius.circular(5),
+                  border: Border.all(
+                    color: isSelected? Colors.blue : Colors.grey,
+                    width: isSelected ? 0 : 1.2,
+                  ),
+                ),
+                alignment: Alignment.center,
+                child: Text(
+                  transactionModes[index],
+                  style: const TextStyle(
+                    color: Colors.black,
+                  ),
+                ),
+              ),
+            ),
+          );
+        }),
+      ),
+    );
+  }
+}

lib/features/quick_pay/screens/quick_pay_screen.dart

@@ -0,0 +1,95 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/features/quick_pay/screens/quick_pay_outside_bank_screen.dart';
+import 'package:kmobile/features/quick_pay/screens/quick_pay_within_bank_screen.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class QuickPayScreen extends StatefulWidget {
+  const QuickPayScreen({super.key});
+
+  @override
+  State<QuickPayScreen> createState() => _QuickPayScreen();
+}
+
+class _QuickPayScreen extends State<QuickPayScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+        ),
+        title: const Text(
+          'Quick Pay',
+          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
+        ),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'),
+              // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+      body: ListView(
+        children: [
+          QuickPayManagementTile(
+            icon: Symbols.input_circle,
+            label: 'Own Bank',
+            onTap: () {
+              Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                      builder: (context) => const QuickPayWithinBankScreen()));
+            },
+          ),
+          const Divider(
+            height: 1,
+          ),
+          QuickPayManagementTile(
+            icon: Symbols.output_circle,
+            label: 'Outside Bank',
+            onTap: () {
+              Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                      builder: (context) => const QuickPayOutsideBankScreen()));
+            },
+          ),
+          const Divider(
+            height: 1,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class QuickPayManagementTile extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const QuickPayManagementTile({
+    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,
+    );
+  }
+}

lib/features/quick_pay/screens/quick_pay_within_bank_screen.dart

@@ -0,0 +1,207 @@
+import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class QuickPayWithinBankScreen extends StatefulWidget {
+  const QuickPayWithinBankScreen({super.key});
+
+  @override
+  State<QuickPayWithinBankScreen> createState() => _QuickPayWithinBankScreen();
+}
+
+class _QuickPayWithinBankScreen extends State<QuickPayWithinBankScreen> {
+  final _formKey = GlobalKey<FormState>();
+
+  final TextEditingController accountNumberController = TextEditingController();
+  final TextEditingController nameController = TextEditingController();
+  final TextEditingController amountController = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Symbols.arrow_back_ios_new),
+          onPressed: () {
+            Navigator.pop(context);
+          },
+        ),
+        title: const Text(
+          'Quick Pay - Own Bank',
+          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
+        ),
+        centerTitle: false,
+        actions: const [
+          Padding(
+            padding: EdgeInsets.only(right: 10.0),
+            child: CircleAvatar(
+              backgroundImage: AssetImage('assets/images/avatar.jpg'),
+              // Replace with your image
+              radius: 20,
+            ),
+          ),
+        ],
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Form(
+          key: _formKey,
+          child: Column(
+            children: [
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: 'Account Number',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: accountNumberController,
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Account number is required';
+                  } else if (value.length != 16) {
+                    return 'Enter a valid account number';
+                  }
+                  return null;
+                },
+              ),
+              const Align(
+                  alignment: Alignment.topLeft,
+                  child: Padding(
+                    padding: EdgeInsets.only(left: 15.0, top: 5),
+                    child: Text(
+                      'Beneficiary Account Number',
+                      style: TextStyle(color: Colors.black54),
+                    ),
+                  )),
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: 'Name',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: nameController,
+                keyboardType: TextInputType.name,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Name is required';
+                  }
+                  return null;
+                },
+              ),
+              const Align(
+                  alignment: Alignment.topLeft,
+                  child: Padding(
+                    padding: EdgeInsets.only(left: 15.0, top: 5),
+                    child: Text(
+                      'Beneficiary Name',
+                      style: TextStyle(color: Colors.black54),
+                    ),
+                  )),
+              const SizedBox(height: 25),
+              TextFormField(
+                decoration: const InputDecoration(
+                  labelText: 'Amount',
+                  border: OutlineInputBorder(),
+                  isDense: true,
+                  filled: true,
+                  fillColor: Colors.white,
+                  enabledBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black),
+                  ),
+                  focusedBorder: OutlineInputBorder(
+                    borderSide: BorderSide(color: Colors.black, width: 2),
+                  ),
+                ),
+                controller: amountController,
+                keyboardType: TextInputType.number,
+                textInputAction: TextInputAction.next,
+                validator: (value) {
+                  if (value == null || value.isEmpty) {
+                    return 'Amount is required';
+                  }
+                  final amount = double.tryParse(value);
+                  if (amount == null || amount <= 0) {
+                    return 'Enter a valid amount';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 45),
+              Align(
+                alignment: Alignment.center,
+                child: SizedBox(
+                  width: 250,
+                  height: 50,
+                  child: ElevatedButton(
+                    style: ElevatedButton.styleFrom(
+                      shape: const StadiumBorder(),
+                      padding: const EdgeInsets.symmetric(vertical: 16),
+                      backgroundColor: Colors.blue[900],
+                      foregroundColor: Colors.white,
+                    ),
+                    onPressed: () {
+                      if (_formKey.currentState!.validate()) {
+                        // Perform payment logic
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          const SnackBar(
+                              content: Text('Processing Payment...')),
+                        );
+                      }
+                    },
+                    child: const Text('Pay'),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget buildTextFormField({
+    required String label,
+    required TextEditingController controller,
+    TextInputType keyboardType = TextInputType.text,
+    String? Function(String?)? validator,
+  }) {
+    return TextFormField(
+      controller: controller,
+      keyboardType: keyboardType,
+      validator: validator,
+      decoration: InputDecoration(
+        labelText: label,
+        border: const OutlineInputBorder(),
+        isDense: true,
+        filled: true,
+        fillColor: Colors.white,
+        enabledBorder: const OutlineInputBorder(
+          borderSide: BorderSide(color: Colors.black),
+        ),
+        focusedBorder: const OutlineInputBorder(
+          borderSide: BorderSide(color: Colors.black, width: 2),
+        ),
+      ),
+    );
+  }
+}

pubspec.lock

@@ -130,10 +130,10 @@ packages:
     dependency: "direct main"
     description:
       name: flutter_bloc
-      sha256: "1046d719fbdf230330d3443187cc33cc11963d15c9089f6cc56faa42a4c5f0cc"
+      sha256: cf51747952201a455a1c840f8171d273be009b932c75093020f9af64f2123e38
       url: "https://pub.dev"
     source: hosted
-    version: "9.1.0"
+    version: "9.1.1"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -162,10 +162,10 @@ packages:
     dependency: transitive
     description:
       name: flutter_secure_storage_linux
-      sha256: bf7404619d7ab5c0a1151d7c4e802edad8f33535abfbeff2f9e1fe1274e2d705
+      sha256: be76c1d24a97d0b98f8b54bce6b481a380a6590df992d0098f868ad54dc8f688
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.2"
+    version: "1.2.3"
   flutter_secure_storage_macos:
     dependency: transitive
     description:
@@ -236,10 +236,10 @@ packages:
     dependency: transitive
     description:
       name: http
-      sha256: fe7ab022b76f3034adc518fb6ea04a82387620e19977665ea18d30a1cf43442f
+      sha256: "2c11f3f94c687ee9bad77c171151672986360b2b001d109814ee7140b2cf261b"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.0"
   http_parser:
     dependency: transitive
     description:
@@ -393,7 +393,7 @@ packages:
     source: hosted
     version: "1.1.0"
   path_provider:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: path_provider
       sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
@@ -468,10 +468,18 @@ packages:
     dependency: transitive
     description:
       name: provider
-      sha256: "489024f942069c2920c844ee18bb3d467c69e48955a4f32d1677f71be103e310"
+      sha256: "4abbd070a04e9ddc287673bf5a030c7ca8b685ff70218720abab8b092f53dd84"
       url: "https://pub.dev"
     source: hosted
-    version: "6.1.4"
+    version: "6.1.5"
+  screenshot:
+    dependency: "direct main"
+    description:
+      name: screenshot
+      sha256: "63817697a7835e6ce82add4228e15d233b74d42975c143ad8cfe07009fab866b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.0"
   shared_preferences:
     dependency: "direct main"
     description:
@@ -533,6 +541,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  social_share:
+    dependency: "direct main"
+    description:
+      name: social_share
+      sha256: eb19a0f6f5a29c7bb71e5bb1991145eb52472184363b6e2da70695befd8be041
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.1"
   source_span:
     dependency: transitive
     description:
@@ -589,6 +605,70 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.4.0"
+  url_launcher:
+    dependency: "direct main"
+    description:
+      name: url_launcher
+      sha256: "9d06212b1362abc2f0f0d78e6f09f726608c74e3b9462e8368bb03314aa8d603"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.1"
+  url_launcher_android:
+    dependency: transitive
+    description:
+      name: url_launcher_android
+      sha256: "8582d7f6fe14d2652b4c45c9b6c14c0b678c2af2d083a11b604caeba51930d79"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.16"
+  url_launcher_ios:
+    dependency: transitive
+    description:
+      name: url_launcher_ios
+      sha256: "7f2022359d4c099eea7df3fdf739f7d3d3b9faf3166fb1dd390775176e0b76cb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.3.3"
+  url_launcher_linux:
+    dependency: transitive
+    description:
+      name: url_launcher_linux
+      sha256: "4e9ba368772369e3e08f231d2301b4ef72b9ff87c31192ef471b380ef29a4935"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.1"
+  url_launcher_macos:
+    dependency: transitive
+    description:
+      name: url_launcher_macos
+      sha256: "17ba2000b847f334f16626a574c702b196723af2a289e7a93ffcb79acff855c2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.2"
+  url_launcher_platform_interface:
+    dependency: transitive
+    description:
+      name: url_launcher_platform_interface
+      sha256: "552f8a1e663569be95a8190206a38187b531910283c3e982193e4f2733f01029"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  url_launcher_web:
+    dependency: transitive
+    description:
+      name: url_launcher_web
+      sha256: "4bd2b7b4dc4d4d0b94e5babfffbca8eac1a126c7f3d6ecbc1a11013faa3abba2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  url_launcher_windows:
+    dependency: transitive
+    description:
+      name: url_launcher_windows
+      sha256: "3284b6d2ac454cf34f114e1d3319866fdd1e19cdc329999057e44ffe936cfa77"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.4"
   vector_graphics:
     dependency: transitive
     description:
@@ -641,10 +721,10 @@ packages:
     dependency: transitive
     description:
       name: win32
-      sha256: dc6ecaa00a7c708e5b4d10ee7bec8c270e9276dfcab1783f57e9962d7884305f
+      sha256: "329edf97fdd893e0f1e3b9e88d6a0e627128cc17cc316a8d67fda8f1451178ba"
       url: "https://pub.dev"
     source: hosted
-    version: "5.12.0"
+    version: "5.13.0"
   xdg_directories:
     dependency: transitive
     description:

pubspec.yaml

@@ -46,6 +46,11 @@ dependencies:
   local_auth: ^2.3.0
   material_symbols_icons: ^4.2815.0
   shared_preferences: ^2.5.3
+  url_launcher: ^6.3.1
+  social_share: ^2.3.1
+  screenshot: ^3.0.0
+  path_provider: ^2.1.5
+
 
 dev_dependencies:
   flutter_test: