diff --git a/Frontend/lib/mih_components/mih_package_components/assets/fonts/MihIcons.ttf b/Frontend/lib/mih_components/mih_package_components/assets/fonts/MihIcons.ttf
new file mode 100644
index 00000000..91ffc360
Binary files /dev/null and b/Frontend/lib/mih_components/mih_package_components/assets/fonts/MihIcons.ttf differ
diff --git a/Frontend/lib/mih_components/mih_package_components/assets/fonts/config.json b/Frontend/lib/mih_components/mih_package_components/assets/fonts/config.json
new file mode 100644
index 00000000..8e0fc0b5
--- /dev/null
+++ b/Frontend/lib/mih_components/mih_package_components/assets/fonts/config.json
@@ -0,0 +1,52 @@
+{
+  "name": "MihIcons",
+  "css_prefix_text": "",
+  "css_use_suffix": false,
+  "hinting": true,
+  "units_per_em": 1000,
+  "ascent": 850,
+  "glyphs": [
+    {
+      "uid": "8ced86ba08cfb96e6caec0bd09984a2f",
+      "css": "logo_black_1",
+      "code": 59392,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M485.2 15.8C469.5 19.3 463.1 34.2 471.9 46.3 477.7 54.5 494.1 61.9 509.4 63.7 528.5 65.6 602.5 57.4 608 52.7 610 51 586.3 33.4 572.7 26.6 555.7 18 535.2 13.7 512.9 13.9 502 14.1 489.6 14.8 485.2 15.8ZM450.2 24.8C439.3 30.7 434.6 35.2 420.9 53.3 400.4 80.3 392.2 84.4 347.7 89.6 335 91.2 325.4 93.7 317.4 97.5 305.1 103.3 288.3 116.4 290 119.1 292.2 122.5 318.8 126 342.8 125.8 380.3 125.8 393.6 121.3 433 95.9 444.1 88.7 451.8 85.2 457.6 84.6 465.4 83.6 467.6 84.6 483.8 95.3 506.6 110.4 516 113.5 540.2 114.6 563.9 116 579.5 113.5 607.2 104.3 644.1 92.2 657.6 92.2 682 104.7 717.2 122.9 719.5 123.6 745.7 126.2 754.3 127 759.8 126.8 759.8 125.6 759.8 121.1 746.7 104.5 733.4 92.2 697.7 58.8 660.2 50.6 594.5 61.5 532.6 71.9 501.8 71.9 481.8 61.1 467.8 53.5 462.3 44.9 463.3 31.6 464.1 22.5 463.9 21.5 460.2 21.5 457.8 21.7 453.5 23 450.2 24.8ZM340.8 46.9C292.8 52.1 260 73.8 232.8 118.6 216 146.1 205.9 155.5 177.5 169.9 140.6 188.7 133 198 132.8 223.4L132.8 236.9 143.2 235.5C158.4 233.4 180.9 225.4 196.3 216.4 216.2 204.7 240 179.7 261.5 148 282.8 116.4 296.7 101.8 312.1 94.1 325.8 87.1 328.5 86.5 356.8 83 383.6 79.7 396.7 74.2 407.2 62.1 410.9 57.6 414.1 53.3 414.1 52.5 414.1 50.2 408.6 49 385.7 46.9 362.3 44.7 360.9 44.7 340.8 46.9ZM633.2 101.8C626 103.5 625.2 104.1 627 107.4 629.7 112.5 653.7 132.4 671.5 144.5 686.3 154.7 693.9 157.4 748.8 172.7 782.6 182.2 805.1 192.2 836.3 212.3 869.3 233.2 888.7 243.4 888.7 239.5 888.7 232.4 878.7 210.4 870.3 198.4 844.3 162.1 786.9 130.9 745.9 130.9 727.3 130.9 715.2 127.3 688.5 114.1 661.1 100.4 649.8 97.9 633.2 101.8ZM169.1 122.3C138.7 129.7 106.3 154.9 92.4 181.8L86.9 192.4 86.9 240.2C86.7 266.6 85.9 290.6 85.2 293.9 84.2 297.1 79.5 308.6 74.6 319.3 67.4 335 65.6 341.4 64.8 352.9 63.9 369.3 65.4 370.5 77.9 362.9 113.9 341 133.8 299.6 129.7 254.9 128.9 245.3 128.1 230.3 128.1 221.7 128.1 195.3 135.7 185.5 170.9 167.6 196.7 154.5 207.4 146.5 216.8 133.2 221.1 127.3 224.6 121.7 224.6 120.7 224.6 118.2 181.6 119.3 169.1 122.3ZM761.5 185.2C767.8 196.9 790.6 224.6 810.4 244.3 834.6 268.6 851.8 281.1 877.9 293.2 905.5 305.9 911.7 313.5 922.3 347.7 929.1 368.9 934.8 380.9 943 390.6L948.8 397.5 951.2 389.6C952.3 385.4 953.9 372.1 954.5 360.2 955.7 335 953.3 323.8 941.2 300.8 927.1 273.8 915.6 263.5 874 240.8 862.3 234.4 844.1 223.6 834 216.8 809.8 201 785.7 189.3 764.1 182.6 760 181.4 759.6 181.6 761.5 185.2ZM540.6 219.1L540 251 532.8 266.6C528.9 275.2 523.4 291.2 520.5 302.3 515.6 322.3 505.5 350.4 501.6 354.9 498.2 359 494.1 357.8 494.1 352.9 494.1 349 491.2 346.9 476.4 339.8 464.3 334 455.9 331.4 449.8 331.3 442 331.1 440.4 331.8 433.6 339.1 414.8 359.2 421.5 386.7 445.1 386.7 449.8 386.7 451.4 387.5 450.6 389.3 445.1 403.5 436.3 437.1 430.7 465.8 423.6 500.6 423.4 501.2 424.8 534.2 426.2 565.6 425.8 570.7 420.7 588.3 419.1 593.6 427 592.8 430.7 587.3 433.4 583 438.7 545.3 442.4 501 443.8 486.9 448.6 467.8 453.5 458.2 455.3 455.1 456.3 455.9 460.9 465 463.9 470.9 468.6 479.9 471.5 485.2 477.9 497.3 477.9 506.8 471.7 525.4 465.8 542.8 465.8 543.4 470.7 585.9 475.4 626 482.4 763.7 480.3 772.3 479.5 775.6 477.7 781.1 476.4 784.6 472.9 793.2 476.4 796.5 497.9 805.7 518.2 814.1 526 814.3 527 806.3 527.3 802.3 525.8 799.4 519.5 793.6 506.1 781.3 504.9 777.7 505.3 751 505.3 738.1 507.4 715.6 509.6 701.2 511.7 686.7 513.7 667.2 513.7 658 513.7 648.8 514.8 631.8 516.4 619.9 520.3 590.6 520.5 466.8 516.8 425.6 513.7 392.8 514.3 386.9 522.5 367.4 525.4 360.5 529.7 347.1 532.2 337.1 534.8 327.3 538.1 315.4 539.8 310.5 541.4 305.7 544.9 290.8 547.7 277.3 550.6 263.9 554.7 247.9 557 241.8L560.9 230.5 556.6 213.5C552.1 195.1 548.4 187.5 544.1 187.5 541.8 187.5 541.2 193.8 540.6 219.1ZM61.1 256.4C43.8 274.6 29.7 296.5 23 316.4 19.5 326.6 18.8 333.2 18.9 348.6 19.3 380.1 23.2 395.5 40.6 436.7 49.2 457 57.4 477.3 58.6 482 61.5 493.2 59.6 498.8 44.7 521.7 19.1 561.5 12.7 583 14.1 624.6 15 653.9 19.3 668.6 34.4 693 43.6 707.6 84.8 751.8 87.1 749.4 88.7 747.9 84 733.8 68.2 693 52.7 653.5 50 639.3 52.9 617.4 56.3 594.3 60.5 584.6 89.5 537.5 100 520.1 103.5 508.6 103.5 490 103.5 472.3 100.6 463.1 83 425.8 62.1 381.2 59.8 373.8 59.8 354.5 59.8 340 60.5 337.5 68.9 319.3 73.8 308.6 78.9 295.3 80.1 289.8 82.6 277.7 81.8 241.8 78.9 240.8 77.7 240.4 69.7 247.5 61.1 256.4ZM872.1 302.7C870.5 310 874 334.8 879.1 353.5 887.1 382.2 901 404.7 925.6 428.5 940.2 442.8 949.2 459.6 949.2 473 949.2 483.8 950.2 484.2 962.9 478.3 973.8 473.4 977.9 469.7 982.6 460.5 990.2 445.5 989.1 443.2 960.2 415 931.3 386.7 926.2 379.1 917 348.6 914.1 338.9 910 327.9 908 324 903.5 315.2 891.2 304.3 881.1 300.4L873.2 297.3 872.1 302.7ZM16.4 420.3C9.6 428.5 4.7 440 1.8 455.1-1.2 470.1 0.6 516.4 4.7 530.9 7.8 542.4 14.1 555.1 16.8 556.1 17.8 556.4 21.1 551.8 24.2 545.7 27.3 539.8 35.2 526.8 41.4 517 47.7 507 53.5 496.9 54.1 494.1 54.9 491.2 53.3 483.8 50.2 474.6 43.4 454.9 25.4 414.1 23.4 414.1 22.5 414.1 19.5 417 16.4 420.3ZM914.6 438.7C902.3 467.4 897.5 495.5 899 526 900.6 554.5 906.3 582.8 915.6 610 929.1 648.2 931.1 677 921.3 697.9 918.8 703.5 910.7 715.2 903.7 723.8 896.7 732.6 887.3 745.1 883 751.8 875.6 763.3 866.2 786.7 868.2 788.7 869.9 790.6 883.8 785.2 896.5 777.9 912.3 768.6 944.3 737.3 953.5 721.7 965.4 702 969.3 687.7 969.1 664.1 969.1 640.2 966.6 625.8 954.5 583 940.4 533.2 939.5 525.8 942.4 486.3 944.1 460.4 942.6 455.5 927.3 438.5L918.8 429.1 914.6 438.7ZM987.1 464.1C982.2 474.4 968.2 483.8 952.7 487.1 947.9 488.3 947.5 489.1 946.3 502.5 944.7 518.2 948.2 543 955.1 565 958.8 576.8 959.6 577.9 962.9 576.2 969.3 572.7 982.4 555.9 989.3 542 997.3 526.2 1000 513.1 1000 492.6 1000 478.5 995.1 457 992 457 991 457 988.9 460.2 987.1 464.1ZM58.8 608.2C55.9 620.1 56.1 645.3 59.4 657.2 60.7 662.5 66 676.6 70.9 688.5 75.8 700.2 83.8 721.7 88.7 735.9 100.2 769.3 107.6 783.4 121.7 797.5 145.5 821.5 171.1 834.4 222.3 848.8 250.8 856.8 253.9 858.4 273.2 872.3 281.1 878.1 292 884.2 297.5 885.7 308 888.9 339.8 889.8 339.8 886.9 339.8 884.6 308.2 857.4 293 846.7 272.3 832 250.8 821.3 222.7 811.5 192 800.8 182.6 796.3 168 785.4 147.1 769.5 131.3 744.1 116.2 701.2 106.3 673.2 90 639.5 77.3 620.1 62.5 598 61.5 597.5 58.8 608.2ZM912.1 676.8C907.2 681.6 894.1 692 882.8 699.8 871.5 707.4 858.6 717.4 854.1 721.9 843.4 732.6 832.8 754.1 820.3 790.2 807.8 826 797.3 847.1 779.3 870.7 771.9 880.9 765.6 889.5 765.6 890 765.6 890.6 769.1 890.6 773.6 889.8 806.8 884.6 842 842.4 862.9 782.8 870.9 760.2 874.4 753.7 889.1 734.4 895.9 725.6 904.7 713.7 908.8 708.4 916.6 697.9 922.5 681.2 921.5 672.9 920.9 667.8 920.7 668 912.1 676.8ZM132.8 729.1C132.8 734.2 150.8 761.9 160.5 772.1 166.2 777.7 176.6 785.7 183.6 789.5 197.1 796.9 230.5 809.4 230.5 807 230.5 803.7 210.2 778.9 201.6 771.9 192.2 764.1 136.3 726.6 134 726.6 133.4 726.6 132.8 727.7 132.8 729.1ZM793.8 805.3C769.7 818 752 831.8 715.8 867.2 677.1 904.9 671.9 908 636.7 915.2 623.2 918 606.3 922.9 598.6 926 585.4 931.4 560.5 946.9 560.5 949.6 560.5 951.6 565.4 952.7 581.1 955.1 617.2 960.2 660.4 954.9 690.6 941.4 726.6 925.4 770.9 881.1 794.5 837.5 803.3 821.1 811.3 801.8 810.2 799 810 798 802.5 800.8 793.8 805.3ZM194.1 851.2C201.4 865 241 899.8 260.9 910 274.6 916.6 296.1 921.7 322.1 924 350.6 926.6 372.5 924.2 412.9 914.1 438.1 907.8 459.6 906.4 473.6 910.4 478.3 911.7 484.8 916 490 921.3 500.2 931.3 499.8 931.3 518.4 916.6 531.6 906.1 531.8 906.4 508.8 895.3 477 880.1 441 876.6 396.5 884.8 336.1 895.7 307.8 896.7 289.6 888.7 284.8 886.5 274.8 880.5 267.6 875 252 863.3 247.5 861.3 218.8 853.3 206.6 850 195.3 846.9 193.8 846.3 191.4 845.3 191.6 846.1 194.1 851.2ZM604.5 875.8C579.7 880.5 557.8 891.8 529.1 915 518.9 923 503.3 933.4 494.1 937.9 485 942.4 471.5 949.8 464.1 954.5 450.8 963.1 429.7 981.4 429.7 984.6 429.7 985.5 438.9 986.3 450.4 986.3 492 986.3 518 976.2 558.6 943.4 580.3 926 602.3 916.4 635.5 910 656.4 906.1 674.8 898.4 685.2 889.6 693 883 692.4 882.4 671.5 878.1 650 873.6 620.7 872.7 604.5 875.8ZM440.4 913.5C437.3 913.9 424 916.8 411.1 919.9 398.2 923 381.8 926.6 374.6 927.9L361.5 930.1 366.4 939.8C376 958.8 392.6 973.2 411.9 979.7L422.1 983 434.2 971.1C447.3 958.6 469.1 943.6 483.4 937.3 488.3 935.2 492.2 932.6 492.2 931.8 492.2 928.9 481.6 919.3 475.6 916.8 468.8 914.1 449.2 912.1 440.4 913.5Z",
+        "width": 1000
+      },
+      "search": [
+        "logo_black_1"
+      ]
+    },
+    {
+      "uid": "501d764c5835b5aaed8b3835e1fd03ca",
+      "css": "mih_frame_black_1",
+      "code": 59393,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M485.2 15.8C469.5 19.3 463.1 34.2 471.9 46.3 477.7 54.5 494.1 61.9 509.4 63.7 528.5 65.6 602.5 57.4 608 52.7 610 51 586.3 33.4 572.7 26.6 555.7 18 535.2 13.7 512.9 13.9 502 14.1 489.6 14.8 485.2 15.8ZM450.2 24.8C439.3 30.7 434.6 35.2 420.9 53.3 400.4 80.3 392.2 84.4 347.7 89.6 335 91.2 325.4 93.7 317.4 97.5 305.1 103.3 288.3 116.4 290 119.1 292.2 122.5 318.8 126 342.8 125.8 380.3 125.8 393.6 121.3 433 95.9 444.1 88.7 451.8 85.2 457.6 84.6 465.4 83.6 467.6 84.6 483.8 95.3 506.6 110.4 516 113.5 540.2 114.6 563.9 116 579.5 113.5 607.2 104.3 644.1 92.2 657.6 92.2 682 104.7 717.2 122.9 719.5 123.6 745.7 126.2 754.3 127 759.8 126.8 759.8 125.6 759.8 121.1 746.7 104.5 733.4 92.2 697.7 58.8 660.2 50.6 594.5 61.5 532.6 71.9 501.8 71.9 481.8 61.1 467.8 53.5 462.3 44.9 463.3 31.6 464.1 22.5 463.9 21.5 460.2 21.5 457.8 21.7 453.5 23 450.2 24.8ZM340.8 46.9C292.8 52.1 260 73.8 232.8 118.6 216 146.1 205.9 155.5 177.5 169.9 140.6 188.7 133 198 132.8 223.4L132.8 236.9 143.2 235.5C158.4 233.4 180.9 225.4 196.3 216.4 216.2 204.7 240 179.7 261.5 148 282.8 116.4 296.7 101.8 312.1 94.1 325.8 87.1 328.5 86.5 356.8 83 383.6 79.7 396.7 74.2 407.2 62.1 410.9 57.6 414.1 53.3 414.1 52.5 414.1 50.2 408.6 49 385.7 46.9 362.3 44.7 360.9 44.7 340.8 46.9ZM633.2 101.8C626 103.5 625.2 104.1 627 107.4 629.7 112.5 653.7 132.4 671.5 144.5 686.3 154.7 693.9 157.4 748.8 172.7 782.6 182.2 805.1 192.2 836.3 212.3 869.3 233.2 888.7 243.4 888.7 239.5 888.7 232.4 878.7 210.4 870.3 198.4 844.3 162.1 786.9 130.9 745.9 130.9 727.3 130.9 715.2 127.3 688.5 114.1 661.1 100.4 649.8 97.9 633.2 101.8ZM169.1 122.3C138.7 129.7 106.3 154.9 92.4 181.8L86.9 192.4 86.9 240.2C86.7 266.6 85.9 290.6 85.2 293.9 84.2 297.1 79.5 308.6 74.6 319.3 67.4 335 65.6 341.4 64.8 352.9 63.9 369.3 65.4 370.5 77.9 362.9 113.9 341 133.8 299.6 129.7 254.9 128.9 245.3 128.1 230.3 128.1 221.7 128.1 195.3 135.7 185.5 170.9 167.6 196.7 154.5 207.4 146.5 216.8 133.2 221.1 127.3 224.6 121.7 224.6 120.7 224.6 118.2 181.6 119.3 169.1 122.3ZM761.5 185.2C767.8 196.9 790.6 224.6 810.4 244.3 834.6 268.6 851.8 281.1 877.9 293.2 905.5 305.9 911.7 313.5 922.3 347.7 929.1 368.9 934.8 380.9 943 390.6L948.8 397.5 951.2 389.6C952.3 385.4 953.9 372.1 954.5 360.2 955.7 335 953.3 323.8 941.2 300.8 927.1 273.8 915.6 263.5 874 240.8 862.3 234.4 844.1 223.6 834 216.8 809.8 201 785.7 189.3 764.1 182.6 760 181.4 759.6 181.6 761.5 185.2ZM61.1 256.4C43.8 274.6 29.7 296.5 23 316.4 19.5 326.6 18.8 333.2 18.9 348.6 19.3 380.1 23.2 395.5 40.6 436.7 49.2 457 57.4 477.3 58.6 482 61.5 493.2 59.6 498.8 44.7 521.7 19.1 561.5 12.7 583 14.1 624.6 15 653.9 19.3 668.6 34.4 693 43.6 707.6 84.8 751.8 87.1 749.4 88.7 747.9 84 733.8 68.2 693 52.7 653.5 50 639.3 52.9 617.4 56.3 594.3 60.5 584.6 89.5 537.5 100 520.1 103.5 508.6 103.5 490 103.5 472.3 100.6 463.1 83 425.8 62.1 381.2 59.8 373.8 59.8 354.5 59.8 340 60.5 337.5 68.9 319.3 73.8 308.6 78.9 295.3 80.1 289.8 82.6 277.7 81.8 241.8 78.9 240.8 77.7 240.4 69.7 247.5 61.1 256.4ZM872.1 302.7C870.5 310 874 334.8 879.1 353.5 887.1 382.2 901 404.7 925.6 428.5 940.2 442.8 949.2 459.6 949.2 473 949.2 483.8 950.2 484.2 962.9 478.3 973.8 473.4 977.9 469.7 982.6 460.5 990.2 445.5 989.1 443.2 960.2 415 931.3 386.7 926.2 379.1 917 348.6 914.1 338.9 910 327.9 908 324 903.5 315.2 891.2 304.3 881.1 300.4L873.2 297.3 872.1 302.7ZM16.4 420.3C9.6 428.5 4.7 440 1.8 455.1-1.2 470.1 0.6 516.4 4.7 530.9 7.8 542.4 14.1 555.1 16.8 556.1 17.8 556.4 21.1 551.8 24.2 545.7 27.3 539.8 35.2 526.8 41.4 517 47.7 507 53.5 496.9 54.1 494.1 54.9 491.2 53.3 483.8 50.2 474.6 43.4 454.9 25.4 414.1 23.4 414.1 22.5 414.1 19.5 417 16.4 420.3ZM914.6 438.7C902.3 467.4 897.5 495.5 899 526 900.6 554.5 906.3 582.8 915.6 610 929.1 648.2 931.1 677 921.3 697.9 918.8 703.5 910.7 715.2 903.7 723.8 896.7 732.6 887.3 745.1 883 751.8 875.6 763.3 866.2 786.7 868.2 788.7 869.9 790.6 883.8 785.2 896.5 777.9 912.3 768.6 944.3 737.3 953.5 721.7 965.4 702 969.3 687.7 969.1 664.1 969.1 640.2 966.6 625.8 954.5 583 940.4 533.2 939.5 525.8 942.4 486.3 944.1 460.4 942.6 455.5 927.3 438.5L918.8 429.1 914.6 438.7ZM987.1 464.1C982.2 474.4 968.2 483.8 952.7 487.1 947.9 488.3 947.5 489.1 946.3 502.5 944.7 518.2 948.2 543 955.1 565 958.8 576.8 959.6 577.9 962.9 576.2 969.3 572.7 982.4 555.9 989.3 542 997.3 526.2 1000 513.1 1000 492.6 1000 478.5 995.1 457 992 457 991 457 988.9 460.2 987.1 464.1ZM58.8 608.2C55.9 620.1 56.1 645.3 59.4 657.2 60.7 662.5 66 676.6 70.9 688.5 75.8 700.2 83.8 721.7 88.7 735.9 100.2 769.3 107.6 783.4 121.7 797.5 145.5 821.5 171.1 834.4 222.3 848.8 250.8 856.8 253.9 858.4 273.2 872.3 281.1 878.1 292 884.2 297.5 885.7 308 888.9 339.8 889.8 339.8 886.9 339.8 884.6 308.2 857.4 293 846.7 272.3 832 250.8 821.3 222.7 811.5 192 800.8 182.6 796.3 168 785.4 147.1 769.5 131.3 744.1 116.2 701.2 106.3 673.2 90 639.5 77.3 620.1 62.5 598 61.5 597.5 58.8 608.2ZM912.1 676.8C907.2 681.6 894.1 692 882.8 699.8 871.5 707.4 858.6 717.4 854.1 721.9 843.4 732.6 832.8 754.1 820.3 790.2 807.8 826 797.3 847.1 779.3 870.7 771.9 880.9 765.6 889.5 765.6 890 765.6 890.6 769.1 890.6 773.6 889.8 806.8 884.6 842 842.4 862.9 782.8 870.9 760.2 874.4 753.7 889.1 734.4 895.9 725.6 904.7 713.7 908.8 708.4 916.6 697.9 922.5 681.2 921.5 672.9 920.9 667.8 920.7 668 912.1 676.8ZM132.8 729.1C132.8 734.2 150.8 761.9 160.5 772.1 166.2 777.7 176.6 785.7 183.6 789.5 197.1 796.9 230.5 809.4 230.5 807 230.5 803.7 210.2 778.9 201.6 771.9 192.2 764.1 136.3 726.6 134 726.6 133.4 726.6 132.8 727.7 132.8 729.1ZM793.8 805.3C769.7 818 752 831.8 715.8 867.2 677.1 904.9 671.9 908 636.7 915.2 623.2 918 606.3 922.9 598.6 926 585.4 931.4 560.5 946.9 560.5 949.6 560.5 951.6 565.4 952.7 581.1 955.1 617.2 960.2 660.4 954.9 690.6 941.4 726.6 925.4 770.9 881.1 794.5 837.5 803.3 821.1 811.3 801.8 810.2 799 810 798 802.5 800.8 793.8 805.3ZM194.1 851.2C201.4 865 241 899.8 260.9 910 274.6 916.6 296.1 921.7 322.1 924 350.6 926.6 372.5 924.2 412.9 914.1 438.1 907.8 459.6 906.4 473.6 910.4 478.3 911.7 484.8 916 490 921.3 500.2 931.3 499.8 931.3 518.4 916.6 531.6 906.1 531.8 906.4 508.8 895.3 477 880.1 441 876.6 396.5 884.8 336.1 895.7 307.8 896.7 289.6 888.7 284.8 886.5 274.8 880.5 267.6 875 252 863.3 247.5 861.3 218.8 853.3 206.6 850 195.3 846.9 193.8 846.3 191.4 845.3 191.6 846.1 194.1 851.2ZM604.5 875.8C579.7 880.5 557.8 891.8 529.1 915 518.9 923 503.3 933.4 494.1 937.9 485 942.4 471.5 949.8 464.1 954.5 450.8 963.1 429.7 981.4 429.7 984.6 429.7 985.5 438.9 986.3 450.4 986.3 492 986.3 518 976.2 558.6 943.4 580.3 926 602.3 916.4 635.5 910 656.4 906.1 674.8 898.4 685.2 889.6 693 883 692.4 882.4 671.5 878.1 650 873.6 620.7 872.7 604.5 875.8ZM440.4 913.5C437.3 913.9 424 916.8 411.1 919.9 398.2 923 381.8 926.6 374.6 927.9L361.5 930.1 366.4 939.8C376 958.8 392.6 973.2 411.9 979.7L422.1 983 434.2 971.1C447.3 958.6 469.1 943.6 483.4 937.3 488.3 935.2 492.2 932.6 492.2 931.8 492.2 928.9 481.6 919.3 475.6 916.8 468.8 914.1 449.2 912.1 440.4 913.5Z",
+        "width": 1000
+      },
+      "search": [
+        "mih_frame_black_1"
+      ]
+    },
+    {
+      "uid": "ddebc6ab9b2f28059bfb1f85c9114b83",
+      "css": "mzansi_ai-black_1",
+      "code": 59394,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M485.2 15.8C469.5 19.3 463.1 34.2 471.9 46.3 477.7 54.5 494.1 61.9 509.4 63.7 528.5 65.6 602.5 57.4 608 52.7 610 51 586.3 33.4 572.7 26.6 555.7 18 535.2 13.7 512.9 13.9 502 14.1 489.6 14.8 485.2 15.8ZM450.2 24.8C439.3 30.7 434.6 35.2 420.9 53.3 400.4 80.3 392.2 84.4 347.7 89.6 335 91.2 325.4 93.7 317.4 97.5 305.1 103.3 288.3 116.4 290 119.1 292.2 122.5 318.8 126 342.8 125.8 380.3 125.8 393.6 121.3 433 95.9 444.1 88.7 451.8 85.2 457.6 84.6 465.4 83.6 467.6 84.6 483.8 95.3 506.6 110.4 516 113.5 540.2 114.6 563.9 116 579.5 113.5 607.2 104.3 644.1 92.2 657.6 92.2 682 104.7 717.2 122.9 719.5 123.6 745.7 126.2 754.3 127 759.8 126.8 759.8 125.6 759.8 121.1 746.7 104.5 733.4 92.2 697.7 58.8 660.2 50.6 594.5 61.5 532.6 71.9 501.8 71.9 481.8 61.1 467.8 53.5 462.3 44.9 463.3 31.6 464.1 22.5 463.9 21.5 460.2 21.5 457.8 21.7 453.5 23 450.2 24.8ZM340.8 46.9C292.8 52.1 260 73.8 232.8 118.6 216 146.1 205.9 155.5 177.5 169.9 140.6 188.7 133 198 132.8 223.4L132.8 236.9 143.2 235.5C158.4 233.4 180.9 225.4 196.3 216.4 216.2 204.7 240 179.7 261.5 148 282.8 116.4 296.7 101.8 312.1 94.1 325.8 87.1 328.5 86.5 356.8 83 383.6 79.7 396.7 74.2 407.2 62.1 410.9 57.6 414.1 53.3 414.1 52.5 414.1 50.2 408.6 49 385.7 46.9 362.3 44.7 360.9 44.7 340.8 46.9ZM633.2 101.8C626 103.5 625.2 104.1 627 107.4 629.7 112.5 653.7 132.4 671.5 144.5 686.3 154.7 693.9 157.4 748.8 172.7 782.6 182.2 805.1 192.2 836.3 212.3 869.3 233.2 888.7 243.4 888.7 239.5 888.7 232.4 878.7 210.4 870.3 198.4 844.3 162.1 786.9 130.9 745.9 130.9 727.3 130.9 715.2 127.3 688.5 114.1 661.1 100.4 649.8 97.9 633.2 101.8ZM169.1 122.3C138.7 129.7 106.3 154.9 92.4 181.8L86.9 192.4 86.9 240.2C86.7 266.6 85.9 290.6 85.2 293.9 84.2 297.1 79.5 308.6 74.6 319.3 67.4 335 65.6 341.4 64.8 352.9 63.9 369.3 65.4 370.5 77.9 362.9 113.9 341 133.8 299.6 129.7 254.9 128.9 245.3 128.1 230.3 128.1 221.7 128.1 195.3 135.7 185.5 170.9 167.6 196.7 154.5 207.4 146.5 216.8 133.2 221.1 127.3 224.6 121.7 224.6 120.7 224.6 118.2 181.6 119.3 169.1 122.3ZM761.5 185.2C767.8 196.9 790.6 224.6 810.4 244.3 834.6 268.6 851.8 281.1 877.9 293.2 905.5 305.9 911.7 313.5 922.3 347.7 929.1 368.9 934.8 380.9 943 390.6L948.8 397.5 951.2 389.6C952.3 385.4 953.9 372.1 954.5 360.2 955.7 335 953.3 323.8 941.2 300.8 927.1 273.8 915.6 263.5 874 240.8 862.3 234.4 844.1 223.6 834 216.8 809.8 201 785.7 189.3 764.1 182.6 760 181.4 759.6 181.6 761.5 185.2ZM366.2 200C351.8 206.2 336.5 226.6 331.8 246.1 330.5 252 328.7 257.8 327.9 258.8 323 265.4 321.3 331.2 325.4 348.8 326.2 352 323.2 356.1 313.1 366.4 300.8 378.7 287.1 397.3 287.1 401.6 287.1 402.5 285.7 405.9 284 409.2 279.1 418.6 275.4 439.1 275.4 457.6 275.4 474.4 280.1 503.9 283.2 505.9 284 506.4 285.4 509 286.1 511.7 286.9 514.5 289.3 518.9 291.2 521.9 295.1 527.3 296.1 534.2 293 536.1 292 536.7 288.3 546.3 284.8 557.2 278.7 576.2 278.3 578.5 278.5 606.4 278.5 634 278.9 636.7 284.6 652.3 287.9 661.5 292.4 672.1 294.7 676L299 683.2 294.1 693.6C291.6 699.4 288.5 709.8 287.3 716.8 285.9 723.8 284 734 282.8 739.5 280.3 751.8 283.6 783.6 288.1 791.2 290 794.1 321.5 793.4 324 790.4 325.6 788.5 325.4 784 323 773.2 321.1 763.5 320.5 754.7 321.3 746.1 322.9 730.1 327.9 707 329.9 707 331.6 707 341.8 685.5 341.8 682 341.8 679.3 332.4 662.1 328.9 658.8 327.5 657.4 325.4 652.9 324.2 649 322.9 644.9 320.9 640.6 320.1 639.5 315.2 633.4 315.2 581.4 319.9 571.5 321.1 569.3 323.6 562.9 325.4 557.6 327.3 552.1 331.1 544.9 333.4 541.2 339.6 532 339.5 520.9 333 514.5 327 508.4 319.3 495.1 316.8 486.3 310.4 463.7 310 458.2 313.5 443.2 325.4 393.6 360.4 364.1 402.5 368.6 415.6 369.9 419.5 367.4 424.8 353.9 426.8 349.4 428.9 345.7 429.7 345.7 430.7 345.7 431.8 344.1 432.6 342.2 434 337.5 453.5 322.9 464.8 318 469.7 315.8 475.8 313.1 478.3 311.9 484 309 521.1 308.8 523 311.5 523.8 312.7 527.9 314.6 532.2 316.2 549.8 322.3 569.7 340 576.8 355.5 582.2 367.8 584.6 368.9 602.5 368.6 618 368.4 638.7 372.1 638.7 375 638.7 375.8 641.2 377.5 644.3 378.9 654.1 382.8 671.5 401.8 677.7 414.6 686.1 432.8 688.1 443.2 687.1 464.6 686.3 481.6 685.4 485.4 679.7 496.3 676.2 503.1 671.3 511.3 668.7 514.3 662.7 521.5 662.5 532.4 668.6 541.2 670.9 544.9 674.6 552.1 676.6 557.6 678.3 562.9 680.9 569.3 682 571.5 686.7 581.4 686.7 633.4 681.8 639.5 681.1 640.6 679.1 644.9 677.7 649 676.6 652.9 674.4 657.4 673 658.8 669.5 662.1 660.2 679.3 660.2 682 660.2 685.5 670.3 707 672.1 707 674 707 679.1 730.1 680.7 746.1 681.4 754.7 680.9 763.5 678.9 773.2 676.6 784 676.4 788.5 677.9 790.4 680.5 793.4 711.9 794.1 713.9 791.2 718.4 783.6 721.7 751.8 719.1 739.5 718 734 716 723.8 714.6 716.8 713.5 709.8 710.4 699.4 707.8 693.6L702.9 683.2 707.2 676C709.6 672.1 714.1 661.5 717.4 652.3 723 636.7 723.4 634 723.4 606.4 723.6 579.3 723.2 575.8 718 559.6 714.8 549.8 710.7 539.1 709 535.5L705.5 529.3 714.1 512.1C721.1 498 723 492 724.8 476.8 727.5 453.3 724.2 423.4 717.6 410.5 716 407.6 714.8 404.1 714.8 402.5 714.8 397.3 702.3 379.9 688.9 366.4 678.7 356.1 675.8 352 676.6 348.8 680.7 331.3 678.9 265.4 674 258.8 673.2 257.8 671.5 252 670.1 246.1 663.7 219.9 642.2 197.3 623.4 197.3 610.9 197.3 605.1 199.8 595.1 210 582 222.9 581.4 223.8 577.1 235.4 575.2 240.8 572.9 245.9 572.1 247.1 571.3 248 569.3 256.1 567.8 264.6 563.7 285.9 562.9 287.5 557.8 285.9 555.7 285.2 553.3 284 552.7 283.2 552.1 282.4 544.3 279.5 535.4 276.6 512.5 269.5 487.3 269.3 465.8 276.4 457.4 279.1 448.8 282.6 446.7 284.2 439.3 289.3 438.9 288.5 434.2 264.6 432.6 256.1 430.7 248 429.9 247.1 429.1 245.9 426.8 240.8 424.8 235.4 420.5 223.8 419.9 222.9 406.8 210 394.1 197.1 380.3 193.8 366.2 200ZM389.3 248.6C396.1 261.7 400.8 283.2 401.8 306.2 402.7 327.9 402 329.1 384.6 330.9 377.7 331.6 369.5 332.8 366.4 333.4L360.7 334.4 361.7 302.1C362.1 284.4 363.5 268.6 364.6 267.2 365.6 265.8 367.8 260.4 369.1 255.3 372.1 244.7 377.9 236.1 381.4 237.5 382.8 237.9 386.1 243 389.3 248.6ZM631.8 252.7C633.6 258.2 635.9 264.5 637.1 266.6 638.5 268.7 639.6 284.2 640.2 302.5L641.2 334.4 635.5 333.4C632.4 332.8 624.2 331.6 617.4 330.9 610.4 330.3 603.5 328.3 602 327 598.4 323.4 599.8 293.9 604.1 273.4 607.2 259.6 615.4 240.8 619.9 237.9 623.4 235.5 628.5 242 631.8 252.7ZM61.1 256.4C43.8 274.6 29.7 296.5 23 316.4 19.5 326.6 18.8 333.2 18.9 348.6 19.3 380.1 23.2 395.5 40.6 436.7 49.2 457 57.4 477.3 58.6 482 61.5 493.2 59.6 498.8 44.7 521.7 19.1 561.5 12.7 583 14.1 624.6 15 653.9 19.3 668.6 34.4 693 43.6 707.6 84.8 751.8 87.1 749.4 88.7 747.9 84 733.8 68.2 693 52.7 653.5 50 639.3 52.9 617.4 56.3 594.3 60.5 584.6 89.5 537.5 100 520.1 103.5 508.6 103.5 490 103.5 472.3 100.6 463.1 83 425.8 62.1 381.2 59.8 373.8 59.8 354.5 59.8 340 60.5 337.5 68.9 319.3 73.8 308.6 78.9 295.3 80.1 289.8 82.6 277.7 81.8 241.8 78.9 240.8 77.7 240.4 69.7 247.5 61.1 256.4ZM872.1 302.7C870.5 310 874 334.8 879.1 353.5 887.1 382.2 901 404.7 925.6 428.5 940.2 442.8 949.2 459.6 949.2 473 949.2 483.8 950.2 484.2 962.9 478.3 973.8 473.4 977.9 469.7 982.6 460.5 990.2 445.5 989.1 443.2 960.2 415 931.3 386.7 926.2 379.1 917 348.6 914.1 338.9 910 327.9 908 324 903.5 315.2 891.2 304.3 881.1 300.4L873.2 297.3 872.1 302.7ZM16.4 420.3C9.6 428.5 4.7 440 1.8 455.1-1.2 470.1 0.6 516.4 4.7 530.9 7.8 542.4 14.1 555.1 16.8 556.1 17.8 556.4 21.1 551.8 24.2 545.7 27.3 539.8 35.2 526.8 41.4 517 47.7 507 53.5 496.9 54.1 494.1 54.9 491.2 53.3 483.8 50.2 474.6 43.4 454.9 25.4 414.1 23.4 414.1 22.5 414.1 19.5 417 16.4 420.3ZM914.6 438.7C902.3 467.4 897.5 495.5 899 526 900.6 554.5 906.3 582.8 915.6 610 929.1 648.2 931.1 677 921.3 697.9 918.8 703.5 910.7 715.2 903.7 723.8 896.7 732.6 887.3 745.1 883 751.8 875.6 763.3 866.2 786.7 868.2 788.7 869.9 790.6 883.8 785.2 896.5 777.9 912.3 768.6 944.3 737.3 953.5 721.7 965.4 702 969.3 687.7 969.1 664.1 969.1 640.2 966.6 625.8 954.5 583 940.4 533.2 939.5 525.8 942.4 486.3 944.1 460.4 942.6 455.5 927.3 438.5L918.8 429.1 914.6 438.7ZM471.7 449.2C460 452.7 444.9 459.8 439.5 464.3 425 476.2 419.1 483.8 411.7 499.4 405.5 512.5 406.1 532.6 412.7 547.5 422.5 568.8 445.5 585.5 470.7 589.6 486.9 592.4 515 592.4 531.3 589.6 567.6 583.8 594.3 555.5 594.5 522.5 594.7 500.6 584.8 482.8 562.5 464.3 556.8 459.6 541.6 452.7 528.9 449 512.3 444.3 487.9 444.3 471.7 449.2ZM522.5 474.2C523.6 475.2 528.3 477.3 533.2 479.1 544.3 483.2 555.5 492.2 562.1 502.7 569.3 514.1 569.5 531.3 562.5 541.6 551.2 558.4 533.2 565.2 501 565.2 468.8 565.2 451.6 558.8 439.8 542.2 432.4 531.4 432.4 514.3 439.8 502.7 446.5 492.2 457.6 483.2 468.8 479.1 473.6 477.3 478.3 475.2 479.5 474.2 480.5 473.4 490 472.7 501 472.7 511.9 472.7 521.5 473.4 522.5 474.2ZM481.8 501.6C477.1 506.8 477.7 514.3 483.4 519.5 487.1 523 488.3 526.2 488.3 532.2 488.3 542.2 490.8 544.9 500 544.9 509.6 544.9 514.5 539.6 512.7 531.2 511.5 526.2 512.3 524.2 517.4 519.3 524.6 512.7 525 507.4 519.1 502 514.1 497.3 507.2 496.9 503.9 501 501.6 503.7 501 503.7 496.9 501 490.8 497.1 485.7 497.3 481.8 501.6ZM377.7 452C369.7 455.5 363.1 465 361.9 474.6 359.4 493.6 381.1 506.4 398 496.1 412.3 487.3 414.5 462.5 401.8 454.1 394.9 449.6 384.8 448.8 377.7 452ZM603.5 452.7C595.7 456.6 591.8 463.1 591.8 472.3 591.8 498.4 622.3 510 636.5 489.3 640 484 640.8 480.7 640 474.6 638.9 464.8 632 455.3 623.8 452 615.2 448.4 611.7 448.4 603.5 452.7ZM987.1 464.1C982.2 474.4 968.2 483.8 952.7 487.1 947.9 488.3 947.5 489.1 946.3 502.5 944.7 518.2 948.2 543 955.1 565 958.8 576.8 959.6 577.9 962.9 576.2 969.3 572.7 982.4 555.9 989.3 542 997.3 526.2 1000 513.1 1000 492.6 1000 478.5 995.1 457 992 457 991 457 988.9 460.2 987.1 464.1ZM58.8 608.2C55.9 620.1 56.1 645.3 59.4 657.2 60.7 662.5 66 676.6 70.9 688.5 75.8 700.2 83.8 721.7 88.7 735.9 100.2 769.3 107.6 783.4 121.7 797.5 145.5 821.5 171.1 834.4 222.3 848.8 250.8 856.8 253.9 858.4 273.2 872.3 281.1 878.1 292 884.2 297.5 885.7 308 888.9 339.8 889.8 339.8 886.9 339.8 884.6 308.2 857.4 293 846.7 272.3 832 250.8 821.3 222.7 811.5 192 800.8 182.6 796.3 168 785.4 147.1 769.5 131.3 744.1 116.2 701.2 106.3 673.2 90 639.5 77.3 620.1 62.5 598 61.5 597.5 58.8 608.2ZM912.1 676.8C907.2 681.6 894.1 692 882.8 699.8 871.5 707.4 858.6 717.4 854.1 721.9 843.4 732.6 832.8 754.1 820.3 790.2 807.8 826 797.3 847.1 779.3 870.7 771.9 880.9 765.6 889.5 765.6 890 765.6 890.6 769.1 890.6 773.6 889.8 806.8 884.6 842 842.4 862.9 782.8 870.9 760.2 874.4 753.7 889.1 734.4 895.9 725.6 904.7 713.7 908.8 708.4 916.6 697.9 922.5 681.2 921.5 672.9 920.9 667.8 920.7 668 912.1 676.8ZM132.8 729.1C132.8 734.2 150.8 761.9 160.5 772.1 166.2 777.7 176.6 785.7 183.6 789.5 197.1 796.9 230.5 809.4 230.5 807 230.5 803.7 210.2 778.9 201.6 771.9 192.2 764.1 136.3 726.6 134 726.6 133.4 726.6 132.8 727.7 132.8 729.1ZM793.8 805.3C769.7 818 752 831.8 715.8 867.2 677.1 904.9 671.9 908 636.7 915.2 623.2 918 606.3 922.9 598.6 926 585.4 931.4 560.5 946.9 560.5 949.6 560.5 951.6 565.4 952.7 581.1 955.1 617.2 960.2 660.4 954.9 690.6 941.4 726.6 925.4 770.9 881.1 794.5 837.5 803.3 821.1 811.3 801.8 810.2 799 810 798 802.5 800.8 793.8 805.3ZM194.1 851.2C201.4 865 241 899.8 260.9 910 274.6 916.6 296.1 921.7 322.1 924 350.6 926.6 372.5 924.2 412.9 914.1 438.1 907.8 459.6 906.4 473.6 910.4 478.3 911.7 484.8 916 490 921.3 500.2 931.3 499.8 931.3 518.4 916.6 531.6 906.1 531.8 906.4 508.8 895.3 477 880.1 441 876.6 396.5 884.8 336.1 895.7 307.8 896.7 289.6 888.7 284.8 886.5 274.8 880.5 267.6 875 252 863.3 247.5 861.3 218.8 853.3 206.6 850 195.3 846.9 193.8 846.3 191.4 845.3 191.6 846.1 194.1 851.2ZM604.5 875.8C579.7 880.5 557.8 891.8 529.1 915 518.9 923 503.3 933.4 494.1 937.9 485 942.4 471.5 949.8 464.1 954.5 450.8 963.1 429.7 981.4 429.7 984.6 429.7 985.5 438.9 986.3 450.4 986.3 492 986.3 518 976.2 558.6 943.4 580.3 926 602.3 916.4 635.5 910 656.4 906.1 674.8 898.4 685.2 889.6 693 883 692.4 882.4 671.5 878.1 650 873.6 620.7 872.7 604.5 875.8ZM440.4 913.5C437.3 913.9 424 916.8 411.1 919.9 398.2 923 381.8 926.6 374.6 927.9L361.5 930.1 366.4 939.8C376 958.8 392.6 973.2 411.9 979.7L422.1 983 434.2 971.1C447.3 958.6 469.1 943.6 483.4 937.3 488.3 935.2 492.2 932.6 492.2 931.8 492.2 928.9 481.6 919.3 475.6 916.8 468.8 914.1 449.2 912.1 440.4 913.5Z",
+        "width": 1000
+      },
+      "search": [
+        "mzansi_ai-black_1"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/Frontend/images/app_icon/App_Icon_1.png b/Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/App_Icon_1.png
similarity index 100%
rename from Frontend/images/app_icon/App_Icon_1.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/App_Icon_1.png
diff --git a/Frontend/images/app_icon/App_Icon_2.png b/Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/App_Icon_2.png
similarity index 100%
rename from Frontend/images/app_icon/App_Icon_2.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/App_Icon_2.png
diff --git a/Frontend/images/app_icon/App_Icon_3.png b/Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/App_Icon_3.png
similarity index 100%
rename from Frontend/images/app_icon/App_Icon_3.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/App_Icon_3.png
diff --git a/Frontend/images/app_icon/circle_logo.png b/Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/circle_logo.png
similarity index 100%
rename from Frontend/images/app_icon/circle_logo.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/circle_logo.png
diff --git a/Frontend/images/app_icon/mih_app_icon.png b/Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/mih_app_icon.png
similarity index 100%
rename from Frontend/images/app_icon/mih_app_icon.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/app_icon/mih_app_icon.png
diff --git a/Frontend/images/branding_text.png b/Frontend/lib/mih_components/mih_package_components/assets/images/branding_text.png
similarity index 100%
rename from Frontend/images/branding_text.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/branding_text.png
diff --git a/Frontend/images/founder.jpg b/Frontend/lib/mih_components/mih_package_components/assets/images/founder.jpg
similarity index 100%
rename from Frontend/images/founder.jpg
rename to Frontend/lib/mih_components/mih_package_components/assets/images/founder.jpg
diff --git a/Frontend/images/frame_dark.png b/Frontend/lib/mih_components/mih_package_components/assets/images/frame_dark.png
similarity index 100%
rename from Frontend/images/frame_dark.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/frame_dark.png
diff --git a/Frontend/images/frame_light.png b/Frontend/lib/mih_components/mih_package_components/assets/images/frame_light.png
similarity index 100%
rename from Frontend/images/frame_light.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/frame_light.png
diff --git a/Frontend/images/i-dont-know-2.png b/Frontend/lib/mih_components/mih_package_components/assets/images/i-dont-know-2.png
similarity index 100%
rename from Frontend/images/i-dont-know-2.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/i-dont-know-2.png
diff --git a/Frontend/images/loading_dark.gif b/Frontend/lib/mih_components/mih_package_components/assets/images/loading_dark.gif
similarity index 100%
rename from Frontend/images/loading_dark.gif
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loading_dark.gif
diff --git a/Frontend/images/loading_light.gif b/Frontend/lib/mih_components/mih_package_components/assets/images/loading_light.gif
similarity index 100%
rename from Frontend/images/loading_light.gif
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loading_light.gif
diff --git a/Frontend/images/logo_dark.png b/Frontend/lib/mih_components/mih_package_components/assets/images/logo_dark.png
similarity index 100%
rename from Frontend/images/logo_dark.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/logo_dark.png
diff --git a/Frontend/images/logo_light.png b/Frontend/lib/mih_components/mih_package_components/assets/images/logo_light.png
similarity index 100%
rename from Frontend/images/logo_light.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/logo_light.png
diff --git a/Frontend/images/loyalty_cards/Clicks_Club.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/Clicks_Club.png
similarity index 100%
rename from Frontend/images/loyalty_cards/Clicks_Club.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/Clicks_Club.png
diff --git a/Frontend/images/loyalty_cards/Shell.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/Shell.png
similarity index 100%
rename from Frontend/images/loyalty_cards/Shell.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/Shell.png
diff --git a/Frontend/images/loyalty_cards/apple_tree.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/apple_tree.png
similarity index 100%
rename from Frontend/images/loyalty_cards/apple_tree.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/apple_tree.png
diff --git a/Frontend/images/loyalty_cards/best_before.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/best_before.png
similarity index 100%
rename from Frontend/images/loyalty_cards/best_before.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/best_before.png
diff --git a/Frontend/images/loyalty_cards/checkers.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/checkers.png
similarity index 100%
rename from Frontend/images/loyalty_cards/checkers.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/checkers.png
diff --git a/Frontend/images/loyalty_cards/checkers_xtra.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/checkers_xtra.png
similarity index 100%
rename from Frontend/images/loyalty_cards/checkers_xtra.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/checkers_xtra.png
diff --git a/Frontend/images/loyalty_cards/cotton_on_perks.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/cotton_on_perks.png
similarity index 100%
rename from Frontend/images/loyalty_cards/cotton_on_perks.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/cotton_on_perks.png
diff --git a/Frontend/images/loyalty_cards/dischem_benefit.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/dischem_benefit.png
similarity index 100%
rename from Frontend/images/loyalty_cards/dischem_benefit.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/dischem_benefit.png
diff --git a/Frontend/images/loyalty_cards/edgars.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/edgars.png
similarity index 100%
rename from Frontend/images/loyalty_cards/edgars.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/edgars.png
diff --git a/Frontend/images/loyalty_cards/eskom.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/eskom.png
similarity index 100%
rename from Frontend/images/loyalty_cards/eskom.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/eskom.png
diff --git a/Frontend/images/loyalty_cards/fresh_stop.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/fresh_stop.png
similarity index 100%
rename from Frontend/images/loyalty_cards/fresh_stop.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/fresh_stop.png
diff --git a/Frontend/images/loyalty_cards/infinity.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/infinity.png
similarity index 100%
rename from Frontend/images/loyalty_cards/infinity.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/infinity.png
diff --git a/Frontend/images/loyalty_cards/jet.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/jet.png
similarity index 100%
rename from Frontend/images/loyalty_cards/jet.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/jet.png
diff --git a/Frontend/images/loyalty_cards/makro.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/makro.png
similarity index 100%
rename from Frontend/images/loyalty_cards/makro.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/makro.png
diff --git a/Frontend/images/loyalty_cards/panarottis.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/panarottis.png
similarity index 100%
rename from Frontend/images/loyalty_cards/panarottis.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/panarottis.png
diff --git a/Frontend/images/loyalty_cards/pnp_smart.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/pnp_smart.png
similarity index 100%
rename from Frontend/images/loyalty_cards/pnp_smart.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/pnp_smart.png
diff --git a/Frontend/images/loyalty_cards/shoprite.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/shoprite.png
similarity index 100%
rename from Frontend/images/loyalty_cards/shoprite.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/shoprite.png
diff --git a/Frontend/images/loyalty_cards/shoprite_xtra.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/shoprite_xtra.png
similarity index 100%
rename from Frontend/images/loyalty_cards/shoprite_xtra.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/shoprite_xtra.png
diff --git a/Frontend/images/loyalty_cards/spar_rewards.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/spar_rewards.png
similarity index 100%
rename from Frontend/images/loyalty_cards/spar_rewards.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/spar_rewards.png
diff --git a/Frontend/images/loyalty_cards/spur.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/spur.png
similarity index 100%
rename from Frontend/images/loyalty_cards/spur.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/spur.png
diff --git a/Frontend/images/loyalty_cards/wrewards.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/wrewards.png
similarity index 100%
rename from Frontend/images/loyalty_cards/wrewards.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/wrewards.png
diff --git a/Frontend/images/loyalty_cards/xtraSavings.png b/Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/xtraSavings.png
similarity index 100%
rename from Frontend/images/loyalty_cards/xtraSavings.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/loyalty_cards/xtraSavings.png
diff --git a/Frontend/images/mzansi_ai-dark.png b/Frontend/lib/mih_components/mih_package_components/assets/images/mzansi_ai-dark.png
similarity index 100%
rename from Frontend/images/mzansi_ai-dark.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/mzansi_ai-dark.png
diff --git a/Frontend/images/mzansi_ai-light.png b/Frontend/lib/mih_components/mih_package_components/assets/images/mzansi_ai-light.png
similarity index 100%
rename from Frontend/images/mzansi_ai-light.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/mzansi_ai-light.png
diff --git a/Frontend/images/notify_logo.png b/Frontend/lib/mih_components/mih_package_components/assets/images/notify_logo.png
similarity index 100%
rename from Frontend/images/notify_logo.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/notify_logo.png
diff --git a/Frontend/images/splash_screen/splash_screen_icon.png b/Frontend/lib/mih_components/mih_package_components/assets/images/splash_screen/splash_screen_icon.png
similarity index 100%
rename from Frontend/images/splash_screen/splash_screen_icon.png
rename to Frontend/lib/mih_components/mih_package_components/assets/images/splash_screen/splash_screen_icon.png
diff --git a/Frontend/lib/mih_components/mih_package_components/mih_app_tile.dart b/Frontend/lib/mih_components/mih_package_components/mih_app_tile.dart
index 4978e7ea..0651c6de 100644
--- a/Frontend/lib/mih_components/mih_package_components/mih_app_tile.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_app_tile.dart
@@ -88,7 +88,11 @@ class _MihAppTileState extends State<MihAppTile> {
                       highlightColor: MzanziInnovationHub.of(context)!
                           .theme
                           .highlightColor(),
-                      child: FittedBox(child: widget.appIcon),
+                      child: FittedBox(
+                        fit: BoxFit.fill,
+                        alignment: Alignment.center,
+                        child: widget.appIcon,
+                      ),
                     ),
                   ),
                 );
diff --git a/Frontend/lib/mih_components/mih_package_components/mih_icons.dart b/Frontend/lib/mih_components/mih_package_components/mih_icons.dart
new file mode 100644
index 00000000..fca427fe
--- /dev/null
+++ b/Frontend/lib/mih_components/mih_package_components/mih_icons.dart
@@ -0,0 +1,23 @@
+import 'package:flutter/widgets.dart'; // You need this import for IconData
+
+class MihIcons {
+  MihIcons._(); // This makes the class non-instantiable (good practice for utility classes)
+
+  // This MUST match the 'family' name you specify in pubspec.yaml
+  static const _mihFontFam = 'MihIcons';
+  // Set to your package name ONLY if this font is part of a separate package you created
+  static const String? _mihFontPkg = null;
+
+  // IconData constant for 'mih_circle_frame' using its code 59392
+  // Note: We use lowerCamelCase for Dart variable names
+  static const IconData mihCircleFrame =
+      IconData(59393, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
+
+  // IconData constant for 'mih_logo' using its code 59393
+  static const IconData mihLogo =
+      IconData(59392, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
+
+  // IconData constant for 'mzansi_ai_logo' using its code 59394
+  static const IconData mzansiAiLogo =
+      IconData(59394, fontFamily: _mihFontFam, fontPackage: _mihFontPkg);
+}
diff --git a/Frontend/lib/mih_components/mih_package_components/test/package_test.dart b/Frontend/lib/mih_components/mih_package_components/test/package_test.dart
index 6ae02fa3..4679bf8a 100644
--- a/Frontend/lib/mih_components/mih_package_components/test/package_test.dart
+++ b/Frontend/lib/mih_components/mih_package_components/test/package_test.dart
@@ -1,12 +1,12 @@
 import 'package:mzansi_innovation_hub/main.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_action.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_alert.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tile.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tools.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_window.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-app_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:flutter/material.dart';
 
@@ -167,7 +167,7 @@ class _PackageTestState extends State<PackageTest> {
     List<MihAppToolBody> toolBodies = [
       MihAppToolBody(
         borderOn: true,
-        bodyItem: SingleChildScrollView(
+        bodyItem: MihSingleChildScroll(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.start,
             mainAxisSize: MainAxisSize.max,
@@ -182,116 +182,22 @@ class _PackageTestState extends State<PackageTest> {
                       MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                 ),
               ),
-              const SizedBox(height: 15),
-              const Divider(),
-              const SizedBox(height: 15),
-              MIHButton(
-                onTap: () {
-                  showAlert();
-                },
-                buttonText: "Test MIH Alert",
-                buttonColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                textColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MIHButton(
-                onTap: () {
-                  showFullScreenWindow();
-                },
-                buttonText: "Test MIH Window Full Screen",
-                buttonColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                textColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MIHButton(
-                onTap: () {
-                  showNormalWindow();
-                },
-                buttonText: "Test MIH Window Normal",
-                buttonColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                textColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MihAppTile(
-                onTap: () {},
-                appName: "Package Tets",
-                appIcon: Icon(
-                  Icons.warning_amber_rounded,
-                  //size: 250,
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              const SizedBox(height: 10),
+              Container(
+                color: Colors.black,
+                width: 200,
+                height: 200,
+                padding: EdgeInsets.zero,
+                alignment: Alignment.center,
+                child: IconButton.filled(
+                  onPressed: () {},
+                  icon: Icon(
+                    MihIcons.mihLogo,
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                  ),
                 ),
-                iconSize: 200,
-                primaryColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                secondaryColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MihAppTile(
-                onTap: () {},
-                appName: "Package Tets",
-                appIcon: Icon(
-                  Icons.warning_amber_rounded,
-                  //size: 250,
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                ),
-                iconSize: 200,
-                primaryColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                secondaryColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MihAppTile(
-                onTap: () {},
-                appName: "Package Tets",
-                appIcon: Icon(
-                  Icons.warning_amber_rounded,
-                  //size: 250,
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                ),
-                iconSize: 200,
-                primaryColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                secondaryColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MihAppTile(
-                onTap: () {},
-                appName: "Package Tets",
-                appIcon: Icon(
-                  Icons.warning_amber_rounded,
-                  //size: 250,
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                ),
-                iconSize: 200,
-                primaryColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                secondaryColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
-              const SizedBox(height: 15),
-              MihAppTile(
-                onTap: () {},
-                appName: "Package Tets",
-                appIcon: Icon(
-                  Icons.warning_amber_rounded,
-                  //size: 250,
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                ),
-                iconSize: 200,
-                primaryColor:
-                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                secondaryColor:
-                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              ),
+              )
             ],
           ),
         ),
diff --git a/Frontend/lib/mih_components/mih_profile_picture.dart b/Frontend/lib/mih_components/mih_profile_picture.dart
index 26cc6a8d..e23d68d4 100644
--- a/Frontend/lib/mih_components/mih_profile_picture.dart
+++ b/Frontend/lib/mih_components/mih_profile_picture.dart
@@ -2,6 +2,7 @@ import 'dart:io';
 
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import '../../main.dart';
 
 // ignore: must_be_immutable
@@ -14,7 +15,9 @@ class MIHProfilePicture extends StatefulWidget {
   final double radius;
   final bool drawerMode;
   final bool editable;
+  final Color frameColor;
   final onChange;
+
   MIHProfilePicture({
     super.key,
     required this.profilePictureFile,
@@ -25,6 +28,7 @@ class MIHProfilePicture extends StatefulWidget {
     required this.drawerMode,
     required this.editable,
     required this.onChange,
+    required this.frameColor,
   });
 
   @override
@@ -33,16 +37,8 @@ class MIHProfilePicture extends StatefulWidget {
 
 class _MIHProfilePictureState extends State<MIHProfilePicture> {
   late ImageProvider<Object>? propicPreview;
-  //late PlatformFile proPic;
 
   Widget displayEditableProPic() {
-    ImageProvider logoFrame;
-    if (!widget.drawerMode) {
-      logoFrame = MzanziInnovationHub.of(context)!.theme.altLogoFrame();
-    } else {
-      logoFrame = MzanziInnovationHub.of(context)!.theme.logoFrame();
-    }
-
     if (widget.profilePictureFile != null) {
       return Stack(
         alignment: Alignment.center,
@@ -57,7 +53,13 @@ class _MIHProfilePictureState extends State<MIHProfilePicture> {
           ),
           SizedBox(
             width: widget.width,
-            child: Image(image: logoFrame),
+            child: FittedBox(
+              fit: BoxFit.fill,
+              child: Icon(
+                MihIcons.mihCircleFrame,
+                color: widget.frameColor,
+              ),
+            ),
           ),
           Visibility(
             visible: widget.editable,
@@ -134,7 +136,10 @@ class _MIHProfilePictureState extends State<MIHProfilePicture> {
     } else {
       return SizedBox(
         width: widget.width,
-        child: Image(image: logoFrame),
+        child: Icon(
+          MihIcons.mihCircleFrame,
+          color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        ),
       );
     }
   }
diff --git a/Frontend/lib/mih_packages/about_mih/mih_policy_tos_ext/policy_and_terms_text.dart b/Frontend/lib/mih_packages/about_mih/mih_policy_tos_ext/policy_and_terms_text.dart
index 076d1760..2d2d4f10 100644
--- a/Frontend/lib/mih_packages/about_mih/mih_policy_tos_ext/policy_and_terms_text.dart
+++ b/Frontend/lib/mih_packages/about_mih/mih_policy_tos_ext/policy_and_terms_text.dart
@@ -1,5 +1,6 @@
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 
 class PolicyAndTermsText {
   List<Widget> getPrivacyPolicyText(BuildContext context) {
@@ -26,8 +27,12 @@ class PolicyAndTermsText {
     return [
       SizedBox(
         width: 165,
-        child:
-            Image(image: MzanziInnovationHub.of(context)!.theme.altLogoImage()),
+        child: FittedBox(
+          child: Icon(
+            MihIcons.mihLogo,
+            color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+          ),
+        ),
       ),
       const SizedBox(height: 10),
       const Text(
@@ -430,8 +435,12 @@ class PolicyAndTermsText {
     return [
       SizedBox(
         width: 165,
-        child:
-            Image(image: MzanziInnovationHub.of(context)!.theme.altLogoImage()),
+        child: FittedBox(
+          child: Icon(
+            MihIcons.mihLogo,
+            color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+          ),
+        ),
       ),
       const SizedBox(
         height: 10,
diff --git a/Frontend/lib/mih_packages/about_mih/package_tools/mih_info.dart b/Frontend/lib/mih_packages/about_mih/package_tools/mih_info.dart
index 5fd30006..4795ea74 100644
--- a/Frontend/lib/mih_packages/about_mih/package_tools/mih_info.dart
+++ b/Frontend/lib/mih_packages/about_mih/package_tools/mih_info.dart
@@ -6,6 +6,7 @@ import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import "package:universal_html/js.dart" as js;
 import 'package:url_launcher/url_launcher.dart';
 
@@ -248,7 +249,8 @@ class _MihInfoState extends State<MihInfo> {
               CircleAvatar(
                 backgroundColor:
                     MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                backgroundImage: const AssetImage("images/founder.jpg"),
+                backgroundImage: const AssetImage(
+                    "lib/mih_components/mih_package_components/assets/images/founder.jpg"),
                 //'https://media.licdn.com/dms/image/D4D03AQGd1-QhjtWWpA/profile-displayphoto-shrink_400_400/0/1671698053061?e=2147483647&v=beta&t=a3dJI5yxs5-KeXjj10LcNCFuC9IOfa8nNn3k_Qyr0CA'),
                 radius: 75,
               ),
@@ -593,8 +595,12 @@ class _MihInfoState extends State<MihInfo> {
         children: [
           SizedBox(
             width: 165,
-            child: Image(
-                image: MzanziInnovationHub.of(context)!.theme.altLogoImage()),
+            child: FittedBox(
+              child: Icon(
+                MihIcons.mihLogo,
+                color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              ),
+            ),
           ),
           const SizedBox(
             height: 10,
diff --git a/Frontend/lib/mih_packages/authentication/biometric_check.dart b/Frontend/lib/mih_packages/authentication/biometric_check.dart
index 47bd125c..de17c637 100644
--- a/Frontend/lib/mih_packages/authentication/biometric_check.dart
+++ b/Frontend/lib/mih_packages/authentication/biometric_check.dart
@@ -4,6 +4,7 @@ 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_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_packages/mih_home/mih_profile_getter.dart';
 import 'package:flutter/material.dart';
 import 'package:local_auth/local_auth.dart';
@@ -32,7 +33,12 @@ class _BiometricCheckState extends State<BiometricCheck> {
         padding: const EdgeInsets.all(10.0),
         child: SizedBox(
           height: 50,
-          child: Image.asset('images/logo_light.png'),
+          child: FittedBox(
+            child: Icon(
+              MihIcons.mihLogo,
+              color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            ),
+          ),
         ),
       ),
       iconSize: 35,
diff --git a/Frontend/lib/mih_packages/authentication/register.dart b/Frontend/lib/mih_packages/authentication/register.dart
index decc0439..a68ce292 100644
--- a/Frontend/lib/mih_packages/authentication/register.dart
+++ b/Frontend/lib/mih_packages/authentication/register.dart
@@ -1,5 +1,6 @@
 import 'dart:convert';
 
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -238,13 +239,48 @@ class _RegisterState extends State<Register> {
     });
   }
 
+  MIHAction getSecondaryActionButton() {
+    return MIHAction(
+      icon: Padding(
+        padding: const EdgeInsets.all(10.0),
+        child: SizedBox(
+          width: 150,
+          child: MIHButton(
+            onTap: () {
+              Navigator.of(context).pushNamed(
+                '/about',
+                arguments: 0,
+              );
+            },
+            buttonText: "Install MIH",
+            buttonColor:
+                MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+          ),
+        ),
+      ),
+      iconSize: 35,
+      onTap: () {
+        Navigator.of(context).pushNamed(
+          '/about',
+          arguments: 0,
+        );
+      },
+    );
+  }
+
   MIHAction getActionButton() {
     return MIHAction(
       icon: Padding(
         padding: const EdgeInsets.all(10.0),
         child: SizedBox(
           height: 50,
-          child: Image.asset('images/logo_light.png'),
+          child: FittedBox(
+            child: Icon(
+              MihIcons.mihLogo,
+              color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            ),
+          ),
         ),
       ),
       iconSize: 35,
@@ -440,7 +476,7 @@ class _RegisterState extends State<Register> {
     return MIHLayoutBuilder(
       actionButton: getActionButton(),
       header: getHeader(),
-      secondaryActionButton: null,
+      secondaryActionButton: getSecondaryActionButton(),
       body: getBody(),
       actionDrawer: null,
       secondaryActionDrawer: null,
diff --git a/Frontend/lib/mih_packages/authentication/reset_password.dart b/Frontend/lib/mih_packages/authentication/reset_password.dart
index 15925de5..9a159f9f 100644
--- a/Frontend/lib/mih_packages/authentication/reset_password.dart
+++ b/Frontend/lib/mih_packages/authentication/reset_password.dart
@@ -262,7 +262,8 @@ class _ResetPasswordState extends State<ResetPassword> {
         padding: const EdgeInsets.all(10.0),
         child: SizedBox(
           height: 50,
-          child: Image.asset('images/logo_light.png'),
+          child: Image.asset(
+              'lib/mih_components/mih_package_components/assets/images/logo_light.png'),
         ),
       ),
       iconSize: 35,
diff --git a/Frontend/lib/mih_packages/authentication/signin.dart b/Frontend/lib/mih_packages/authentication/signin.dart
index da15a519..6cc0080e 100644
--- a/Frontend/lib/mih_packages/authentication/signin.dart
+++ b/Frontend/lib/mih_packages/authentication/signin.dart
@@ -1,5 +1,6 @@
 import 'dart:convert';
 
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -286,13 +287,48 @@ class _SignInState extends State<SignIn> {
     );
   }
 
+  MIHAction getSecondaryActionButton() {
+    return MIHAction(
+      icon: Padding(
+        padding: const EdgeInsets.all(10.0),
+        child: SizedBox(
+          width: 150,
+          child: MIHButton(
+            onTap: () {
+              Navigator.of(context).pushNamed(
+                '/about',
+                arguments: 0,
+              );
+            },
+            buttonText: "Install MIH",
+            buttonColor:
+                MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+          ),
+        ),
+      ),
+      iconSize: 35,
+      onTap: () {
+        Navigator.of(context).pushNamed(
+          '/about',
+          arguments: 0,
+        );
+      },
+    );
+  }
+
   MIHAction getActionButton() {
     return MIHAction(
       icon: Padding(
         padding: const EdgeInsets.all(10.0),
         child: SizedBox(
           height: 50,
-          child: Image.asset('images/logo_light.png'),
+          child: FittedBox(
+            child: Icon(
+              MihIcons.mihLogo,
+              color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            ),
+          ),
         ),
       ),
       iconSize: 35,
@@ -631,7 +667,7 @@ class _SignInState extends State<SignIn> {
     return MIHLayoutBuilder(
       actionButton: getActionButton(),
       header: getHeader(),
-      secondaryActionButton: null,
+      secondaryActionButton: getSecondaryActionButton(),
       body: getBody(),
       actionDrawer: null,
       secondaryActionDrawer: null,
diff --git a/Frontend/lib/mih_packages/mih_home/components/mih_app_drawer.dart b/Frontend/lib/mih_packages/mih_home/components/mih_app_drawer.dart
index 5201457b..df0f1845 100644
--- a/Frontend/lib/mih_packages/mih_home/components/mih_app_drawer.dart
+++ b/Frontend/lib/mih_packages/mih_home/components/mih_app_drawer.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import '../../../main.dart';
 import '../../../mih_objects/app_user.dart';
 import '../../../mih_objects/arguments.dart';
@@ -60,6 +61,7 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
           radius: 27,
           drawerMode: true,
           editable: false,
+          frameColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
           onChange: (newProPic) {},
         ),
 
@@ -107,8 +109,6 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
   Widget build(BuildContext context) {
     // precacheImage(
     //     MzanziInnovationHub.of(context)!.theme.logoImage().image, context);
-    ImageProvider logoThemeSwitch =
-        MzanziInnovationHub.of(context)!.theme.logoImage();
     return SafeArea(
       child: Drawer(
         //backgroundColor:  MzanziInnovationHub.of(context)!.theme.primaryColor(),
@@ -328,7 +328,11 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
                         // Navigator.of(context).popAndPushNamed('/',);
                       });
                     },
-                    child: Image(image: logoThemeSwitch),
+                    child: Icon(
+                      MihIcons.mihLogo,
+                      color:
+                          MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    ),
                   ),
                   // IconButton(
                   //   onPressed: () {
diff --git a/Frontend/lib/mih_packages/mih_home/mih_home.dart b/Frontend/lib/mih_packages/mih_home/mih_home.dart
index f0ddb1ce..aeb6e56b 100644
--- a/Frontend/lib/mih_packages/mih_home/mih_home.dart
+++ b/Frontend/lib/mih_packages/mih_home/mih_home.dart
@@ -1,3 +1,4 @@
+import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_action.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tools.dart';
@@ -108,6 +109,7 @@ class _MihHomeState extends State<MihHome> {
             radius: 21,
             drawerMode: false,
             editable: false,
+            frameColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
             onChange: (newProPic) {},
           ),
         ),
@@ -158,6 +160,7 @@ class _MihHomeState extends State<MihHome> {
         businessUser: widget.businessUser,
         propicFile: widget.propicFile,
         isUserNew: widget.isUserNew,
+        isDevActive: widget.isDevActive,
       ),
     );
     if (widget.isBusinessUser) {
diff --git a/Frontend/lib/mih_packages/mih_home/mih_home_legacy.dart b/Frontend/lib/mih_packages/mih_home/mih_home_legacy.dart
index 2235995e..9f5c79c4 100644
--- a/Frontend/lib/mih_packages/mih_home/mih_home_legacy.dart
+++ b/Frontend/lib/mih_packages/mih_home/mih_home_legacy.dart
@@ -994,6 +994,7 @@ class _MIHHomeLegacyState extends State<MIHHomeLegacy> {
             radius: 21,
             drawerMode: false,
             editable: false,
+            frameColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
             onChange: (newProPic) {},
           ),
         ),
diff --git a/Frontend/lib/mih_packages/mih_home/mih_profile_getter.dart b/Frontend/lib/mih_packages/mih_home/mih_profile_getter.dart
index 0a05a8b1..2ed53067 100644
--- a/Frontend/lib/mih_packages/mih_home/mih_profile_getter.dart
+++ b/Frontend/lib/mih_packages/mih_home/mih_profile_getter.dart
@@ -37,7 +37,8 @@ class _MIHProfileGetterState extends State<MIHProfileGetter> {
 
   ImageProvider<Object>? isPictureAvailable(String url) {
     if (url == "") {
-      return const AssetImage('images/i-dont-know-2.png');
+      return const AssetImage(
+          'lib/mih_components/mih_package_components/assets/images/i-dont-know-2.png');
     } else if (url != "") {
       return NetworkImage(url);
     } else {
diff --git a/Frontend/lib/mih_packages/mih_home/package_tools/mih_personal_home.dart b/Frontend/lib/mih_packages/mih_home/package_tools/mih_personal_home.dart
index a43c5681..b1574e53 100644
--- a/Frontend/lib/mih_packages/mih_home/package_tools/mih_personal_home.dart
+++ b/Frontend/lib/mih_packages/mih_home/package_tools/mih_personal_home.dart
@@ -2,6 +2,7 @@ import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_search_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-app_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tile.dart';
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
 import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:mzansi_innovation_hub/mih_objects/business.dart';
@@ -25,6 +26,7 @@ class MihPersonalHome extends StatefulWidget {
   final BusinessUser? businessUser;
   final ImageProvider<Object>? propicFile;
   final bool isUserNew;
+  final bool isDevActive;
 
   const MihPersonalHome({
     super.key,
@@ -34,6 +36,7 @@ class MihPersonalHome extends StatefulWidget {
     required this.businessUser,
     required this.propicFile,
     required this.isUserNew,
+    required this.isDevActive,
   });
 
   @override
@@ -124,6 +127,28 @@ class _MihPersonalHomeState extends State<MihPersonalHome> {
     });
     //=============== About MIH ===============
     temp.add({"About MIH": AboutMihTile(packageSize: packageSize)});
+    //=============== Dev ===============
+    temp.add({
+      "test": MihAppTile(
+        onTap: () {
+          Navigator.of(context).pushNamed(
+            '/package-dev',
+            //arguments: widget.signedInUser,
+          );
+        },
+        appName: "Test",
+        appIcon: Container(
+          padding: const EdgeInsets.all(0.5),
+          child: Icon(
+            Icons.warning_amber_rounded,
+            color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+          ),
+        ),
+        iconSize: packageSize,
+        primaryColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        secondaryColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+      )
+    });
     return temp;
   }
 
diff --git a/Frontend/lib/mih_packages/mzansi_ai/package_tiles/mzansi_ai_tile.dart b/Frontend/lib/mih_packages/mzansi_ai/package_tiles/mzansi_ai_tile.dart
index 2a364c8e..2d8329a0 100644
--- a/Frontend/lib/mih_packages/mzansi_ai/package_tiles/mzansi_ai_tile.dart
+++ b/Frontend/lib/mih_packages/mzansi_ai/package_tiles/mzansi_ai_tile.dart
@@ -1,5 +1,6 @@
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tile.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
 import 'package:flutter/material.dart';
 
@@ -20,7 +21,6 @@ class MzansiAiTile extends StatefulWidget {
 class _MzansiAiTileState extends State<MzansiAiTile> {
   @override
   Widget build(BuildContext context) {
-    ImageProvider aiLogo = MzanziInnovationHub.of(context)!.theme.aiLogoImage();
     return MihAppTile(
       onTap: () {
         Navigator.of(context).pushNamed(
@@ -30,8 +30,18 @@ class _MzansiAiTileState extends State<MzansiAiTile> {
       },
       appName: "Mzansi AI",
       appIcon: Container(
-        padding: const EdgeInsets.all(25),
-        child: Image(image: aiLogo),
+        padding: const EdgeInsets.all(1),
+        alignment: Alignment.center,
+        // color: Colors.black,
+        child: FittedBox(
+          fit: BoxFit.contain,
+          child: Icon(
+            MihIcons.mzansiAiLogo,
+            color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+            // size: widget.packageSize,
+          ),
+        ),
+        // child: Image(image: logo),
       ),
       iconSize: widget.packageSize,
       primaryColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
diff --git a/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_profile_tile.dart b/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_profile_tile.dart
index 4d3ca9c9..8a1cec00 100644
--- a/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_profile_tile.dart
+++ b/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_profile_tile.dart
@@ -1,5 +1,6 @@
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tile.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
 import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:flutter/material.dart';
@@ -23,7 +24,7 @@ class MzansiProfileTile extends StatefulWidget {
 class _MzansiProfileTileState extends State<MzansiProfileTile> {
   @override
   Widget build(BuildContext context) {
-    ImageProvider logo = MzanziInnovationHub.of(context)!.theme.logoImage();
+    // ImageProvider logo = MzanziInnovationHub.of(context)!.theme.logoImage();
     return MihAppTile(
       onTap: () {
         Navigator.of(context).pushNamed(
@@ -36,8 +37,18 @@ class _MzansiProfileTileState extends State<MzansiProfileTile> {
       },
       appName: "Mzansi Profile",
       appIcon: Container(
-        padding: const EdgeInsets.all(25),
-        child: Image(image: logo),
+        padding: const EdgeInsets.all(1),
+        alignment: Alignment.center,
+        // color: Colors.black,
+        child: FittedBox(
+          fit: BoxFit.contain,
+          child: Icon(
+            MihIcons.mihLogo,
+            color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+            // size: widget.packageSize,
+          ),
+        ),
+        // child: Image(image: logo),
       ),
       iconSize: widget.packageSize,
       primaryColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
diff --git a/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_setup_profile_tile.dart b/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_setup_profile_tile.dart
index 05642afd..b3d28366 100644
--- a/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_setup_profile_tile.dart
+++ b/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_setup_profile_tile.dart
@@ -1,5 +1,6 @@
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_tile.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
 import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:flutter/material.dart';
@@ -23,7 +24,6 @@ class MzansiSetupProfileTile extends StatefulWidget {
 class _MzansiSetupProfileTileState extends State<MzansiSetupProfileTile> {
   @override
   Widget build(BuildContext context) {
-    ImageProvider logo = MzanziInnovationHub.of(context)!.theme.logoImage();
     return MihAppTile(
       onTap: () {
         Navigator.of(context).pushNamed(
@@ -36,8 +36,15 @@ class _MzansiSetupProfileTileState extends State<MzansiSetupProfileTile> {
       },
       appName: "Setup Profile",
       appIcon: Container(
-        padding: const EdgeInsets.all(25),
-        child: Image(image: logo),
+        padding: const EdgeInsets.all(1),
+        child: FittedBox(
+          fit: BoxFit.contain,
+          child: Icon(
+            MihIcons.mihLogo,
+            color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+            // size: widget.packageSize,
+          ),
+        ),
       ),
       iconSize: widget.packageSize,
       primaryColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
diff --git a/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile.dart b/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile.dart
index 35173d1b..82a8ea2d 100644
--- a/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile.dart
+++ b/Frontend/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile.dart
@@ -266,6 +266,7 @@ class _MihPersonalProfileState extends State<MihPersonalProfile> {
             radius: 70,
             drawerMode: false,
             editable: true,
+            frameColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
             onChange: (newProPic) {
               setState(() {
                 proPic = newProPic;
diff --git a/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart b/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart
index 0d7591fe..010c14e3 100644
--- a/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart
+++ b/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart
@@ -17,43 +17,62 @@ class _MihCardDisplayState extends State<MihCardDisplay> {
   Widget displayLoyaltyCard() {
     switch (widget.shopName.toLowerCase()) {
       case "apple tree":
-        return Image.asset('images/loyalty_cards/apple_tree.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/apple_tree.png');
       case "best before":
-        return Image.asset('images/loyalty_cards/best_before.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/best_before.png');
       case "checkers":
-        return Image.asset('images/loyalty_cards/checkers.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/checkers.png');
       case "clicks":
-        return Image.asset('images/loyalty_cards/Clicks_Club.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/Clicks_Club.png');
       case "cotton:on":
-        return Image.asset('images/loyalty_cards/cotton_on_perks.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/cotton_on_perks.png');
       case "dis-chem":
-        return Image.asset('images/loyalty_cards/dischem_benefit.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/dischem_benefit.png');
       case "pick n pay":
-        return Image.asset('images/loyalty_cards/pnp_smart.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/pnp_smart.png');
       case "shoprite":
-        return Image.asset('images/loyalty_cards/shoprite.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/shoprite.png');
       case "spar":
-        return Image.asset('images/loyalty_cards/spar_rewards.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/spar_rewards.png');
       case "woolworths":
-        return Image.asset('images/loyalty_cards/wrewards.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/wrewards.png');
       case "makro":
-        return Image.asset('images/loyalty_cards/makro.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/makro.png');
       case "fresh stop":
-        return Image.asset('images/loyalty_cards/fresh_stop.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/fresh_stop.png');
       case "panarottis":
-        return Image.asset('images/loyalty_cards/panarottis.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/panarottis.png');
       case "shell":
-        return Image.asset('images/loyalty_cards/Shell.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/Shell.png');
       case "edgars":
-        return Image.asset('images/loyalty_cards/edgars.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/edgars.png');
       case "jet":
-        return Image.asset('images/loyalty_cards/jet.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/jet.png');
       case "spur":
-        return Image.asset('images/loyalty_cards/spur.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/spur.png');
       case "infinity":
-        return Image.asset('images/loyalty_cards/infinity.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/infinity.png');
       case "eskom":
-        return Image.asset('images/loyalty_cards/eskom.png');
+        return Image.asset(
+            'lib/mih_components/mih_package_components/assets/images/loyalty_cards/eskom.png');
       default:
         return const Placeholder();
     }
diff --git a/Frontend/lib/mih_theme/mih_theme.dart b/Frontend/lib/mih_theme/mih_theme.dart
index e672128f..18b68801 100644
--- a/Frontend/lib/mih_theme/mih_theme.dart
+++ b/Frontend/lib/mih_theme/mih_theme.dart
@@ -161,11 +161,11 @@ class MihTheme {
   AssetImage logoFrame() {
     if (mode == "Dark") {
       return const AssetImage(
-        'images/frame_dark.png',
+        'lib/mih_components/mih_package_components/assets/images/frame_dark.png',
       );
     } else {
       return const AssetImage(
-        'images/frame_light.png',
+        'lib/mih_components/mih_package_components/assets/images/frame_light.png',
       );
     }
   }
@@ -173,11 +173,11 @@ class MihTheme {
   AssetImage altLogoFrame() {
     if (mode == "Light") {
       return const AssetImage(
-        'images/frame_dark.png',
+        'lib/mih_components/mih_package_components/assets/images/frame_dark.png',
       );
     } else {
       return const AssetImage(
-        'images/frame_light.png',
+        'lib/mih_components/mih_package_components/assets/images/frame_light.png',
       );
     }
   }
@@ -185,11 +185,11 @@ class MihTheme {
   AssetImage logoImage() {
     if (mode == "Dark") {
       return const AssetImage(
-        'images/logo_dark.png',
+        'lib/mih_components/mih_package_components/assets/images/logo_dark.png',
       );
     } else {
       return const AssetImage(
-        'images/logo_light.png',
+        'lib/mih_components/mih_package_components/assets/images/logo_light.png',
       );
     }
   }
@@ -197,11 +197,11 @@ class MihTheme {
   AssetImage altLogoImage() {
     if (mode == "Light") {
       return const AssetImage(
-        'images/logo_dark.png',
+        'lib/mih_components/mih_package_components/assets/images/logo_dark.png',
       );
     } else {
       return const AssetImage(
-        'images/logo_light.png',
+        'lib/mih_components/mih_package_components/assets/images/logo_light.png',
       );
     }
   }
@@ -209,11 +209,11 @@ class MihTheme {
   AssetImage loadingImage() {
     if (mode == "Dark") {
       loading = const AssetImage(
-        'images/loading_light.gif',
+        'lib/mih_components/mih_package_components/assets/images/loading_light.gif',
       );
     } else {
       loading = const AssetImage(
-        'images/loading_dark.gif',
+        'lib/mih_components/mih_package_components/assets/images/loading_dark.gif',
       );
     }
     return loading;
@@ -222,11 +222,11 @@ class MihTheme {
   AssetImage altLoadingImage() {
     if (mode == "Dark") {
       loading = const AssetImage(
-        'images/loading_dark.gif',
+        'lib/mih_components/mih_package_components/assets/images/loading_dark.gif',
       );
     } else {
       loading = const AssetImage(
-        'images/loading_light.gif',
+        'lib/mih_components/mih_package_components/assets/images/loading_light.gif',
       );
     }
     return loading;
@@ -234,18 +234,22 @@ class MihTheme {
 
   String loadingImageLocation() {
     if (mode == "Dark") {
-      loadingAssetText = 'images/loading_light.gif';
+      loadingAssetText =
+          'lib/mih_components/mih_package_components/assets/images/loading_light.gif';
     } else {
-      loadingAssetText = 'images/loading_dark.gif';
+      loadingAssetText =
+          'lib/mih_components/mih_package_components/assets/images/loading_dark.gif';
     }
     return loadingAssetText;
   }
 
   String altLoadingImageLocation() {
     if (mode == "Dark") {
-      loadingAssetText = 'images/loading_dark.gif';
+      loadingAssetText =
+          'lib/mih_components/mih_package_components/assets/images/loading_dark.gif';
     } else {
-      loadingAssetText = 'images/loading_light.gif';
+      loadingAssetText =
+          'lib/mih_components/mih_package_components/assets/images/loading_light.gif';
     }
     return loadingAssetText;
   }
@@ -253,11 +257,11 @@ class MihTheme {
   AssetImage aiLogoImage() {
     if (mode == "Dark") {
       return const AssetImage(
-        'images/mzansi_ai-dark.png',
+        'lib/mih_components/mih_package_components/assets/images/mzansi_ai-dark.png',
       );
     } else {
       return const AssetImage(
-        'images/mzansi_ai-light.png',
+        'lib/mih_components/mih_package_components/assets/images/mzansi_ai-light.png',
       );
     }
   }
diff --git a/Frontend/pubspec.yaml b/Frontend/pubspec.yaml
index e9ec8ecc..b1e71c3d 100644
--- a/Frontend/pubspec.yaml
+++ b/Frontend/pubspec.yaml
@@ -101,10 +101,11 @@ flutter:
 
   # To add assets to your application, add an assets section, like this:
   assets:
-    - images/
-    - images/loyalty_cards/
-    - images/app_icon/
-    - images/splash_screen/
+    - lib/mih_components/mih_package_components/assets/images/
+    - lib/mih_components/mih_package_components/assets/fonts/
+    - lib/mih_components/mih_package_components/assets/images/loyalty_cards/
+    - lib/mih_components/mih_package_components/assets/images/app_icon/
+    - lib/mih_components/mih_package_components/assets/images/splash_screen/
     # - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see
@@ -118,10 +119,10 @@ flutter:
   # "family" key with the font family name, and a "fonts" key with a
   # list giving the asset and other descriptors for the font. For
   # example:
-  # fonts:
-  #   - family: Schyler
-  #     fonts:
-  #       - asset: fonts/Schyler-Regular.ttf
+  fonts:
+    - family: MihIcons
+      fonts:
+        - asset: lib/mih_components/mih_package_components/assets/fonts/MihIcons.ttf
   #       - asset: fonts/Schyler-Italic.ttf
   #         style: italic
   #   - family: Trajan Pro
@@ -156,12 +157,12 @@ flutter_native_splash:
 
   # The image parameter allows you to specify an image used in the splash screen.  It must be a
   # png file and should be sized for 4x pixel density.
-  image: images/logo_light.png
+  image: lib/mih_components/mih_package_components/assets/images/logo_light.png
 
   # The branding property allows you to specify an image used as branding in the splash screen.
   # It must be a png file. It is supported for Android, iOS and the Web.  For Android 12,
   # see the Android 12 section below.
-  branding: images/branding_text.png
+  branding: lib/mih_components/mih_package_components/assets/images/branding_text.png
 
   # To position the branding image at the bottom of the screen you can use bottom, bottomRight,
   # and bottomLeft. The default values is bottom if not specified or specified something else.
@@ -191,7 +192,7 @@ flutter_native_splash:
     # 640 pixels in diameter.
     # App icon without an icon background: This should be 1152×1152 pixels, and fit within a circle
     # 768 pixels in diameter.
-    image: images/splash_screen/splash_screen_icon.png
+    image: lib/mih_components/mih_package_components/assets/images/splash_screen/splash_screen_icon.png
 
     # Splash screen background color.
     color: "#3A4454"
@@ -200,7 +201,7 @@ flutter_native_splash:
     #icon_background_color: "#111111"
 
     # The branding property allows you to specify an image used as branding in the splash screen.
-    branding: images/branding_text.png
+    branding: lib/mih_components/mih_package_components/assets/images/branding_text.png
 
     # The image_dark, color_dark, icon_background_color_dark, and branding_dark set values that
     # apply when the device is in dark mode. If they are not specified, the app will use the