diff --git a/Frontend/lib/mih_packages/mzansi_wallet/mzansi_wallet.dart b/Frontend/lib/mih_packages/mzansi_wallet/mzansi_wallet.dart
new file mode 100644
index 00000000..02089d2e
--- /dev/null
+++ b/Frontend/lib/mih_packages/mzansi_wallet/mzansi_wallet.dart
@@ -0,0 +1,178 @@
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_action.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_body.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_header.dart';
+import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_layout_builder.dart';
+import 'package:Mzansi_Innovation_Hub/mih_objects/app_user.dart';
+import 'package:Mzansi_Innovation_Hub/mih_packages/mzansi_wallet/loyalty_cards.dart';
+import 'package:flutter/material.dart';
+
+class MzansiWallet extends StatefulWidget {
+  final AppUser signedInUser;
+  const MzansiWallet({
+    super.key,
+    required this.signedInUser,
+  });
+
+  @override
+  State<MzansiWallet> createState() => _MzansiWalletState();
+}
+
+class _MzansiWalletState extends State<MzansiWallet> {
+  int _selectedIndex = 0;
+
+  MIHAction getActionButton() {
+    return MIHAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        Navigator.of(context).pop();
+        Navigator.of(context).popAndPushNamed(
+          '/',
+          arguments: true,
+        );
+      },
+    );
+  }
+
+  MIHHeader getHeader() {
+    return const MIHHeader(
+      headerAlignment: MainAxisAlignment.center,
+      headerItems: [
+        Text(
+          "",
+          style: TextStyle(
+            fontWeight: FontWeight.bold,
+            fontSize: 25,
+          ),
+        ),
+      ],
+    );
+  }
+
+  MIHHeader getSecAction() {
+    return MIHHeader(
+      headerAlignment: MainAxisAlignment.end,
+      headerItems: [
+        //============ Patient Details ================
+        Visibility(
+          visible: _selectedIndex != 0,
+          child: IconButton(
+            onPressed: () {
+              setState(() {
+                _selectedIndex = 0;
+              });
+            },
+            icon: const Icon(
+              Icons.card_membership,
+              size: 35,
+            ),
+          ),
+        ),
+        Visibility(
+          visible: _selectedIndex == 0,
+          child: IconButton.filled(
+            iconSize: 35,
+            onPressed: () {
+              setState(() {
+                _selectedIndex = 0;
+              });
+            },
+            icon: const Icon(
+              Icons.card_membership,
+            ),
+          ),
+        ),
+        //============ Patient Notes ================
+        // Visibility(
+        //   visible: _selectedIndex != 1,
+        //   child: IconButton(
+        //     onPressed: () {
+        //       setState(() {
+        //         _selectedIndex = 1;
+        //       });
+        //     },
+        //     icon: const Icon(
+        //       Icons.article_outlined,
+        //       size: 35,
+        //     ),
+        //   ),
+        // ),
+        // Visibility(
+        //   visible: _selectedIndex == 1,
+        //   child: IconButton.filled(
+        //     onPressed: () {
+        //       setState(() {
+        //         _selectedIndex = 1;
+        //       });
+        //     },
+        //     icon: const Icon(
+        //       Icons.article_outlined,
+        //       size: 35,
+        //     ),
+        //   ),
+        // ),
+        // //============ Patient Files ================
+        // Visibility(
+        //   visible: _selectedIndex != 2,
+        //   child: IconButton(
+        //     onPressed: () {
+        //       setState(() {
+        //         _selectedIndex = 2;
+        //       });
+        //     },
+        //     icon: const Icon(
+        //       Icons.file_present,
+        //       size: 35,
+        //     ),
+        //   ),
+        // ),
+        // Visibility(
+        //   visible: _selectedIndex == 2,
+        //   child: IconButton.filled(
+        //     onPressed: () {
+        //       setState(() {
+        //         _selectedIndex = 2;
+        //       });
+        //     },
+        //     icon: const Icon(
+        //       Icons.file_present,
+        //       size: 35,
+        //     ),
+        //   ),
+        // ),
+      ],
+    );
+  }
+
+  MIHBody getBody() {
+    return MIHBody(
+      borderOn: true,
+      bodyItems: [showSelection(_selectedIndex)],
+    );
+  }
+
+  Widget showSelection(int index) {
+    if (index == 0) {
+      return LoyaltyCards(signedInUser: widget.signedInUser);
+    } else if (index == 1) {
+      return const Placeholder();
+    } else {
+      return const Placeholder();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MIHLayoutBuilder(
+      actionButton: getActionButton(),
+      header: getHeader(),
+      secondaryActionButton: getSecAction(),
+      body: getBody(),
+      actionDrawer: null,
+      secondaryActionDrawer: null,
+      bottomNavBar: null,
+      pullDownToRefresh: false,
+      onPullDown: () async {},
+    );
+  }
+}