a

lib/account.dart

@@ -3,9 +3,22 @@ import 'package:date_format/date_format.dart';
 
 var date = formatDate(DateTime.now(), [HH, ':', nn]);
 
-class AccountPage extends StatelessWidget {
+class AccountPage extends StatefulWidget {
   const AccountPage({super.key});
 
+  @override
+  State<AccountPage> createState() => _AccountPageState();
+}
+
+class _AccountPageState extends State<AccountPage> {
+  int _selectedNavbar = 2;
+
+  void _changeSelectedNavBar(int index) {
+    setState(() {
+      _selectedNavbar = index;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -97,7 +110,7 @@ class AccountPage extends StatelessWidget {
             ),
           ),
           Container(
-            height: 5,
+            height: 8,
           ),
           Container(
             padding: EdgeInsets.symmetric(horizontal: 10),
@@ -116,7 +129,7 @@ class AccountPage extends StatelessWidget {
             ),
           ),
           Container(
-            height: 5,
+            height: 8,
           ),
           Container(
             padding: EdgeInsets.symmetric(horizontal: 10),
@@ -151,9 +164,86 @@ class AccountPage extends StatelessWidget {
           Container(
             padding: EdgeInsets.symmetric(horizontal: 10),
             child: Row(
-              children: [Icon(Icons.language)],
+              children: [
+                Icon(
+                  Icons.language,
+                  color: Color(0xff2D32BF).withOpacity(0.75),
+                ),
+                Container(
+                    margin: EdgeInsets.symmetric(horizontal: 5),
+                    child: Text('Language')),
+                Spacer(),
+                Text('English'),
+                Icon(Icons.chevron_right)
+              ],
+            ),
+          ),
+          Container(
+            margin: EdgeInsets.all(10),
+            color: Color(0xff514844).withOpacity(0.5),
+            height: 1,
+            width: MediaQuery.of(context).size.width * 0.95,
+          ),
+          Container(
+            padding: EdgeInsets.symmetric(horizontal: 10),
+            child: Row(
+              children: [
+                RotationTransition(
+                  turns: AlwaysStoppedAnimation(135 / 360),
+                  child: Icon(
+                    Icons.vpn_key,
+                    color: Color(0xff2D32BF).withOpacity(0.75),
+                  ),
+                ),
+                Container(
+                    margin: EdgeInsets.symmetric(horizontal: 5),
+                    child: Text('Password')),
+                Spacer(),
+                Text('Change password'),
+                Icon(Icons.chevron_right)
+              ],
+            ),
+          ),
+          Container(
+            margin: EdgeInsets.all(10),
+            color: Color(0xff514844).withOpacity(0.5),
+            height: 1,
+            width: MediaQuery.of(context).size.width * 0.95,
+          ),
+          Container(
+            padding: EdgeInsets.symmetric(horizontal: 10),
+            child: Row(
+              children: [
+                Icon(
+                  Icons.logout,
+                  color: Color(0xff2D32BF).withOpacity(0.75),
+                ),
+                Container(
+                    margin: EdgeInsets.symmetric(horizontal: 5),
+                    child: Text('Logout')),
+                Spacer(),
+                Icon(Icons.chevron_right)
+              ],
             ),
           ),
+          Container(
+            height: 10,
+          ),
+          Divider(
+            thickness: 8,
+          ),
+          Spacer(),
+          BottomNavigationBar(
+            items: [
+              BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Home'),
+              BottomNavigationBarItem(
+                  icon: Icon(Icons.history), label: 'History'),
+              BottomNavigationBarItem(
+                  icon: Icon(Icons.person), label: 'Account')
+            ],
+            currentIndex: _selectedNavbar,
+            onTap: _changeSelectedNavBar,
+          )
         ],
       ),
     );