diff --git a/assets/ph_logo2.webp b/assets/ph_logo2.webp new file mode 100755 index 0000000..0dcff13 Binary files /dev/null and b/assets/ph_logo2.webp differ diff --git a/lib/pages/index_page.dart b/lib/pages/index_page.dart index 7e564b9..d5a087b 100644 --- a/lib/pages/index_page.dart +++ b/lib/pages/index_page.dart @@ -4,6 +4,7 @@ import 'package:go_router/go_router.dart'; import 'package:gap/gap.dart'; import 'package:pharmacy_mobile/widgets/button_widget.dart'; import 'package:pharmacy_mobile/widgets/page_background_widget.dart'; +import 'package:pharmacy_mobile/widgets/slogan_widget.dart'; import 'package:pharmacy_mobile/widgets/text_widget.dart'; import 'package:pharmacy_mobile/widgets/title_widget.dart'; @@ -23,33 +24,32 @@ class IndexPage extends StatelessWidget { return Scaffold( resizeToAvoidBottomInset: false, body: PageBackgroundWidget( - child: Center( - child: Column( - mainAxisAlignment: MainAxisAlignment.start, - children: [ - const Gap(104), - const TitleWidget(firstTextSize: 32, secondTextSize: 40), - const Gap(32), - Padding( - padding: const EdgeInsets.fromLTRB(0, 0, 16, 0), - child: Image.asset('assets/ph_logo.webp', - width: 160, cacheWidth: (160 * MediaQuery.of(context).devicePixelRatio).round()), - ), - const Gap(64), - ButtonWidget(text: 'Login', onPressed: gotoLogin), - const Gap(8), - ButtonWidget(text: 'Register', onPressed: gotoRegister, outline: true), - const MaxGap(500), - const TextWidget( - text: 'Copyright © 2025 - Ofelia Franco-Alcala Pharmacy', - size: 10, - bold: true, - footer: true, - ), - const TextWidget(text: 'Developed By: Pat Alcala', size: 8, opacity: 0.8, footer: true), - const Gap(8), - ], - ), + child: Column( + children: [ + const Gap(104), + const TitleWidget(firstTextSize: 32, secondTextSize: 40), + const Gap(32), + Padding( + padding: const EdgeInsets.fromLTRB(0, 0, 38, 0), + child: Image.asset('assets/ph_logo2.webp', + width: 200, cacheWidth: (200 * MediaQuery.of(context).devicePixelRatio).round()), + ), + const Gap(64), + ButtonWidget(text: 'Login', onPressed: gotoLogin), + const Gap(8), + ButtonWidget(text: 'Register', onPressed: gotoRegister, outline: true), + const Gap(32), + const SloganWidget(), + const MaxGap(500), + const TextWidget( + text: 'Copyright © 2025 - Ofelia Franco-Alcala Pharmacy', + size: 10, + bold: true, + footer: true, + ), + const TextWidget(text: 'Developed By: Pat Alcala', size: 8, opacity: 0.8, footer: true), + const Gap(16), + ], ), )); } diff --git a/lib/widgets/slogan_widget.dart b/lib/widgets/slogan_widget.dart new file mode 100644 index 0000000..cd3db2f --- /dev/null +++ b/lib/widgets/slogan_widget.dart @@ -0,0 +1,40 @@ +import 'package:flutter/material.dart'; +import 'package:font_awesome_flutter/font_awesome_flutter.dart'; +import 'package:gap/gap.dart'; +import 'package:google_fonts/google_fonts.dart'; + +class SloganWidget extends StatelessWidget { + const SloganWidget({super.key}); + + @override + Widget build(BuildContext context) { + return Column( + children: [ + _buildSloganItem("Easy to Use"), + const Gap(8), + _buildSloganItem("Access to Medicine"), + const Gap(8), + _buildSloganItem("Home Delivery"), + ], + ); + } + + Widget _buildSloganItem(String text) { + return Row( + children: [ + const Gap(48), + FaIcon( + size: 24, + FontAwesomeIcons.circleCheck, + color: const Color.fromRGBO(112, 239, 70, 0.6), + ), + const Gap(16), // Add some space between the icon and the text + Text( + text, + style: GoogleFonts.outfit( + color: const Color.fromRGBO(112, 239, 70, 0.6), fontSize: 16, fontWeight: FontWeight.w500), + ), + ], + ); + } +} diff --git a/pubspec.yaml b/pubspec.yaml index d0f8281..a723565 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -32,4 +32,5 @@ flutter: assets: - assets/ph_logo.webp + - assets/ph_logo2.webp - assets/background.webp