self-service-one-on-page

lib/shared/theme.dart

@@ -16,6 +16,12 @@ Color lightBackgroundColor = const Color(0xffF6F8FB);
 Color darkBackgroundColor = const Color(0xff020518);
 Color numberBackgroundColor = const Color(0xff1A1D2E);
 
+Color pink = const Color.fromRGBO(217, 108, 157, 1.0);
+Color purple = const Color.fromRGBO(132, 61, 179, 1.0);
+Color darkPurple = const Color.fromRGBO(19, 2, 38, 1.0);
+Color blueC = const Color.fromRGBO(143, 146, 181, 1.0);
+
+
 Color lightGreenColor = Color.fromRGBO(104, 167, 175, 1);
 Color lightRedColor = Color.fromRGBO(173, 90, 74, 1);
 Color lightTextColor = Color.fromRGBO(95, 102, 97, 1);

lib/ui/widgets/buttons.dart

@@ -91,3 +91,76 @@ class CustomTextButton extends StatelessWidget {
     );
   }
 }
+
+class buttonCekSaldo extends StatelessWidget {
+  final double width;
+  final double height;
+  final VoidCallback? onPressed;
+
+  const buttonCekSaldo({
+    Key? key,
+    this.width = 250,
+    this.height = 50,
+    this.onPressed,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(20),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.blue.withOpacity(0.5),
+            blurRadius: 10,
+            offset: Offset(5, 5),
+            spreadRadius: 2,
+          ),
+        ],
+        gradient: LinearGradient(
+          colors: [
+            Colors.white.withOpacity(0.9),
+            Colors.white.withOpacity(0.9),
+          ],
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+        ),
+        color: Colors.black.withOpacity(0.2),
+      ),
+      width: width,
+      height: height,
+      child: TextButton(
+        onPressed: onPressed,
+        style: TextButton.styleFrom(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(56),
+          ),
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            // Center(
+            //   child: Image.asset(
+            //     "assets/ic_send.png",
+            //     color: purpleColor,
+            //     width: 25,
+            //   ),
+            // ),
+            // SizedBox(
+            //   width:12,
+            // ),
+            Text(
+              'Cek Saldo',
+              style: whiteTextStyle.copyWith(
+                fontSize: 18,
+                fontWeight: semiBold,
+                color: whiteColor,
+                letterSpacing: 3,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/ui/widgets/glassmorphism.dart

@@ -24,11 +24,11 @@ class Glassmorphism extends StatelessWidget {
         filter: ImageFilter.blur(sigmaX: blur, sigmaY: blur),
         child: Container(
           decoration: BoxDecoration(
-            color: Colors.white.withOpacity(opacity),
+            color: Colors.deepPurpleAccent,
             borderRadius: BorderRadius.all(Radius.circular(radius)),
             border: Border.all(
               width: 1.5,
-              color: Colors.white.withOpacity(0.2),
+              color: Colors.purple.withOpacity(0.2),
             ),
           ),
           child: child,

lib/ui/widgets/home_services.dart

@@ -147,3 +147,77 @@ class ButtonQris extends StatelessWidget {
     );
   }
 }
+
+class Bbc extends StatelessWidget {
+  final String iconUrl;
+  final String title;
+  final String subtitle;
+
+  final VoidCallback? onPressed;
+  const Bbc({
+    Key? key,
+    required this.iconUrl,
+    required this.title,
+    required this.subtitle,
+    this.onPressed,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Container(
+          width: 100,
+          height: 70,
+          margin: const EdgeInsets.only(
+            bottom: 10,
+          ),
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(20),
+            color: purpleColor,
+            boxShadow: [
+              BoxShadow(
+                color: Colors.grey.withOpacity(0.3), //color of shadow
+                spreadRadius: 3, //spread radius
+                blurRadius: 7, // blur radius
+                offset: Offset(3, 3), // changes position of shadow
+                //first paramerter of offset is left-right
+                //second parameter is top to down
+              ),
+              //you can set more BoxShadow() here
+            ],
+          ),
+          child: Center(
+            child: Image.asset(
+              iconUrl,
+              color: whiteColor,
+              width: 25,
+            ),
+          ),
+        ),
+        Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Text(
+              title,
+              style: blackTextStyle.copyWith(
+                fontWeight: semiBold,
+                fontSize: 22,
+              ),
+            ),
+            SizedBox(width: 5,),
+            Text(
+              subtitle,
+              style: greyTextStyle.copyWith(
+                fontWeight: light,
+                fontStyle: FontStyle.italic,
+                fontSize: 18,
+              ),
+            )
+          ],
+        ),
+      ],
+    );
+  }
+}
+