update

lib/widgets/consultation_widget.dart

@@ -71,11 +71,11 @@ class ConsultationWidget extends StatelessWidget {
         child: Row(
           mainAxisAlignment: MainAxisAlignment.start,
           children: [
-            const Gap(32),
+            const Gap(24),
             ClipRRect(
               borderRadius: BorderRadius.circular(12), // Adjust the radius as needed
               child:
-                  Image.asset(imagePath, width: 80, cacheWidth: (80 * MediaQuery.of(context).devicePixelRatio).round()),
+                  Image.asset(imagePath, width: 76, cacheWidth: (76 * MediaQuery.of(context).devicePixelRatio).round()),
             ),
             const Gap(24),
             Column(

lib/widgets/customer_pagebackground_widget.dart

@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+
+class CustomerPagebackgroundWidget extends StatelessWidget {
+  final Widget child;
+  final String? page;
+  final double? height;
+
+  const CustomerPagebackgroundWidget({
+    super.key,
+    required this.child,
+    this.page,
+    this.height,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      scrollDirection: Axis.vertical,
+      child: Container(
+          alignment: Alignment.center,
+          height: height ?? MediaQuery.of(context).size.height + 200,
+          decoration: BoxDecoration(
+            image: DecorationImage(
+              image: AssetImage(
+                page == 'login'
+                    ? 'assets/login_background.webp'
+                    : page == 'register'
+                        ? 'assets/register_background.webp'
+                        : page == 'menu'
+                            ? 'assets/menu_background.webp'
+                            : 'assets/background.webp',
+              ),
+              fit: BoxFit.cover, // Ensures the background covers the entire container
+              alignment: Alignment.center,
+              opacity: 0.1, // Adjusts the opacity as needed
+            ),
+            gradient: RadialGradient(
+              tileMode: TileMode.clamp,
+              colors: [
+                Color.fromRGBO(19, 8, 26, 1),
+                Color.fromRGBO(43, 22, 60, 1),
+              ],
+            ),
+          ),
+          child: Center(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 16),
+              child: child,
+            ),
+          )),
+    );
+  }
+}

lib/widgets/customer_title_widget.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:pharmacy_mobile/widgets/logo_widget.dart';
+import 'package:pharmacy_mobile/widgets/text_widget.dart';
+
+class CustomerTitleWidget extends StatelessWidget {
+  const CustomerTitleWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Row(
+      mainAxisAlignment: MainAxisAlignment.start,
+      children: [
+        LogoWidget(size: 56),
+        Gap(16),
+        TextWidget(
+          text: 'Ofelia Franco-Alcala Pharmacy',
+          size: 16,
+          bold: true,
+          title: true,
+        )
+      ],
+    );
+  }
+}