a

lib/list.dart

@@ -6,9 +6,237 @@ class ListPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+        resizeToAvoidBottomInset: false,
         backgroundColor: Theme.of(context).colorScheme.primaryContainer,
         body: Column(
-          children: [Text('heh')],
+          children: [
+            Row(
+              children: [
+                BackButton(),
+              ],
+            ),
+            Card(
+              child: Column(
+                children: [
+                  Row(
+                    children: [
+                      Text(
+                        'Top Menu',
+                        textAlign: TextAlign.left,
+                      ),
+                      Expanded(child: Container()),
+                      ElevatedButton(
+                          onPressed: () {
+                            print('Done');
+                          },
+                          child: Text('Done'))
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/food.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Foods & Drinks'),
+                          Text('Description of foods & drink'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/service.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Services'),
+                          Text('Description of services'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/additional.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Additional'),
+                          Text('Description of additional'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/firstaid.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('First Aid'),
+                          Text('Description of first aid'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/ticket.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Ticket'),
+                          Text('Description of ticket'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/vacation.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Vacation'),
+                          Text('Description of vacation'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/transportation.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Transportation'),
+                          Text('Description of transportation'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.do_not_disturb_on),
+                      Icon(Icons.dehaze),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+            Card(
+              child: Column(
+                children: [
+                  Row(
+                    children: [
+                      Text(
+                        'Available Menu',
+                        textAlign: TextAlign.left,
+                      ),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/food.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Foods & Drinks'),
+                          Text('Description of foods & drink'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.add_circle),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/service.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Services'),
+                          Text('Description of services'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.add_circle),
+                    ],
+                  ),
+                  Row(
+                    children: [
+                      Image.asset(
+                        'assets/images/additional.png',
+                        width: 60,
+                        height: 60,
+                        fit: BoxFit.cover,
+                      ),
+                      Column(
+                        children: [
+                          Text('Additional'),
+                          Text('Description of additional'),
+                        ],
+                      ),
+                      Expanded(child: Container()),
+                      Icon(Icons.add_circle),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ],
         ));
   }
 }

lib/login.dart

@@ -41,12 +41,26 @@ class LoginPage extends StatelessWidget {
                   ),
                 ),
               ),
-              Container(),
               Padding(
                 padding: const EdgeInsets.all(8.0),
                 child: ElevatedButton(
-                    onPressed: () => context.go('/list'), child: Text('Masuk')),
-              )
+                  onPressed: () => context.go('/list'),
+                  style: ButtonStyle(
+                      padding: MaterialStateProperty.all<EdgeInsets>(
+                          EdgeInsets.only(
+                              left: 260, right: 260, bottom: 25, top: 25)),
+                      backgroundColor: MaterialStateProperty.all(
+                          Color.fromARGB(255, 0, 255, 255)),
+                      foregroundColor:
+                          MaterialStateProperty.all<Color>(Colors.black),
+                      shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                          RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(10),
+                      ))),
+                  child: Text('Masuk'),
+                ),
+              ),
+              Text('Frisian Flag Indonesia, Tbk.'),
             ],
           )),
           Text('Kebijakan Privasi'),
@@ -78,6 +92,15 @@ class _LangState extends State<Lang> {
       padding: const EdgeInsets.all(8.0),
       child: Row(
         children: [
+          BackButton(),
+          Padding(
+            padding: const EdgeInsets.only(right: 0),
+            child: Text(
+              'Kembali Pindai QR',
+              softWrap: true,
+              textAlign: TextAlign.left,
+            ),
+          ),
           Expanded(child: Container()),
           ElevatedButton(
             onPressed: () {

pubspec.yaml

@@ -24,3 +24,5 @@ dev_dependencies:
 
 flutter:
   uses-material-design: true
+  assets:
+    - assets/images/