Updated index page

lib/pages/index_page.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ocbo_esign_validator/widgets/circle_widget.dart';
 import 'package:ocbo_esign_validator/widgets/image_widget.dart';
 import 'package:ocbo_esign_validator/widgets/text_widget.dart';
 
@@ -8,17 +10,52 @@ class IndexPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    void gotoApproval() {
+      context.push('/approval');
+    }
+
+    void gotoValidation() {
+      context.push('/validate');
+    }
+
     return Scaffold(
-      body: Center(
+      resizeToAvoidBottomInset: false,
-        child: Column(
+      body: Container(
-          children: [
+        alignment: Alignment.center,
-            const Gap(88),
+        height: MediaQuery.of(context).size.height,
-            const ImageWidget(imagePath: 'assets/logo.png', size: 140, measureByHeight: true),
+        decoration: const BoxDecoration(color: Color.fromRGBO(21, 31, 42, 1)),
-            const Gap(20),
+        child: Center(
-            const TextWidget(text: "OCBO e-Sign", color: Colors.black, bold: true, size: 32),
+          child: Column(
-            const Gap(2),
+            children: [
-            const TextWidget(text: "Mobile", color: Colors.black, bold: true),
+              const Gap(88),
-          ],
+              const ImageWidget(imagePath: 'assets/logo.png', size: 140, measureByHeight: true),
+              const Gap(20),
+              const TextWidget(text: "OCBO e-Sign", color: Color.fromARGB(255, 244, 243, 243), bold: true, size: 32),
+              const Gap(2),
+              const TextWidget(text: "Mobile", color: Color.fromARGB(255, 244, 243, 243), bold: true),
+              const Gap(200),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                spacing: 32,
+                children: <Widget>[
+                  CircleWidget(
+                    icon: Icons.thumb_up,
+                    text: 'Approval',
+                    onPressed: () {
+                      gotoApproval();
+                    },
+                  ),
+                  CircleWidget(
+                    icon: Icons.qr_code,
+                    text: 'Validate',
+                    onPressed: () {
+                      gotoValidation();
+                    },
+                  ),
+                ],
+              ),
+            ],
+          ),
         ),
       ),
     );