diff --git a/README.md b/README.md
index fed37e0..6c0d7fd 100644
--- a/README.md
+++ b/README.md
@@ -98,9 +98,9 @@ flutter build apk
| ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------- |
| 
| 
| 
| 
|
-| Page 61 | Page 62 | Page 63 | Page 64 |
-| ---------------------------------------------------- | ------- | ------- | ------- |
-| | | | |
+| Page 61 | Page 62 | Page 63 | Page 64 |
+| ---------------------------------------------------- | ---------------------------------------------------- | ------- | ------- |
+| 
| 
| | |
| Page 65 | Page 66 | Page 67 | Page 68 |
| ------- | ------- | ------- | ------- |
diff --git a/art/screenshots/page_62.png b/art/screenshots/page_62.png
new file mode 100644
index 0000000..9f3b109
Binary files /dev/null and b/art/screenshots/page_62.png differ
diff --git a/lib/src/mobile_ui/62/page_62.dart b/lib/src/mobile_ui/62/page_62.dart
new file mode 100644
index 0000000..7fd96a9
--- /dev/null
+++ b/lib/src/mobile_ui/62/page_62.dart
@@ -0,0 +1,211 @@
+import 'package:flutter/material.dart';
+
+class Page62 extends StatelessWidget {
+ const Page62({super.key});
+
+ @override
+ Widget build(BuildContext context) {
+ return Scaffold(
+ appBar: AppBar(
+ backgroundColor: Colors.white,
+ foregroundColor: Colors.black,
+ centerTitle: false,
+ elevation: 0,
+ title: Container(
+ width: 122,
+ height: 15,
+ decoration: ShapeDecoration(
+ color: Color(0xFFA8A8A8),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(50),
+ ),
+ ),
+ ),
+ actions: [
+ Container(
+ width: 30,
+ height: 30,
+ margin: EdgeInsets.only(
+ right: 24,
+ ),
+ decoration: BoxDecoration(
+ color: Color(0xFFC4C4C4),
+ shape: BoxShape.circle,
+ ),
+ ),
+ ],
+ ),
+ body: Padding(
+ padding: EdgeInsets.symmetric(
+ horizontal: 8,
+ vertical: 12,
+ ),
+ child: Column(
+ children: [
+ Container(
+ height: 60,
+ decoration: ShapeDecoration(
+ color: Color(0xFFD0D0D0),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(50),
+ ),
+ ),
+ child: TextField(
+ decoration: InputDecoration(
+ border: OutlineInputBorder(
+ borderSide: BorderSide.none,
+ ),
+ prefixIcon: Padding(
+ padding: EdgeInsets.symmetric(horizontal: 16),
+ child: Icon(Icons.search),
+ ),
+ ),
+ ),
+ ),
+ SizedBox(
+ height: 4,
+ ),
+ Expanded(
+ child: GridView.builder(
+ padding: EdgeInsets.only(
+ top: 30,
+ ),
+ itemCount: 4,
+ gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+ crossAxisCount: 2,
+ crossAxisSpacing: 43,
+ mainAxisSpacing: 22,
+ mainAxisExtent: 250,
+ ),
+ itemBuilder: (context, index) => Container(
+ // width: 150,
+ // height: 248,
+ padding: EdgeInsets.symmetric(
+ horizontal: 15,
+ vertical: 23,
+ ),
+ decoration: ShapeDecoration(
+ color: Color(0xFF525252),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(24),
+ ),
+ ),
+ child: Column(
+ children: [
+ Container(
+ width: 80,
+ height: 80,
+ decoration: BoxDecoration(
+ color: Color(0xFFC4C4C4),
+ shape: BoxShape.circle,
+ ),
+ ),
+ SizedBox(
+ height: 16,
+ ),
+ Container(
+ // width: 120,
+ height: 15,
+ decoration: ShapeDecoration(
+ color: Color(0xFFA8A8A8),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(50),
+ ),
+ ),
+ ),
+ SizedBox(
+ height: 16,
+ ),
+ Row(
+ children: [
+ Container(
+ width: 30,
+ height: 30,
+ decoration: BoxDecoration(
+ color: Color(0xFFC4C4C4),
+ shape: BoxShape.circle,
+ ),
+ ),
+ SizedBox(
+ width: 8,
+ ),
+ Expanded(
+ child: Container(
+ height: 15,
+ decoration: ShapeDecoration(
+ color: Color(0xFFA8A8A8),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(50),
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ SizedBox(
+ height: 16,
+ ),
+ Row(
+ children: [
+ Container(
+ width: 30,
+ height: 30,
+ decoration: BoxDecoration(
+ color: Color(0xFFC4C4C4),
+ shape: BoxShape.circle,
+ ),
+ ),
+ SizedBox(
+ width: 8,
+ ),
+ Expanded(
+ child: Container(
+ height: 15,
+ decoration: ShapeDecoration(
+ color: Color(0xFFA8A8A8),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(50),
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ ],
+ ),
+ ),
+ ),
+ ),
+ ],
+ ),
+ ),
+ bottomNavigationBar: Container(
+ // height: 81,
+ padding: EdgeInsets.symmetric(
+ horizontal: 28,
+ vertical: 24,
+ ),
+ decoration: ShapeDecoration(
+ color: Color(0xFF525252),
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
+ ),
+ ),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.spaceBetween,
+ children: List.generate(
+ 4,
+ (index) => Container(
+ width: 40,
+ height: 40,
+ decoration: BoxDecoration(
+ color: Color(0xFFC4C4C4),
+ shape: BoxShape.circle,
+ ),
+ ),
+ ),
+ ),
+ ),
+ );
+ }
+}
diff --git a/lib/src/mobile_ui/root/root.dart b/lib/src/mobile_ui/root/root.dart
index 5fb036e..ff8f2a2 100644
--- a/lib/src/mobile_ui/root/root.dart
+++ b/lib/src/mobile_ui/root/root.dart
@@ -352,7 +352,7 @@ class RootWidget extends StatelessWidget {
context.push("/${MobileRoutes.pg52}");
},
),
-
+
PageButtonWidget(
page: 53,
onPressed: () {
@@ -398,15 +398,22 @@ class RootWidget extends StatelessWidget {
context.push("/${MobileRoutes.pg59}");
},
),
-
+
PageButtonWidget(
- page: 60,
- onPressed: () {
- context.push("/${MobileRoutes.pg60}");}),
+ page: 60,
+ onPressed: () {
+ context.push("/${MobileRoutes.pg60}");
+ }),
PageButtonWidget(
- page: 61,
- onPressed: () {
- context.push("/${MobileRoutes.pg61}");}),
+ page: 61,
+ onPressed: () {
+ context.push("/${MobileRoutes.pg61}");
+ }),
+ PageButtonWidget(
+ page: 62,
+ onPressed: () {
+ context.push("/${MobileRoutes.pg62}");
+ }),
_RangeHeader(text: "101 -150"),
diff --git a/lib/src/mobile_ui/routes/routes.dart b/lib/src/mobile_ui/routes/routes.dart
index 773525e..94c83ab 100644
--- a/lib/src/mobile_ui/routes/routes.dart
+++ b/lib/src/mobile_ui/routes/routes.dart
@@ -70,6 +70,7 @@ class MobileRoutes {
/// 61 - 80
static const pg61 = "pg61";
+ static const pg62 = "pag62";
/// 81 - 100
diff --git a/lib/src/navigation/new_routes.dart b/lib/src/navigation/new_routes.dart
index d60deed..e57d548 100644
--- a/lib/src/navigation/new_routes.dart
+++ b/lib/src/navigation/new_routes.dart
@@ -42,6 +42,7 @@ import 'package:flutter_ui_kit_obkm/src/mobile_ui/59/page_59.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/6/page6.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/60/page_60.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/61/page_61.dart';
+import 'package:flutter_ui_kit_obkm/src/mobile_ui/62/page_62.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/7/page7.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/8/page8.dart';
import 'package:flutter_ui_kit_obkm/src/mobile_ui/9/page9.dart';
@@ -393,6 +394,11 @@ var newRoutesConfig = GoRouter(
builder: (BuildContext context, GoRouterState state) =>
const Page61(),
),
+ GoRoute(
+ path: MobileRoutes.pg62,
+ builder: (BuildContext context, GoRouterState state) =>
+ const Page62(),
+ ),
/// 141 - 160
GoRoute(