diff --git a/Frontend/patient_manager/lib/pages/about/MIH_About.dart b/Frontend/patient_manager/lib/pages/about/MIH_About.dart index 5d815c70..06bd1b02 100644 --- a/Frontend/patient_manager/lib/pages/about/MIH_About.dart +++ b/Frontend/patient_manager/lib/pages/about/MIH_About.dart @@ -3,7 +3,11 @@ import 'package:patient_manager/components/MIH_Layout/MIH_Action.dart'; import 'package:patient_manager/components/MIH_Layout/MIH_Body.dart'; import 'package:patient_manager/components/MIH_Layout/MIH_Header.dart'; import 'package:patient_manager/components/MIH_Layout/MIH_LayoutBuilder.dart'; -import 'package:patient_manager/components/popUpMessages/mihLoadingCircle.dart'; +import 'package:patient_manager/components/homeTile.dart'; +import 'package:patient_manager/main.dart'; +import 'package:font_awesome_flutter/font_awesome_flutter.dart'; + +import 'dart:html' as html; class MIHAbout extends StatefulWidget { const MIHAbout({ @@ -39,16 +43,275 @@ class _MIHAboutState extends State { } MIHBody getBody() { - return const MIHBody( - borderOn: true, + String vision = + "Digitizing Mzansi one process at a time. Discover essential Mzansi apps to streamline your personal and professional life. Simplify your daily tasks with our user-friendly solutions."; + return MIHBody( + borderOn: false, bodyItems: [ - Center( - child: Mihloadingcircle(), + SizedBox( + width: 165, + child: Image( + image: MzanziInnovationHub.of(context)!.theme.altLogoImage()), + ), + const SizedBox( + height: 10, + ), + const Text( + "Mzansi Innovation Hub", + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 25, + ), + ), + const SizedBox( + height: 10, + ), + Text( + vision, + textAlign: TextAlign.center, + style: const TextStyle( + //fontWeight: FontWeight.bold, + fontSize: 15, + ), + ), + const Padding( + padding: EdgeInsets.symmetric(vertical: 10.0), + child: Divider(), + ), + Wrap( + alignment: WrapAlignment.center, + crossAxisAlignment: WrapCrossAlignment.center, + spacing: 10, + runSpacing: 10, + children: [ + founderProPic(), + founderBio(), + ], + ), + const Padding( + padding: EdgeInsets.symmetric(vertical: 10.0), + child: Divider(), + ), + mihSocials(), + ], + ); + } + + Widget founderBio() { + String bio = ""; + bio += "BSc Comnputer Science & Information Systems\n"; + bio += "(University of the Western Cap)\n"; + bio += + "6 Year of banking experience with one of the big 5 banks of South Africa."; + return SizedBox( + width: 400, + child: Column( + children: [ + Text( + bio, + textAlign: TextAlign.center, + style: const TextStyle( + //fontWeight: FontWeight.bold, + fontSize: 15, + ), + ), + const SizedBox( + height: 10, + ), + ], + ), + ); + } + + Widget founderProPic() { + String heading = "Yasien Meth (Founder & CEO)"; + ImageProvider logoFrame = + MzanziInnovationHub.of(context)!.theme.altLogoFrame(); + return Column( + children: [ + Text( + heading, + textAlign: TextAlign.center, + style: const TextStyle( + fontWeight: FontWeight.bold, + fontSize: 20, + ), + ), + const SizedBox( + height: 10, + ), + Stack( + alignment: Alignment.center, + fit: StackFit.loose, + children: [ + CircleAvatar( + backgroundColor: + MzanziInnovationHub.of(context)!.theme.primaryColor(), + backgroundImage: const AssetImage("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, + ), + SizedBox( + width: 165, + child: Image(image: logoFrame), + ) + ], ), ], ); } + Widget mihSocials() { + String heading = "MIH Socials"; + return Column( + children: [ + Text( + heading, + textAlign: TextAlign.center, + style: const TextStyle( + fontWeight: FontWeight.bold, + fontSize: 20, + ), + ), + const SizedBox( + height: 10, + ), + SizedBox( + width: 500, + height: 300, + child: GridView.builder( + padding: EdgeInsets.only( + // left: width / 10, + // right: width / 10, + // //bottom: height / 5, + // top: 20, + ), + // physics: , + // shrinkWrap: true, + itemCount: getSocialsList().length, + gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent( + mainAxisSpacing: 15, maxCrossAxisExtent: 150), + itemBuilder: (context, index) { + return getSocialsList()[index]; + }, + ), + ), + ], + ); + } + + List getSocialsList() { + List socials = []; + socials.add(HomeTile( + onTap: () { + html.window + .open('https://www.tiktok.com/@mzansi.innovation.hub', 'new tab'); + }, + tileName: "TikTok", + tileIcon: Center( + child: FaIcon( + FontAwesomeIcons.tiktok, + color: MzanziInnovationHub.of(context)!.theme.primaryColor(), + size: 200, + ), + ), + p: MzanziInnovationHub.of(context)!.theme.secondaryColor(), + s: MzanziInnovationHub.of(context)!.theme.primaryColor(), + )); + //================================================================== + socials.add(HomeTile( + onTap: () { + html.window + .open('https://www.instagram.com/mzansi.innovation.hub', 'new tab'); + }, + tileName: "Instagram", + tileIcon: Center( + child: FaIcon( + FontAwesomeIcons.instagram, + color: MzanziInnovationHub.of(context)!.theme.primaryColor(), + size: 200, + ), + ), + p: MzanziInnovationHub.of(context)!.theme.secondaryColor(), + s: MzanziInnovationHub.of(context)!.theme.primaryColor(), + )); + //================================================================== + socials.add(HomeTile( + onTap: () { + //TODO + html.window + .open('https://www.youtube.com/@mzansiinnovationhub', 'new tab'); + }, + tileName: "YouTube", + tileIcon: Center( + child: FaIcon( + FontAwesomeIcons.youtube, + color: MzanziInnovationHub.of(context)!.theme.primaryColor(), + size: 175, + ), + ), + p: MzanziInnovationHub.of(context)!.theme.secondaryColor(), + s: MzanziInnovationHub.of(context)!.theme.primaryColor(), + )); + //================================================================== + socials.add(HomeTile( + onTap: () { + //TODO + html.window.open('https://x.com/mzansi_inno_hub', 'new tab'); + }, + tileName: "X", + tileIcon: Center( + child: FaIcon( + FontAwesomeIcons.xTwitter, + color: MzanziInnovationHub.of(context)!.theme.primaryColor(), + size: 200, + ), + ), + p: MzanziInnovationHub.of(context)!.theme.secondaryColor(), + s: MzanziInnovationHub.of(context)!.theme.primaryColor(), + )); + //================================================================== + socials.add(HomeTile( + onTap: () { + //TODO + html.window.open( + 'https://www.linkedin.com/company/mzansi-innovation-hub/', + 'new tab'); + }, + tileName: "LinkedIn", + tileIcon: Center( + child: FaIcon( + FontAwesomeIcons.linkedin, + color: MzanziInnovationHub.of(context)!.theme.primaryColor(), + size: 200, + ), + ), + p: MzanziInnovationHub.of(context)!.theme.secondaryColor(), + s: MzanziInnovationHub.of(context)!.theme.primaryColor(), + )); + //================================================================== + socials.add(HomeTile( + onTap: () { + //TODO + html.window.open( + 'https://www.facebook.com/profile.php?id=61565345762136', + 'new tab'); + }, + tileName: "FaceBook", + tileIcon: Center( + child: FaIcon( + FontAwesomeIcons.facebook, + color: MzanziInnovationHub.of(context)!.theme.primaryColor(), + size: 200, + ), + ), + p: MzanziInnovationHub.of(context)!.theme.secondaryColor(), + s: MzanziInnovationHub.of(context)!.theme.primaryColor(), + )); + //================================================================== + return socials; + } + @override void dispose() { super.dispose();