diff --git a/assets/icons/dine_in.png b/assets/icons/dine_in.png
new file mode 100644
index 0000000..d1d2aa4
Binary files /dev/null and b/assets/icons/dine_in.png differ
diff --git a/assets/icons/takeaway.png b/assets/icons/takeaway.png
new file mode 100644
index 0000000..3020197
Binary files /dev/null and b/assets/icons/takeaway.png differ
diff --git a/lib/common/data/service_data.dart b/lib/common/data/service_data.dart
index 5ea518c..7a78c6a 100644
--- a/lib/common/data/service_data.dart
+++ b/lib/common/data/service_data.dart
@@ -1,11 +1,26 @@
+import '../../presentation/components/assets/assets.gen.dart';
+
 class Service {
-  Service({required this.name, required this.description});
+  Service({
+    required this.name,
+    required this.description,
+    required this.imagePath,
+  });
 
   final String name;
+  final String imagePath;
   final String description;
 }
 
 List<Service> services = [
-  Service(name: 'Dine In', description: 'Makan langsung di tempat'),
-  Service(name: 'Take Away', description: 'Pesan dan bawa pulang'),
+  Service(
+    name: 'Dine In',
+    description: 'Makan langsung di tempat',
+    imagePath: Assets.icons.dineIn.path,
+  ),
+  Service(
+    name: 'Take Away',
+    description: 'Pesan dan bawa pulang',
+    imagePath: Assets.icons.dineIn.path,
+  ),
 ];
diff --git a/lib/common/theme/theme.dart b/lib/common/theme/theme.dart
index e313955..2a55eb5 100644
--- a/lib/common/theme/theme.dart
+++ b/lib/common/theme/theme.dart
@@ -43,7 +43,7 @@ class ThemeApp {
       foregroundColor: AppColor.textPrimary,
       elevation: 0,
       titleTextStyle: AppStyle.xl.copyWith(
-        color: AppColor.primary,
+        color: AppColor.textPrimary,
         fontWeight: FontWeight.w600,
       ),
       centerTitle: true,
@@ -60,6 +60,15 @@ class ThemeApp {
         ),
       ),
     ),
+    outlinedButtonTheme: OutlinedButtonThemeData(
+      style: OutlinedButton.styleFrom(
+        foregroundColor: AppColor.primary,
+        shape: RoundedRectangleBorder(
+          side: BorderSide(color: AppColor.border),
+          borderRadius: BorderRadiusGeometry.circular(AppValue.borderRadius),
+        ),
+      ),
+    ),
     inputDecorationTheme: InputDecorationTheme(
       border: _inputBorder,
       focusedBorder: _inputBorder.copyWith(
diff --git a/lib/presentation/components/assets/assets.gen.dart b/lib/presentation/components/assets/assets.gen.dart
index 43f7785..79306ec 100644
--- a/lib/presentation/components/assets/assets.gen.dart
+++ b/lib/presentation/components/assets/assets.gen.dart
@@ -43,6 +43,20 @@ class $AssetsAudioGen {
   ];
 }
 
+class $AssetsIconsGen {
+  const $AssetsIconsGen();
+
+  /// File path: assets/icons/dine_in.png
+  AssetGenImage get dineIn => const AssetGenImage('assets/icons/dine_in.png');
+
+  /// File path: assets/icons/takeaway.png
+  AssetGenImage get takeaway =>
+      const AssetGenImage('assets/icons/takeaway.png');
+
+  /// List of all assets
+  List<AssetGenImage> get values => [dineIn, takeaway];
+}
+
 class $AssetsImagesGen {
   const $AssetsImagesGen();
 
@@ -97,6 +111,7 @@ class Assets {
   const Assets._();
 
   static const $AssetsAudioGen audio = $AssetsAudioGen();
+  static const $AssetsIconsGen icons = $AssetsIconsGen();
   static const $AssetsImagesGen images = $AssetsImagesGen();
 }
 
diff --git a/lib/presentation/components/border/dashed_border.dart b/lib/presentation/components/border/dashed_border.dart
new file mode 100644
index 0000000..5e612f7
--- /dev/null
+++ b/lib/presentation/components/border/dashed_border.dart
@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+
+class DashedDivider extends StatelessWidget {
+  final double height;
+  final double dashWidth;
+  final double dashSpacing;
+  final Color color;
+
+  const DashedDivider({
+    super.key,
+    this.height = 1,
+    this.dashWidth = 5,
+    this.dashSpacing = 3,
+    this.color = Colors.grey,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: height,
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final boxWidth = constraints.constrainWidth();
+          final dashCount = (boxWidth / (dashWidth + dashSpacing)).floor();
+          return Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: List.generate(dashCount, (_) {
+              return SizedBox(
+                width: dashWidth,
+                height: height,
+                child: DecoratedBox(decoration: BoxDecoration(color: color)),
+              );
+            }),
+          );
+        },
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/components/button/button.dart b/lib/presentation/components/button/button.dart
index 2cdbda2..aba4042 100644
--- a/lib/presentation/components/button/button.dart
+++ b/lib/presentation/components/button/button.dart
@@ -4,3 +4,5 @@ import 'package:flutter_spinkit/flutter_spinkit.dart';
 import '../../../common/theme/theme.dart';
 
 part 'elevated_button.dart';
+part 'outline_button.dart';
+part 'qty_button.dart';
diff --git a/lib/presentation/components/button/elevated_button.dart b/lib/presentation/components/button/elevated_button.dart
index 917fed1..27f99ef 100644
--- a/lib/presentation/components/button/elevated_button.dart
+++ b/lib/presentation/components/button/elevated_button.dart
@@ -6,7 +6,7 @@ class AppElevatedButton extends StatelessWidget {
     required this.onPressed,
     required this.title,
     this.width = double.infinity,
-    this.height = 48.0,
+    this.height = 44.0,
     this.isLoading = false,
   });
 
@@ -41,7 +41,7 @@ class AppElevatedButton extends StatelessWidget {
               )
             : Text(
                 title,
-                style: AppStyle.lg.copyWith(
+                style: AppStyle.md.copyWith(
                   color: AppColor.white,
                   fontWeight: FontWeight.w700,
                 ),
diff --git a/lib/presentation/components/button/outline_button.dart b/lib/presentation/components/button/outline_button.dart
new file mode 100644
index 0000000..921d473
--- /dev/null
+++ b/lib/presentation/components/button/outline_button.dart
@@ -0,0 +1,58 @@
+part of 'button.dart';
+
+class AppOutlineButton extends StatelessWidget {
+  const AppOutlineButton({
+    super.key,
+    required this.onPressed,
+    required this.title,
+    this.width = double.infinity,
+    this.height = 44.0,
+    this.isLoading = false,
+    this.borderColor,
+  });
+
+  final Function()? onPressed;
+  final String title;
+  final double width;
+  final double height;
+  final bool isLoading;
+  final Color? borderColor;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: width,
+      height: height,
+      child: OutlinedButton(
+        onPressed: onPressed,
+        style: OutlinedButton.styleFrom(
+          padding: EdgeInsets.zero,
+          side: BorderSide(color: borderColor ?? AppColor.primary),
+        ),
+        child: isLoading
+            ? Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  SpinKitFadingCircle(color: AppColor.white, size: 24),
+                  SizedBox(width: 8),
+                  Text(
+                    'Loading',
+                    style: AppStyle.lg.copyWith(
+                      color: AppColor.white,
+                      fontWeight: FontWeight.w700,
+                    ),
+                  ),
+                ],
+              )
+            : Text(
+                title,
+                style: AppStyle.md.copyWith(
+                  color: AppColor.primary,
+                  fontWeight: FontWeight.w700,
+                ),
+              ),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/components/button/qty_button.dart b/lib/presentation/components/button/qty_button.dart
index 943970b..a683ae8 100644
--- a/lib/presentation/components/button/qty_button.dart
+++ b/lib/presentation/components/button/qty_button.dart
@@ -1,6 +1,4 @@
-import 'package:flutter/material.dart';
-
-import '../../../common/theme/theme.dart';
+part of 'button.dart';
 
 class QtyButton extends StatelessWidget {
   const QtyButton({super.key});
diff --git a/lib/presentation/components/card/service_card.dart b/lib/presentation/components/card/service_card.dart
new file mode 100644
index 0000000..e355066
--- /dev/null
+++ b/lib/presentation/components/card/service_card.dart
@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+
+import '../../../common/data/service_data.dart';
+import '../../../common/theme/theme.dart';
+import '../image/image.dart';
+import 'gradient_card.dart';
+
+class ServiceCard extends StatelessWidget {
+  final Service service;
+  const ServiceCard({super.key, required this.service});
+
+  @override
+  Widget build(BuildContext context) {
+    return GradientCard(
+      padding: EdgeInsets.symmetric(vertical: 12, horizontal: 16),
+      child: Row(
+        children: [
+          ClipRRect(
+            borderRadius: BorderRadiusGeometry.circular(8),
+            child: Image.asset(
+              service.imagePath,
+              width: 60,
+              height: 60,
+              errorBuilder: (context, error, stackTrace) =>
+                  ImagePlaceholder(width: 60, height: 60),
+            ),
+          ),
+          SizedBox(width: 12),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  service.name,
+                  style: AppStyle.xl.copyWith(
+                    fontWeight: FontWeight.bold,
+                    color: AppColor.white,
+                  ),
+                ),
+                Text(
+                  service.description,
+                  style: AppStyle.md.copyWith(
+                    fontWeight: FontWeight.w500,
+                    color: AppColor.white,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          InkWell(
+            child: Text(
+              'Ubah',
+              style: AppStyle.md.copyWith(
+                color: AppColor.white,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/pages/checkout/checkout_page.dart b/lib/presentation/pages/checkout/checkout_page.dart
new file mode 100644
index 0000000..0a274fa
--- /dev/null
+++ b/lib/presentation/pages/checkout/checkout_page.dart
@@ -0,0 +1,225 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+import '../../../common/data/service_data.dart';
+import '../../../common/extension/extension.dart';
+import '../../../common/theme/theme.dart';
+import '../../../sample/product_sample_data.dart';
+import '../../components/border/dashed_border.dart';
+import '../../components/button/button.dart';
+import '../../components/card/service_card.dart';
+import 'widgets/checkout_item.dart';
+import 'widgets/merchant.dart';
+
+@RoutePage()
+class CheckoutPage extends StatelessWidget {
+  const CheckoutPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: Text('Checkout')),
+      bottomNavigationBar: Container(
+        padding: EdgeInsets.all(AppValue.padding).copyWith(bottom: 24),
+        decoration: BoxDecoration(
+          color: AppColor.white,
+          boxShadow: [
+            BoxShadow(
+              color: AppColor.black.withOpacity(0.1),
+              offset: Offset(2, 0),
+              blurRadius: 10,
+            ),
+          ],
+        ),
+        child: AppElevatedButton(onPressed: () {}, title: 'Pesan Sekarang'),
+      ),
+      body: ListView(
+        children: [
+          Container(
+            padding: EdgeInsets.all(AppValue.padding),
+            child: Column(
+              children: [
+                ServiceCard(service: services.first),
+                SizedBox(height: 16),
+                CheckoutMerchant(),
+              ],
+            ),
+          ),
+          Divider(thickness: 4, color: AppColor.borderLight),
+          Container(
+            padding: EdgeInsets.all(16),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _sectionTitle('Pesananmu'),
+                SizedBox(height: 16),
+                CheckoutItem(product: products.first),
+                CheckoutItem(product: products.first),
+                Row(
+                  children: [
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            'Ada Tambah lagi?',
+                            style: AppStyle.md.copyWith(
+                              fontWeight: FontWeight.w600,
+                            ),
+                          ),
+                          SizedBox(height: 4),
+                          Text(
+                            'Kakmu bisa menambah menu lainnya, ya.',
+                            style: AppStyle.md,
+                          ),
+                        ],
+                      ),
+                    ),
+                    SizedBox(width: 12),
+                    AppOutlineButton(
+                      width: 100,
+                      onPressed: () {},
+                      title: '+ Tambah',
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          Divider(thickness: 4, color: AppColor.borderLight),
+          Container(
+            padding: EdgeInsets.all(AppValue.padding),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _sectionTitle('Voucher'),
+                SizedBox(height: 16),
+                Row(
+                  children: [
+                    Container(
+                      padding: EdgeInsets.all(4),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(4),
+                        color: AppColor.primary.withOpacity(0.1),
+                      ),
+                      child: Icon(
+                        Icons.confirmation_number,
+                        color: AppColor.primary,
+                      ),
+                    ),
+                    SizedBox(width: 12),
+                    Expanded(
+                      child: Text(
+                        'Kamu bisa menggunakan voucher mu disini.',
+                        style: AppStyle.md,
+                      ),
+                    ),
+                    Icon(Icons.chevron_right, color: AppColor.textSecondary),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          Divider(thickness: 4, color: AppColor.borderLight),
+          Container(
+            padding: EdgeInsets.all(AppValue.padding),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _sectionTitle('Metode Pembayaran'),
+                SizedBox(height: 16),
+                Row(
+                  children: [
+                    Container(
+                      padding: EdgeInsets.all(4),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(4),
+                        color: AppColor.primary.withOpacity(0.1),
+                      ),
+                      child: Icon(Icons.wallet, color: AppColor.primary),
+                    ),
+                    SizedBox(width: 12),
+                    Expanded(
+                      child: Text(
+                        'Pilih metode pembayaran disini.',
+                        style: AppStyle.md,
+                      ),
+                    ),
+                    Icon(Icons.chevron_right, color: AppColor.textSecondary),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          Divider(thickness: 4, color: AppColor.borderLight),
+          Container(
+            padding: EdgeInsets.all(AppValue.padding),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                _sectionTitle('Rincian Pembayaran'),
+                SizedBox(height: 16),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Text(
+                      'Harga',
+                      style: AppStyle.md.copyWith(fontWeight: FontWeight.w500),
+                    ),
+                    Text(
+                      "40000".currencyFormatRp,
+                      style: AppStyle.md.copyWith(fontWeight: FontWeight.w500),
+                    ),
+                  ],
+                ),
+                Padding(
+                  padding: const EdgeInsets.symmetric(vertical: 12),
+                  child: DashedDivider(),
+                ),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Text(
+                      'Total Pembayaran',
+                      style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
+                    ),
+                    Text(
+                      "40000".currencyFormatRp,
+                      style: AppStyle.lg.copyWith(fontWeight: FontWeight.bold),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          Divider(thickness: 4, color: AppColor.borderLight),
+          Container(
+            padding: EdgeInsets.all(AppValue.padding),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  "Kebijakan Pembatalan",
+                  style: AppStyle.md.copyWith(fontWeight: FontWeight.bold),
+                ),
+                SizedBox(height: 4),
+                Text(
+                  'Kamu tidak dapat melakukan pembatalan atau perubahan apapun pada pesanan setelah melakukan pembayaran.',
+                  style: AppStyle.sm,
+                ),
+              ],
+            ),
+          ),
+          SizedBox(height: 40),
+        ],
+      ),
+    );
+  }
+
+  Text _sectionTitle(String title) {
+    return Text(
+      title,
+      style: AppStyle.xl.copyWith(fontWeight: FontWeight.bold),
+    );
+  }
+}
diff --git a/lib/presentation/pages/checkout/widgets/checkout_item.dart b/lib/presentation/pages/checkout/widgets/checkout_item.dart
new file mode 100644
index 0000000..be3dbab
--- /dev/null
+++ b/lib/presentation/pages/checkout/widgets/checkout_item.dart
@@ -0,0 +1,68 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/extension/extension.dart';
+import '../../../../common/theme/theme.dart';
+import '../../../../sample/product_sample_data.dart';
+import '../../../components/button/button.dart';
+import '../../../components/image/image.dart';
+
+class CheckoutItem extends StatelessWidget {
+  final Product product;
+  const CheckoutItem({super.key, required this.product});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(bottom: 16),
+      decoration: BoxDecoration(),
+      child: Column(
+        children: [
+          Row(
+            children: [
+              AppNetworkImage(url: product.imageUrl, width: 60, height: 60),
+              SizedBox(width: 12),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      product.name,
+                      style: AppStyle.md.copyWith(fontWeight: FontWeight.bold),
+                    ),
+                    SizedBox(height: 4),
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Text(
+                          "1x ${product.price.currencyFormatRp}",
+                          style: AppStyle.md,
+                        ),
+                        Text("27000".currencyFormatRp, style: AppStyle.md),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+          SizedBox(height: 8),
+          Row(
+            children: [
+              Expanded(
+                child: Text(
+                  'Catatan',
+                  style: AppStyle.md.copyWith(
+                    color: AppColor.textSecondary,
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+              ),
+              SizedBox(width: 12),
+              QtyButton(),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/pages/checkout/widgets/merchant.dart b/lib/presentation/pages/checkout/widgets/merchant.dart
new file mode 100644
index 0000000..0da9195
--- /dev/null
+++ b/lib/presentation/pages/checkout/widgets/merchant.dart
@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+
+import '../../../../common/constant/app_constant.dart';
+import '../../../../common/theme/theme.dart';
+
+class CheckoutMerchant extends StatelessWidget {
+  const CheckoutMerchant({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Container(
+          width: 60,
+          height: 60,
+          decoration: BoxDecoration(
+            color: AppColor.surface,
+            borderRadius: BorderRadius.circular(12),
+          ),
+          child: Center(
+            child: ClipRRect(
+              borderRadius: BorderRadius.circular(12),
+              child: Image.asset(merchant.imageUrl),
+            ),
+          ),
+        ),
+        SizedBox(width: 12),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                merchant.name,
+                style: AppStyle.h6.copyWith(fontWeight: FontWeight.bold),
+              ),
+              Text(merchant.category, style: AppStyle.md.copyWith()),
+              Row(children: [SizedBox(width: 12)]),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/presentation/pages/menu/pages/menu_detail/menu_detail_page.dart b/lib/presentation/pages/menu/pages/menu_detail/menu_detail_page.dart
index 1ccc3d7..f1cf4e9 100644
--- a/lib/presentation/pages/menu/pages/menu_detail/menu_detail_page.dart
+++ b/lib/presentation/pages/menu/pages/menu_detail/menu_detail_page.dart
@@ -5,9 +5,9 @@ import '../../../../../common/extension/extension.dart';
 import '../../../../../common/theme/theme.dart';
 import '../../../../../sample/product_sample_data.dart';
 import '../../../../components/button/button.dart';
-import '../../../../components/button/qty_button.dart';
 import '../../../../components/card/variant_card.dart';
 import '../../../../components/image/image.dart';
+import '../../../../router/app_router.gr.dart';
 
 @RoutePage()
 class MenuDetailPage extends StatefulWidget {
@@ -68,7 +68,7 @@ class _MenuDetailPageState extends State<MenuDetailPage> {
             Expanded(
               flex: 2,
               child: AppElevatedButton(
-                onPressed: () {},
+                onPressed: () => context.router.push(CheckoutRoute()),
                 title: '+ Keranjang ${"27000".currencyFormatRp}',
               ),
             ),
diff --git a/lib/presentation/router/app_router.dart b/lib/presentation/router/app_router.dart
index 0ce483d..001111b 100644
--- a/lib/presentation/router/app_router.dart
+++ b/lib/presentation/router/app_router.dart
@@ -78,5 +78,8 @@ class AppRouter extends RootStackRouter {
     // Menu
     AutoRoute(page: MenuRoute.page),
     AutoRoute(page: MenuDetailRoute.page),
+
+    // Checkout
+    AutoRoute(page: CheckoutRoute.page),
   ];
 }
diff --git a/lib/presentation/router/app_router.gr.dart b/lib/presentation/router/app_router.gr.dart
index 98be6d4..79ddcf8 100644
--- a/lib/presentation/router/app_router.gr.dart
+++ b/lib/presentation/router/app_router.gr.dart
@@ -9,82 +9,83 @@
 // coverage:ignore-file
 
 // ignore_for_file: no_leading_underscores_for_library_prefixes
-import 'package:auto_route/auto_route.dart' as _i37;
-import 'package:enaklo/common/data/service_data.dart' as _i40;
+import 'package:auto_route/auto_route.dart' as _i38;
+import 'package:enaklo/common/data/service_data.dart' as _i41;
 import 'package:enaklo/presentation/pages/account/account_my/account_my_page.dart'
     as _i1;
 import 'package:enaklo/presentation/pages/account/address/address_page.dart'
     as _i2;
 import 'package:enaklo/presentation/pages/account/payment/payment_page.dart'
-    as _i27;
+    as _i28;
 import 'package:enaklo/presentation/pages/auth/create_password/create_password_page.dart'
-    as _i5;
-import 'package:enaklo/presentation/pages/auth/login/login_page.dart' as _i14;
-import 'package:enaklo/presentation/pages/auth/otp/otp_page.dart' as _i25;
-import 'package:enaklo/presentation/pages/auth/password/password_page.dart'
-    as _i26;
-import 'package:enaklo/presentation/pages/auth/pin/pin_page.dart' as _i28;
-import 'package:enaklo/presentation/pages/auth/register/register_page.dart'
-    as _i32;
-import 'package:enaklo/presentation/pages/coin/coin_page.dart' as _i4;
-import 'package:enaklo/presentation/pages/coin/pages/coin_history_page.dart'
-    as _i3;
-import 'package:enaklo/presentation/pages/coin/pages/product_redeem/product_redeem_page.dart'
-    as _i30;
-import 'package:enaklo/presentation/pages/draw/draw_page.dart' as _i9;
-import 'package:enaklo/presentation/pages/draw/pages/draw_detail/draw_detail_page.dart'
     as _i6;
-import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_info_page.dart'
-    as _i7;
-import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_my_number_page.dart'
-    as _i8;
-import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_today_page.dart'
-    as _i10;
-import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_winner_page.dart'
-    as _i11;
-import 'package:enaklo/presentation/pages/main/main_page.dart' as _i15;
-import 'package:enaklo/presentation/pages/main/pages/home/home_page.dart'
-    as _i13;
-import 'package:enaklo/presentation/pages/main/pages/order/order_page.dart'
-    as _i24;
-import 'package:enaklo/presentation/pages/main/pages/profile/profile_page.dart'
+import 'package:enaklo/presentation/pages/auth/login/login_page.dart' as _i15;
+import 'package:enaklo/presentation/pages/auth/otp/otp_page.dart' as _i26;
+import 'package:enaklo/presentation/pages/auth/password/password_page.dart'
+    as _i27;
+import 'package:enaklo/presentation/pages/auth/pin/pin_page.dart' as _i29;
+import 'package:enaklo/presentation/pages/auth/register/register_page.dart'
+    as _i33;
+import 'package:enaklo/presentation/pages/checkout/checkout_page.dart' as _i3;
+import 'package:enaklo/presentation/pages/coin/coin_page.dart' as _i5;
+import 'package:enaklo/presentation/pages/coin/pages/coin_history_page.dart'
+    as _i4;
+import 'package:enaklo/presentation/pages/coin/pages/product_redeem/product_redeem_page.dart'
     as _i31;
-import 'package:enaklo/presentation/pages/main/pages/voucher/voucher_page.dart'
-    as _i36;
-import 'package:enaklo/presentation/pages/menu/menu_page.dart' as _i17;
-import 'package:enaklo/presentation/pages/menu/pages/menu_detail/menu_detail_page.dart'
-    as _i16;
-import 'package:enaklo/presentation/pages/merchant/merchant_page.dart' as _i19;
-import 'package:enaklo/presentation/pages/merchant/pages/merchant_detail/merchant_detail_page.dart'
-    as _i18;
-import 'package:enaklo/presentation/pages/mini_games/ferris_wheel/ferris_wheel_page.dart'
+import 'package:enaklo/presentation/pages/draw/draw_page.dart' as _i10;
+import 'package:enaklo/presentation/pages/draw/pages/draw_detail/draw_detail_page.dart'
+    as _i7;
+import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_info_page.dart'
+    as _i8;
+import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_my_number_page.dart'
+    as _i9;
+import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_today_page.dart'
+    as _i11;
+import 'package:enaklo/presentation/pages/draw/pages/draw_detail/pages/draw_winner_page.dart'
     as _i12;
+import 'package:enaklo/presentation/pages/main/main_page.dart' as _i16;
+import 'package:enaklo/presentation/pages/main/pages/home/home_page.dart'
+    as _i14;
+import 'package:enaklo/presentation/pages/main/pages/order/order_page.dart'
+    as _i25;
+import 'package:enaklo/presentation/pages/main/pages/profile/profile_page.dart'
+    as _i32;
+import 'package:enaklo/presentation/pages/main/pages/voucher/voucher_page.dart'
+    as _i37;
+import 'package:enaklo/presentation/pages/menu/menu_page.dart' as _i18;
+import 'package:enaklo/presentation/pages/menu/pages/menu_detail/menu_detail_page.dart'
+    as _i17;
+import 'package:enaklo/presentation/pages/merchant/merchant_page.dart' as _i20;
+import 'package:enaklo/presentation/pages/merchant/pages/merchant_detail/merchant_detail_page.dart'
+    as _i19;
+import 'package:enaklo/presentation/pages/mini_games/ferris_wheel/ferris_wheel_page.dart'
+    as _i13;
 import 'package:enaklo/presentation/pages/mini_games/mistery_box/mistery_box_page.dart'
-    as _i20;
-import 'package:enaklo/presentation/pages/notification/notification_page.dart'
     as _i21;
-import 'package:enaklo/presentation/pages/onboarding/onboarding_page.dart'
+import 'package:enaklo/presentation/pages/notification/notification_page.dart'
     as _i22;
-import 'package:enaklo/presentation/pages/order/order_detail/order_detail_page.dart'
+import 'package:enaklo/presentation/pages/onboarding/onboarding_page.dart'
     as _i23;
-import 'package:enaklo/presentation/pages/point/point_page.dart' as _i29;
-import 'package:enaklo/presentation/pages/reward/reward_page.dart' as _i33;
-import 'package:enaklo/presentation/pages/splash/splash_page.dart' as _i34;
+import 'package:enaklo/presentation/pages/order/order_detail/order_detail_page.dart'
+    as _i24;
+import 'package:enaklo/presentation/pages/point/point_page.dart' as _i30;
+import 'package:enaklo/presentation/pages/reward/reward_page.dart' as _i34;
+import 'package:enaklo/presentation/pages/splash/splash_page.dart' as _i35;
 import 'package:enaklo/presentation/pages/voucher/voucher_detail/voucher_detail_page.dart'
-    as _i35;
-import 'package:enaklo/sample/product_sample_data.dart' as _i39;
-import 'package:enaklo/sample/sample_data.dart' as _i41;
-import 'package:flutter/material.dart' as _i38;
+    as _i36;
+import 'package:enaklo/sample/product_sample_data.dart' as _i40;
+import 'package:enaklo/sample/sample_data.dart' as _i42;
+import 'package:flutter/material.dart' as _i39;
 
 /// generated route for
 /// [_i1.AccountMyPage]
-class AccountMyRoute extends _i37.PageRouteInfo<void> {
-  const AccountMyRoute({List<_i37.PageRouteInfo>? children})
+class AccountMyRoute extends _i38.PageRouteInfo<void> {
+  const AccountMyRoute({List<_i38.PageRouteInfo>? children})
     : super(AccountMyRoute.name, initialChildren: children);
 
   static const String name = 'AccountMyRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       return const _i1.AccountMyPage();
@@ -94,13 +95,13 @@ class AccountMyRoute extends _i37.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i2.AddressPage]
-class AddressRoute extends _i37.PageRouteInfo<void> {
-  const AddressRoute({List<_i37.PageRouteInfo>? children})
+class AddressRoute extends _i38.PageRouteInfo<void> {
+  const AddressRoute({List<_i38.PageRouteInfo>? children})
     : super(AddressRoute.name, initialChildren: children);
 
   static const String name = 'AddressRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       return const _i2.AddressPage();
@@ -109,44 +110,60 @@ class AddressRoute extends _i37.PageRouteInfo<void> {
 }
 
 /// generated route for
-/// [_i3.CoinHistoryPage]
-class CoinHistoryRoute extends _i37.PageRouteInfo<void> {
-  const CoinHistoryRoute({List<_i37.PageRouteInfo>? children})
+/// [_i3.CheckoutPage]
+class CheckoutRoute extends _i38.PageRouteInfo<void> {
+  const CheckoutRoute({List<_i38.PageRouteInfo>? children})
+    : super(CheckoutRoute.name, initialChildren: children);
+
+  static const String name = 'CheckoutRoute';
+
+  static _i38.PageInfo page = _i38.PageInfo(
+    name,
+    builder: (data) {
+      return const _i3.CheckoutPage();
+    },
+  );
+}
+
+/// generated route for
+/// [_i4.CoinHistoryPage]
+class CoinHistoryRoute extends _i38.PageRouteInfo<void> {
+  const CoinHistoryRoute({List<_i38.PageRouteInfo>? children})
     : super(CoinHistoryRoute.name, initialChildren: children);
 
   static const String name = 'CoinHistoryRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i3.CoinHistoryPage();
+      return const _i4.CoinHistoryPage();
     },
   );
 }
 
 /// generated route for
-/// [_i4.CoinPage]
-class CoinRoute extends _i37.PageRouteInfo<void> {
-  const CoinRoute({List<_i37.PageRouteInfo>? children})
+/// [_i5.CoinPage]
+class CoinRoute extends _i38.PageRouteInfo<void> {
+  const CoinRoute({List<_i38.PageRouteInfo>? children})
     : super(CoinRoute.name, initialChildren: children);
 
   static const String name = 'CoinRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i4.CoinPage();
+      return const _i5.CoinPage();
     },
   );
 }
 
 /// generated route for
-/// [_i5.CreatePasswordPage]
-class CreatePasswordRoute extends _i37.PageRouteInfo<CreatePasswordRouteArgs> {
+/// [_i6.CreatePasswordPage]
+class CreatePasswordRoute extends _i38.PageRouteInfo<CreatePasswordRouteArgs> {
   CreatePasswordRoute({
-    _i38.Key? key,
+    _i39.Key? key,
     required String registrationToken,
-    List<_i37.PageRouteInfo>? children,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          CreatePasswordRoute.name,
          args: CreatePasswordRouteArgs(
@@ -158,12 +175,12 @@ class CreatePasswordRoute extends _i37.PageRouteInfo<CreatePasswordRouteArgs> {
 
   static const String name = 'CreatePasswordRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<CreatePasswordRouteArgs>();
-      return _i37.WrappedRoute(
-        child: _i5.CreatePasswordPage(
+      return _i38.WrappedRoute(
+        child: _i6.CreatePasswordPage(
           key: args.key,
           registrationToken: args.registrationToken,
         ),
@@ -175,7 +192,7 @@ class CreatePasswordRoute extends _i37.PageRouteInfo<CreatePasswordRouteArgs> {
 class CreatePasswordRouteArgs {
   const CreatePasswordRouteArgs({this.key, required this.registrationToken});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
   final String registrationToken;
 
@@ -186,172 +203,172 @@ class CreatePasswordRouteArgs {
 }
 
 /// generated route for
-/// [_i6.DrawDetailPage]
-class DrawDetailRoute extends _i37.PageRouteInfo<void> {
-  const DrawDetailRoute({List<_i37.PageRouteInfo>? children})
+/// [_i7.DrawDetailPage]
+class DrawDetailRoute extends _i38.PageRouteInfo<void> {
+  const DrawDetailRoute({List<_i38.PageRouteInfo>? children})
     : super(DrawDetailRoute.name, initialChildren: children);
 
   static const String name = 'DrawDetailRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i6.DrawDetailPage();
+      return const _i7.DrawDetailPage();
     },
   );
 }
 
 /// generated route for
-/// [_i7.DrawInfoPage]
-class DrawInfoRoute extends _i37.PageRouteInfo<void> {
-  const DrawInfoRoute({List<_i37.PageRouteInfo>? children})
+/// [_i8.DrawInfoPage]
+class DrawInfoRoute extends _i38.PageRouteInfo<void> {
+  const DrawInfoRoute({List<_i38.PageRouteInfo>? children})
     : super(DrawInfoRoute.name, initialChildren: children);
 
   static const String name = 'DrawInfoRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i7.DrawInfoPage();
+      return const _i8.DrawInfoPage();
     },
   );
 }
 
 /// generated route for
-/// [_i8.DrawMyNumberPage]
-class DrawMyNumberRoute extends _i37.PageRouteInfo<void> {
-  const DrawMyNumberRoute({List<_i37.PageRouteInfo>? children})
+/// [_i9.DrawMyNumberPage]
+class DrawMyNumberRoute extends _i38.PageRouteInfo<void> {
+  const DrawMyNumberRoute({List<_i38.PageRouteInfo>? children})
     : super(DrawMyNumberRoute.name, initialChildren: children);
 
   static const String name = 'DrawMyNumberRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i8.DrawMyNumberPage();
+      return const _i9.DrawMyNumberPage();
     },
   );
 }
 
 /// generated route for
-/// [_i9.DrawPage]
-class DrawRoute extends _i37.PageRouteInfo<void> {
-  const DrawRoute({List<_i37.PageRouteInfo>? children})
+/// [_i10.DrawPage]
+class DrawRoute extends _i38.PageRouteInfo<void> {
+  const DrawRoute({List<_i38.PageRouteInfo>? children})
     : super(DrawRoute.name, initialChildren: children);
 
   static const String name = 'DrawRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i9.DrawPage();
+      return const _i10.DrawPage();
     },
   );
 }
 
 /// generated route for
-/// [_i10.DrawTodayPage]
-class DrawTodayRoute extends _i37.PageRouteInfo<void> {
-  const DrawTodayRoute({List<_i37.PageRouteInfo>? children})
+/// [_i11.DrawTodayPage]
+class DrawTodayRoute extends _i38.PageRouteInfo<void> {
+  const DrawTodayRoute({List<_i38.PageRouteInfo>? children})
     : super(DrawTodayRoute.name, initialChildren: children);
 
   static const String name = 'DrawTodayRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i10.DrawTodayPage();
+      return const _i11.DrawTodayPage();
     },
   );
 }
 
 /// generated route for
-/// [_i11.DrawWinnerPage]
-class DrawWinnerRoute extends _i37.PageRouteInfo<void> {
-  const DrawWinnerRoute({List<_i37.PageRouteInfo>? children})
+/// [_i12.DrawWinnerPage]
+class DrawWinnerRoute extends _i38.PageRouteInfo<void> {
+  const DrawWinnerRoute({List<_i38.PageRouteInfo>? children})
     : super(DrawWinnerRoute.name, initialChildren: children);
 
   static const String name = 'DrawWinnerRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i11.DrawWinnerPage();
+      return const _i12.DrawWinnerPage();
     },
   );
 }
 
 /// generated route for
-/// [_i12.FerrisWheelPage]
-class FerrisWheelRoute extends _i37.PageRouteInfo<void> {
-  const FerrisWheelRoute({List<_i37.PageRouteInfo>? children})
+/// [_i13.FerrisWheelPage]
+class FerrisWheelRoute extends _i38.PageRouteInfo<void> {
+  const FerrisWheelRoute({List<_i38.PageRouteInfo>? children})
     : super(FerrisWheelRoute.name, initialChildren: children);
 
   static const String name = 'FerrisWheelRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return _i37.WrappedRoute(child: const _i12.FerrisWheelPage());
+      return _i38.WrappedRoute(child: const _i13.FerrisWheelPage());
     },
   );
 }
 
 /// generated route for
-/// [_i13.HomePage]
-class HomeRoute extends _i37.PageRouteInfo<void> {
-  const HomeRoute({List<_i37.PageRouteInfo>? children})
+/// [_i14.HomePage]
+class HomeRoute extends _i38.PageRouteInfo<void> {
+  const HomeRoute({List<_i38.PageRouteInfo>? children})
     : super(HomeRoute.name, initialChildren: children);
 
   static const String name = 'HomeRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i13.HomePage();
+      return const _i14.HomePage();
     },
   );
 }
 
 /// generated route for
-/// [_i14.LoginPage]
-class LoginRoute extends _i37.PageRouteInfo<void> {
-  const LoginRoute({List<_i37.PageRouteInfo>? children})
+/// [_i15.LoginPage]
+class LoginRoute extends _i38.PageRouteInfo<void> {
+  const LoginRoute({List<_i38.PageRouteInfo>? children})
     : super(LoginRoute.name, initialChildren: children);
 
   static const String name = 'LoginRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return _i37.WrappedRoute(child: const _i14.LoginPage());
+      return _i38.WrappedRoute(child: const _i15.LoginPage());
     },
   );
 }
 
 /// generated route for
-/// [_i15.MainPage]
-class MainRoute extends _i37.PageRouteInfo<void> {
-  const MainRoute({List<_i37.PageRouteInfo>? children})
+/// [_i16.MainPage]
+class MainRoute extends _i38.PageRouteInfo<void> {
+  const MainRoute({List<_i38.PageRouteInfo>? children})
     : super(MainRoute.name, initialChildren: children);
 
   static const String name = 'MainRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i15.MainPage();
+      return const _i16.MainPage();
     },
   );
 }
 
 /// generated route for
-/// [_i16.MenuDetailPage]
-class MenuDetailRoute extends _i37.PageRouteInfo<MenuDetailRouteArgs> {
+/// [_i17.MenuDetailPage]
+class MenuDetailRoute extends _i38.PageRouteInfo<MenuDetailRouteArgs> {
   MenuDetailRoute({
-    _i38.Key? key,
-    required _i39.Product product,
-    List<_i37.PageRouteInfo>? children,
+    _i39.Key? key,
+    required _i40.Product product,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          MenuDetailRoute.name,
          args: MenuDetailRouteArgs(key: key, product: product),
@@ -360,11 +377,11 @@ class MenuDetailRoute extends _i37.PageRouteInfo<MenuDetailRouteArgs> {
 
   static const String name = 'MenuDetailRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<MenuDetailRouteArgs>();
-      return _i16.MenuDetailPage(key: args.key, product: args.product);
+      return _i17.MenuDetailPage(key: args.key, product: args.product);
     },
   );
 }
@@ -372,9 +389,9 @@ class MenuDetailRoute extends _i37.PageRouteInfo<MenuDetailRouteArgs> {
 class MenuDetailRouteArgs {
   const MenuDetailRouteArgs({this.key, required this.product});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
-  final _i39.Product product;
+  final _i40.Product product;
 
   @override
   String toString() {
@@ -383,12 +400,12 @@ class MenuDetailRouteArgs {
 }
 
 /// generated route for
-/// [_i17.MenuPage]
-class MenuRoute extends _i37.PageRouteInfo<MenuRouteArgs> {
+/// [_i18.MenuPage]
+class MenuRoute extends _i38.PageRouteInfo<MenuRouteArgs> {
   MenuRoute({
-    _i38.Key? key,
-    required _i40.Service service,
-    List<_i37.PageRouteInfo>? children,
+    _i39.Key? key,
+    required _i41.Service service,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          MenuRoute.name,
          args: MenuRouteArgs(key: key, service: service),
@@ -397,11 +414,11 @@ class MenuRoute extends _i37.PageRouteInfo<MenuRouteArgs> {
 
   static const String name = 'MenuRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<MenuRouteArgs>();
-      return _i17.MenuPage(key: args.key, service: args.service);
+      return _i18.MenuPage(key: args.key, service: args.service);
     },
   );
 }
@@ -409,9 +426,9 @@ class MenuRoute extends _i37.PageRouteInfo<MenuRouteArgs> {
 class MenuRouteArgs {
   const MenuRouteArgs({this.key, required this.service});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
-  final _i40.Service service;
+  final _i41.Service service;
 
   @override
   String toString() {
@@ -420,12 +437,12 @@ class MenuRouteArgs {
 }
 
 /// generated route for
-/// [_i18.MerchantDetailPage]
-class MerchantDetailRoute extends _i37.PageRouteInfo<MerchantDetailRouteArgs> {
+/// [_i19.MerchantDetailPage]
+class MerchantDetailRoute extends _i38.PageRouteInfo<MerchantDetailRouteArgs> {
   MerchantDetailRoute({
-    _i38.Key? key,
-    required _i41.MerchantModel merchant,
-    List<_i37.PageRouteInfo>? children,
+    _i39.Key? key,
+    required _i42.MerchantModel merchant,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          MerchantDetailRoute.name,
          args: MerchantDetailRouteArgs(key: key, merchant: merchant),
@@ -434,11 +451,11 @@ class MerchantDetailRoute extends _i37.PageRouteInfo<MerchantDetailRouteArgs> {
 
   static const String name = 'MerchantDetailRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<MerchantDetailRouteArgs>();
-      return _i18.MerchantDetailPage(key: args.key, merchant: args.merchant);
+      return _i19.MerchantDetailPage(key: args.key, merchant: args.merchant);
     },
   );
 }
@@ -446,9 +463,9 @@ class MerchantDetailRoute extends _i37.PageRouteInfo<MerchantDetailRouteArgs> {
 class MerchantDetailRouteArgs {
   const MerchantDetailRouteArgs({this.key, required this.merchant});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
-  final _i41.MerchantModel merchant;
+  final _i42.MerchantModel merchant;
 
   @override
   String toString() {
@@ -457,76 +474,76 @@ class MerchantDetailRouteArgs {
 }
 
 /// generated route for
-/// [_i19.MerchantPage]
-class MerchantRoute extends _i37.PageRouteInfo<void> {
-  const MerchantRoute({List<_i37.PageRouteInfo>? children})
+/// [_i20.MerchantPage]
+class MerchantRoute extends _i38.PageRouteInfo<void> {
+  const MerchantRoute({List<_i38.PageRouteInfo>? children})
     : super(MerchantRoute.name, initialChildren: children);
 
   static const String name = 'MerchantRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i19.MerchantPage();
+      return const _i20.MerchantPage();
     },
   );
 }
 
 /// generated route for
-/// [_i20.MisteryBoxPage]
-class MisteryBoxRoute extends _i37.PageRouteInfo<void> {
-  const MisteryBoxRoute({List<_i37.PageRouteInfo>? children})
+/// [_i21.MisteryBoxPage]
+class MisteryBoxRoute extends _i38.PageRouteInfo<void> {
+  const MisteryBoxRoute({List<_i38.PageRouteInfo>? children})
     : super(MisteryBoxRoute.name, initialChildren: children);
 
   static const String name = 'MisteryBoxRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i20.MisteryBoxPage();
+      return const _i21.MisteryBoxPage();
     },
   );
 }
 
 /// generated route for
-/// [_i21.NotificationPage]
-class NotificationRoute extends _i37.PageRouteInfo<void> {
-  const NotificationRoute({List<_i37.PageRouteInfo>? children})
+/// [_i22.NotificationPage]
+class NotificationRoute extends _i38.PageRouteInfo<void> {
+  const NotificationRoute({List<_i38.PageRouteInfo>? children})
     : super(NotificationRoute.name, initialChildren: children);
 
   static const String name = 'NotificationRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i21.NotificationPage();
+      return const _i22.NotificationPage();
     },
   );
 }
 
 /// generated route for
-/// [_i22.OnboardingPage]
-class OnboardingRoute extends _i37.PageRouteInfo<void> {
-  const OnboardingRoute({List<_i37.PageRouteInfo>? children})
+/// [_i23.OnboardingPage]
+class OnboardingRoute extends _i38.PageRouteInfo<void> {
+  const OnboardingRoute({List<_i38.PageRouteInfo>? children})
     : super(OnboardingRoute.name, initialChildren: children);
 
   static const String name = 'OnboardingRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i22.OnboardingPage();
+      return const _i23.OnboardingPage();
     },
   );
 }
 
 /// generated route for
-/// [_i23.OrderDetailPage]
-class OrderDetailRoute extends _i37.PageRouteInfo<OrderDetailRouteArgs> {
+/// [_i24.OrderDetailPage]
+class OrderDetailRoute extends _i38.PageRouteInfo<OrderDetailRouteArgs> {
   OrderDetailRoute({
-    _i38.Key? key,
-    required _i24.Order order,
-    List<_i37.PageRouteInfo>? children,
+    _i39.Key? key,
+    required _i25.Order order,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          OrderDetailRoute.name,
          args: OrderDetailRouteArgs(key: key, order: order),
@@ -535,11 +552,11 @@ class OrderDetailRoute extends _i37.PageRouteInfo<OrderDetailRouteArgs> {
 
   static const String name = 'OrderDetailRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<OrderDetailRouteArgs>();
-      return _i23.OrderDetailPage(key: args.key, order: args.order);
+      return _i24.OrderDetailPage(key: args.key, order: args.order);
     },
   );
 }
@@ -547,9 +564,9 @@ class OrderDetailRoute extends _i37.PageRouteInfo<OrderDetailRouteArgs> {
 class OrderDetailRouteArgs {
   const OrderDetailRouteArgs({this.key, required this.order});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
-  final _i24.Order order;
+  final _i25.Order order;
 
   @override
   String toString() {
@@ -558,29 +575,29 @@ class OrderDetailRouteArgs {
 }
 
 /// generated route for
-/// [_i24.OrderPage]
-class OrderRoute extends _i37.PageRouteInfo<void> {
-  const OrderRoute({List<_i37.PageRouteInfo>? children})
+/// [_i25.OrderPage]
+class OrderRoute extends _i38.PageRouteInfo<void> {
+  const OrderRoute({List<_i38.PageRouteInfo>? children})
     : super(OrderRoute.name, initialChildren: children);
 
   static const String name = 'OrderRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i24.OrderPage();
+      return const _i25.OrderPage();
     },
   );
 }
 
 /// generated route for
-/// [_i25.OtpPage]
-class OtpRoute extends _i37.PageRouteInfo<OtpRouteArgs> {
+/// [_i26.OtpPage]
+class OtpRoute extends _i38.PageRouteInfo<OtpRouteArgs> {
   OtpRoute({
-    _i38.Key? key,
+    _i39.Key? key,
     required String registrationToken,
     required String phoneNumber,
-    List<_i37.PageRouteInfo>? children,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          OtpRoute.name,
          args: OtpRouteArgs(
@@ -593,12 +610,12 @@ class OtpRoute extends _i37.PageRouteInfo<OtpRouteArgs> {
 
   static const String name = 'OtpRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<OtpRouteArgs>();
-      return _i37.WrappedRoute(
-        child: _i25.OtpPage(
+      return _i38.WrappedRoute(
+        child: _i26.OtpPage(
           key: args.key,
           registrationToken: args.registrationToken,
           phoneNumber: args.phoneNumber,
@@ -615,7 +632,7 @@ class OtpRouteArgs {
     required this.phoneNumber,
   });
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
   final String registrationToken;
 
@@ -628,12 +645,12 @@ class OtpRouteArgs {
 }
 
 /// generated route for
-/// [_i26.PasswordPage]
-class PasswordRoute extends _i37.PageRouteInfo<PasswordRouteArgs> {
+/// [_i27.PasswordPage]
+class PasswordRoute extends _i38.PageRouteInfo<PasswordRouteArgs> {
   PasswordRoute({
-    _i38.Key? key,
+    _i39.Key? key,
     required String phoneNumber,
-    List<_i37.PageRouteInfo>? children,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          PasswordRoute.name,
          args: PasswordRouteArgs(key: key, phoneNumber: phoneNumber),
@@ -642,12 +659,12 @@ class PasswordRoute extends _i37.PageRouteInfo<PasswordRouteArgs> {
 
   static const String name = 'PasswordRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<PasswordRouteArgs>();
-      return _i37.WrappedRoute(
-        child: _i26.PasswordPage(key: args.key, phoneNumber: args.phoneNumber),
+      return _i38.WrappedRoute(
+        child: _i27.PasswordPage(key: args.key, phoneNumber: args.phoneNumber),
       );
     },
   );
@@ -656,7 +673,7 @@ class PasswordRoute extends _i37.PageRouteInfo<PasswordRouteArgs> {
 class PasswordRouteArgs {
   const PasswordRouteArgs({this.key, required this.phoneNumber});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
   final String phoneNumber;
 
@@ -667,29 +684,29 @@ class PasswordRouteArgs {
 }
 
 /// generated route for
-/// [_i27.PaymentPage]
-class PaymentRoute extends _i37.PageRouteInfo<void> {
-  const PaymentRoute({List<_i37.PageRouteInfo>? children})
+/// [_i28.PaymentPage]
+class PaymentRoute extends _i38.PageRouteInfo<void> {
+  const PaymentRoute({List<_i38.PageRouteInfo>? children})
     : super(PaymentRoute.name, initialChildren: children);
 
   static const String name = 'PaymentRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i27.PaymentPage();
+      return const _i28.PaymentPage();
     },
   );
 }
 
 /// generated route for
-/// [_i28.PinPage]
-class PinRoute extends _i37.PageRouteInfo<PinRouteArgs> {
+/// [_i29.PinPage]
+class PinRoute extends _i38.PageRouteInfo<PinRouteArgs> {
   PinRoute({
-    _i38.Key? key,
+    _i39.Key? key,
     bool isCreatePin = true,
     String? title,
-    List<_i37.PageRouteInfo>? children,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          PinRoute.name,
          args: PinRouteArgs(key: key, isCreatePin: isCreatePin, title: title),
@@ -698,13 +715,13 @@ class PinRoute extends _i37.PageRouteInfo<PinRouteArgs> {
 
   static const String name = 'PinRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<PinRouteArgs>(
         orElse: () => const PinRouteArgs(),
       );
-      return _i28.PinPage(
+      return _i29.PinPage(
         key: args.key,
         isCreatePin: args.isCreatePin,
         title: args.title,
@@ -716,7 +733,7 @@ class PinRoute extends _i37.PageRouteInfo<PinRouteArgs> {
 class PinRouteArgs {
   const PinRouteArgs({this.key, this.isCreatePin = true, this.title});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
   final bool isCreatePin;
 
@@ -729,29 +746,29 @@ class PinRouteArgs {
 }
 
 /// generated route for
-/// [_i29.PointPage]
-class PointRoute extends _i37.PageRouteInfo<void> {
-  const PointRoute({List<_i37.PageRouteInfo>? children})
+/// [_i30.PointPage]
+class PointRoute extends _i38.PageRouteInfo<void> {
+  const PointRoute({List<_i38.PageRouteInfo>? children})
     : super(PointRoute.name, initialChildren: children);
 
   static const String name = 'PointRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i29.PointPage();
+      return const _i30.PointPage();
     },
   );
 }
 
 /// generated route for
-/// [_i30.ProductRedeemPage]
-class ProductRedeemRoute extends _i37.PageRouteInfo<ProductRedeemRouteArgs> {
+/// [_i31.ProductRedeemPage]
+class ProductRedeemRoute extends _i38.PageRouteInfo<ProductRedeemRouteArgs> {
   ProductRedeemRoute({
-    _i38.Key? key,
-    required _i4.Product product,
-    required _i4.PointCard pointCard,
-    List<_i37.PageRouteInfo>? children,
+    _i39.Key? key,
+    required _i5.Product product,
+    required _i5.PointCard pointCard,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          ProductRedeemRoute.name,
          args: ProductRedeemRouteArgs(
@@ -764,11 +781,11 @@ class ProductRedeemRoute extends _i37.PageRouteInfo<ProductRedeemRouteArgs> {
 
   static const String name = 'ProductRedeemRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<ProductRedeemRouteArgs>();
-      return _i30.ProductRedeemPage(
+      return _i31.ProductRedeemPage(
         key: args.key,
         product: args.product,
         pointCard: args.pointCard,
@@ -784,11 +801,11 @@ class ProductRedeemRouteArgs {
     required this.pointCard,
   });
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
-  final _i4.Product product;
+  final _i5.Product product;
 
-  final _i4.PointCard pointCard;
+  final _i5.PointCard pointCard;
 
   @override
   String toString() {
@@ -797,28 +814,28 @@ class ProductRedeemRouteArgs {
 }
 
 /// generated route for
-/// [_i31.ProfilePage]
-class ProfileRoute extends _i37.PageRouteInfo<void> {
-  const ProfileRoute({List<_i37.PageRouteInfo>? children})
+/// [_i32.ProfilePage]
+class ProfileRoute extends _i38.PageRouteInfo<void> {
+  const ProfileRoute({List<_i38.PageRouteInfo>? children})
     : super(ProfileRoute.name, initialChildren: children);
 
   static const String name = 'ProfileRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return _i37.WrappedRoute(child: const _i31.ProfilePage());
+      return _i38.WrappedRoute(child: const _i32.ProfilePage());
     },
   );
 }
 
 /// generated route for
-/// [_i32.RegisterPage]
-class RegisterRoute extends _i37.PageRouteInfo<RegisterRouteArgs> {
+/// [_i33.RegisterPage]
+class RegisterRoute extends _i38.PageRouteInfo<RegisterRouteArgs> {
   RegisterRoute({
-    _i38.Key? key,
+    _i39.Key? key,
     required String phoneNumber,
-    List<_i37.PageRouteInfo>? children,
+    List<_i38.PageRouteInfo>? children,
   }) : super(
          RegisterRoute.name,
          args: RegisterRouteArgs(key: key, phoneNumber: phoneNumber),
@@ -827,12 +844,12 @@ class RegisterRoute extends _i37.PageRouteInfo<RegisterRouteArgs> {
 
   static const String name = 'RegisterRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<RegisterRouteArgs>();
-      return _i37.WrappedRoute(
-        child: _i32.RegisterPage(key: args.key, phoneNumber: args.phoneNumber),
+      return _i38.WrappedRoute(
+        child: _i33.RegisterPage(key: args.key, phoneNumber: args.phoneNumber),
       );
     },
   );
@@ -841,7 +858,7 @@ class RegisterRoute extends _i37.PageRouteInfo<RegisterRouteArgs> {
 class RegisterRouteArgs {
   const RegisterRouteArgs({this.key, required this.phoneNumber});
 
-  final _i38.Key? key;
+  final _i39.Key? key;
 
   final String phoneNumber;
 
@@ -852,65 +869,65 @@ class RegisterRouteArgs {
 }
 
 /// generated route for
-/// [_i33.RewardPage]
-class RewardRoute extends _i37.PageRouteInfo<void> {
-  const RewardRoute({List<_i37.PageRouteInfo>? children})
+/// [_i34.RewardPage]
+class RewardRoute extends _i38.PageRouteInfo<void> {
+  const RewardRoute({List<_i38.PageRouteInfo>? children})
     : super(RewardRoute.name, initialChildren: children);
 
   static const String name = 'RewardRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i33.RewardPage();
+      return const _i34.RewardPage();
     },
   );
 }
 
 /// generated route for
-/// [_i34.SplashPage]
-class SplashRoute extends _i37.PageRouteInfo<void> {
-  const SplashRoute({List<_i37.PageRouteInfo>? children})
+/// [_i35.SplashPage]
+class SplashRoute extends _i38.PageRouteInfo<void> {
+  const SplashRoute({List<_i38.PageRouteInfo>? children})
     : super(SplashRoute.name, initialChildren: children);
 
   static const String name = 'SplashRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i34.SplashPage();
+      return const _i35.SplashPage();
     },
   );
 }
 
 /// generated route for
-/// [_i35.VoucherDetailPage]
-class VoucherDetailRoute extends _i37.PageRouteInfo<void> {
-  const VoucherDetailRoute({List<_i37.PageRouteInfo>? children})
+/// [_i36.VoucherDetailPage]
+class VoucherDetailRoute extends _i38.PageRouteInfo<void> {
+  const VoucherDetailRoute({List<_i38.PageRouteInfo>? children})
     : super(VoucherDetailRoute.name, initialChildren: children);
 
   static const String name = 'VoucherDetailRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i35.VoucherDetailPage();
+      return const _i36.VoucherDetailPage();
     },
   );
 }
 
 /// generated route for
-/// [_i36.VoucherPage]
-class VoucherRoute extends _i37.PageRouteInfo<void> {
-  const VoucherRoute({List<_i37.PageRouteInfo>? children})
+/// [_i37.VoucherPage]
+class VoucherRoute extends _i38.PageRouteInfo<void> {
+  const VoucherRoute({List<_i38.PageRouteInfo>? children})
     : super(VoucherRoute.name, initialChildren: children);
 
   static const String name = 'VoucherRoute';
 
-  static _i37.PageInfo page = _i37.PageInfo(
+  static _i38.PageInfo page = _i38.PageInfo(
     name,
     builder: (data) {
-      return const _i36.VoucherPage();
+      return const _i37.VoucherPage();
     },
   );
 }