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,22 +24,22 @@ 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),
+                padding: const EdgeInsets.fromLTRB(0, 0, 38, 0),
-                  child: Image.asset('assets/ph_logo.webp',
+                child: Image.asset('assets/ph_logo2.webp',
-                      width: 160, cacheWidth: (160 * MediaQuery.of(context).devicePixelRatio).round()),
+                    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',
@@ -47,10 +48,9 @@ class IndexPage extends StatelessWidget {
                 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