update

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(
-            child: Column(
+            children: [
-              mainAxisAlignment: MainAxisAlignment.start,
+              const Gap(104),
-              children: [
+              const TitleWidget(firstTextSize: 32, secondTextSize: 40),
-                const Gap(104),
+              const Gap(32),
-                const TitleWidget(firstTextSize: 32, secondTextSize: 40),
+              Padding(
-                const Gap(32),
+                padding: const EdgeInsets.fromLTRB(0, 0, 38, 0),
-                Padding(
+                child: Image.asset('assets/ph_logo2.webp',
-                  padding: const EdgeInsets.fromLTRB(0, 0, 16, 0),
+                    width: 200, cacheWidth: (200 * MediaQuery.of(context).devicePixelRatio).round()),
-                  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(64),
+              const Gap(8),
-                ButtonWidget(text: 'Login', onPressed: gotoLogin),
+              ButtonWidget(text: 'Register', onPressed: gotoRegister, outline: true),
-                const Gap(8),
+              const Gap(32),
-                ButtonWidget(text: 'Register', onPressed: gotoRegister, outline: true),
+              const SloganWidget(),
-                const MaxGap(500),
+              const MaxGap(500),
-                const TextWidget(
+              const TextWidget(
-                  text: 'Copyright © 2025 - Ofelia Franco-Alcala Pharmacy',
+                text: 'Copyright © 2025 - Ofelia Franco-Alcala Pharmacy',
-                  size: 10,
+                size: 10,
-                  bold: true,
+                bold: true,
-                  footer: true,
+                footer: true,
-                ),
+              ),
-                const TextWidget(text: 'Developed By: Pat Alcala', size: 8, opacity: 0.8, footer: true),
+              const TextWidget(text: 'Developed By: Pat Alcala', size: 8, opacity: 0.8, footer: true),
-                const Gap(8),
+              const Gap(16),
-              ],
+            ],
-            ),
           ),
         ));
   }

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),
+        ),
+      ],
+    );
+  }
+}

pubspec.yaml

@@ -32,4 +32,5 @@ flutter:
 
   assets:
     - assets/ph_logo.webp
+    - assets/ph_logo2.webp
     - assets/background.webp