diff --git a/lib/presentation/pages/auth/password/password_page.dart b/lib/presentation/pages/auth/password/password_page.dart
new file mode 100644
index 0000000..820212b
--- /dev/null
+++ b/lib/presentation/pages/auth/password/password_page.dart
@@ -0,0 +1,45 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+import '../../../components/button/button.dart';
+import '../../../components/field/field.dart';
+import '../../../router/app_router.gr.dart';
+
+@RoutePage()
+class PasswordPage extends StatelessWidget {
+  const PasswordPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Buat Kata Sandi')),
+      body: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 24.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const SizedBox(height: 40),
+
+            // Title
+            AppPasswordTextFormField(
+              title: 'Masukkan kata sandi',
+              hintText: '********',
+            ),
+
+            const SizedBox(height: 50),
+
+            Spacer(),
+
+            // Continue Button
+            AppElevatedButton(
+              onPressed: () => context.router.push(const MainRoute()),
+              title: 'Konfirmasi',
+            ),
+
+            const SizedBox(height: 24),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/presentation/router/app_router.dart b/lib/presentation/router/app_router.dart
index 5d5975c..dc40379 100644
--- a/lib/presentation/router/app_router.dart
+++ b/lib/presentation/router/app_router.dart
@@ -17,6 +17,7 @@ class AppRouter extends RootStackRouter {
     AutoRoute(page: OtpRoute.page),
     AutoRoute(page: PinRoute.page),
     AutoRoute(page: CreatePasswordRoute.page),
+    AutoRoute(page: PasswordRoute.page),
 
     // Main
     AutoRoute(
diff --git a/lib/presentation/router/app_router.gr.dart b/lib/presentation/router/app_router.gr.dart
index fb8bf15..b7917a8 100644
--- a/lib/presentation/router/app_router.gr.dart
+++ b/lib/presentation/router/app_router.gr.dart
@@ -9,14 +9,16 @@
 // coverage:ignore-file
 
 // ignore_for_file: no_leading_underscores_for_library_prefixes
-import 'package:auto_route/auto_route.dart' as _i19;
+import 'package:auto_route/auto_route.dart' as _i20;
 import 'package:enaklo/presentation/pages/auth/create_password/create_password_page.dart'
     as _i1;
 import 'package:enaklo/presentation/pages/auth/login/login_page.dart' as _i5;
 import 'package:enaklo/presentation/pages/auth/otp/otp_page.dart' as _i11;
-import 'package:enaklo/presentation/pages/auth/pin/pin_page.dart' as _i12;
+import 'package:enaklo/presentation/pages/auth/password/password_page.dart'
+    as _i12;
+import 'package:enaklo/presentation/pages/auth/pin/pin_page.dart' as _i13;
 import 'package:enaklo/presentation/pages/auth/register/register_page.dart'
-    as _i15;
+    as _i16;
 import 'package:enaklo/presentation/pages/draw/draw_page.dart' as _i3;
 import 'package:enaklo/presentation/pages/draw/pages/draw_detail/draw_detail_page.dart'
     as _i2;
@@ -26,29 +28,29 @@ import 'package:enaklo/presentation/pages/main/pages/home/home_page.dart'
 import 'package:enaklo/presentation/pages/main/pages/order/order_page.dart'
     as _i10;
 import 'package:enaklo/presentation/pages/main/pages/profile/profile_page.dart'
-    as _i14;
+    as _i15;
 import 'package:enaklo/presentation/pages/main/pages/voucher/voucher_page.dart'
-    as _i18;
+    as _i19;
 import 'package:enaklo/presentation/pages/merchant/merchant_page.dart' as _i8;
 import 'package:enaklo/presentation/pages/merchant/pages/merchant_detail/merchant_detail_page.dart'
     as _i7;
 import 'package:enaklo/presentation/pages/onboarding/onboarding_page.dart'
     as _i9;
 import 'package:enaklo/presentation/pages/reward/pages/product_redeem/product_redeem_page.dart'
-    as _i13;
-import 'package:enaklo/presentation/pages/reward/reward_page.dart' as _i16;
-import 'package:enaklo/presentation/pages/splash/splash_page.dart' as _i17;
-import 'package:flutter/material.dart' as _i20;
+    as _i14;
+import 'package:enaklo/presentation/pages/reward/reward_page.dart' as _i17;
+import 'package:enaklo/presentation/pages/splash/splash_page.dart' as _i18;
+import 'package:flutter/material.dart' as _i21;
 
 /// generated route for
 /// [_i1.CreatePasswordPage]
-class CreatePasswordRoute extends _i19.PageRouteInfo<void> {
-  const CreatePasswordRoute({List<_i19.PageRouteInfo>? children})
+class CreatePasswordRoute extends _i20.PageRouteInfo<void> {
+  const CreatePasswordRoute({List<_i20.PageRouteInfo>? children})
     : super(CreatePasswordRoute.name, initialChildren: children);
 
   static const String name = 'CreatePasswordRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i1.CreatePasswordPage();
@@ -58,11 +60,11 @@ class CreatePasswordRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i2.DrawDetailPage]
-class DrawDetailRoute extends _i19.PageRouteInfo<DrawDetailRouteArgs> {
+class DrawDetailRoute extends _i20.PageRouteInfo<DrawDetailRouteArgs> {
   DrawDetailRoute({
-    _i20.Key? key,
+    _i21.Key? key,
     required _i3.DrawEvent drawEvent,
-    List<_i19.PageRouteInfo>? children,
+    List<_i20.PageRouteInfo>? children,
   }) : super(
          DrawDetailRoute.name,
          args: DrawDetailRouteArgs(key: key, drawEvent: drawEvent),
@@ -71,7 +73,7 @@ class DrawDetailRoute extends _i19.PageRouteInfo<DrawDetailRouteArgs> {
 
   static const String name = 'DrawDetailRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<DrawDetailRouteArgs>();
@@ -83,7 +85,7 @@ class DrawDetailRoute extends _i19.PageRouteInfo<DrawDetailRouteArgs> {
 class DrawDetailRouteArgs {
   const DrawDetailRouteArgs({this.key, required this.drawEvent});
 
-  final _i20.Key? key;
+  final _i21.Key? key;
 
   final _i3.DrawEvent drawEvent;
 
@@ -95,13 +97,13 @@ class DrawDetailRouteArgs {
 
 /// generated route for
 /// [_i3.DrawPage]
-class DrawRoute extends _i19.PageRouteInfo<void> {
-  const DrawRoute({List<_i19.PageRouteInfo>? children})
+class DrawRoute extends _i20.PageRouteInfo<void> {
+  const DrawRoute({List<_i20.PageRouteInfo>? children})
     : super(DrawRoute.name, initialChildren: children);
 
   static const String name = 'DrawRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i3.DrawPage();
@@ -111,13 +113,13 @@ class DrawRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i4.HomePage]
-class HomeRoute extends _i19.PageRouteInfo<void> {
-  const HomeRoute({List<_i19.PageRouteInfo>? children})
+class HomeRoute extends _i20.PageRouteInfo<void> {
+  const HomeRoute({List<_i20.PageRouteInfo>? children})
     : super(HomeRoute.name, initialChildren: children);
 
   static const String name = 'HomeRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i4.HomePage();
@@ -127,13 +129,13 @@ class HomeRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i5.LoginPage]
-class LoginRoute extends _i19.PageRouteInfo<void> {
-  const LoginRoute({List<_i19.PageRouteInfo>? children})
+class LoginRoute extends _i20.PageRouteInfo<void> {
+  const LoginRoute({List<_i20.PageRouteInfo>? children})
     : super(LoginRoute.name, initialChildren: children);
 
   static const String name = 'LoginRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i5.LoginPage();
@@ -143,13 +145,13 @@ class LoginRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i6.MainPage]
-class MainRoute extends _i19.PageRouteInfo<void> {
-  const MainRoute({List<_i19.PageRouteInfo>? children})
+class MainRoute extends _i20.PageRouteInfo<void> {
+  const MainRoute({List<_i20.PageRouteInfo>? children})
     : super(MainRoute.name, initialChildren: children);
 
   static const String name = 'MainRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i6.MainPage();
@@ -159,11 +161,11 @@ class MainRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i7.MerchantDetailPage]
-class MerchantDetailRoute extends _i19.PageRouteInfo<MerchantDetailRouteArgs> {
+class MerchantDetailRoute extends _i20.PageRouteInfo<MerchantDetailRouteArgs> {
   MerchantDetailRoute({
-    _i20.Key? key,
+    _i21.Key? key,
     required _i8.MerchantModel merchant,
-    List<_i19.PageRouteInfo>? children,
+    List<_i20.PageRouteInfo>? children,
   }) : super(
          MerchantDetailRoute.name,
          args: MerchantDetailRouteArgs(key: key, merchant: merchant),
@@ -172,7 +174,7 @@ class MerchantDetailRoute extends _i19.PageRouteInfo<MerchantDetailRouteArgs> {
 
   static const String name = 'MerchantDetailRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<MerchantDetailRouteArgs>();
@@ -184,7 +186,7 @@ class MerchantDetailRoute extends _i19.PageRouteInfo<MerchantDetailRouteArgs> {
 class MerchantDetailRouteArgs {
   const MerchantDetailRouteArgs({this.key, required this.merchant});
 
-  final _i20.Key? key;
+  final _i21.Key? key;
 
   final _i8.MerchantModel merchant;
 
@@ -196,13 +198,13 @@ class MerchantDetailRouteArgs {
 
 /// generated route for
 /// [_i8.MerchantPage]
-class MerchantRoute extends _i19.PageRouteInfo<void> {
-  const MerchantRoute({List<_i19.PageRouteInfo>? children})
+class MerchantRoute extends _i20.PageRouteInfo<void> {
+  const MerchantRoute({List<_i20.PageRouteInfo>? children})
     : super(MerchantRoute.name, initialChildren: children);
 
   static const String name = 'MerchantRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i8.MerchantPage();
@@ -212,13 +214,13 @@ class MerchantRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i9.OnboardingPage]
-class OnboardingRoute extends _i19.PageRouteInfo<void> {
-  const OnboardingRoute({List<_i19.PageRouteInfo>? children})
+class OnboardingRoute extends _i20.PageRouteInfo<void> {
+  const OnboardingRoute({List<_i20.PageRouteInfo>? children})
     : super(OnboardingRoute.name, initialChildren: children);
 
   static const String name = 'OnboardingRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i9.OnboardingPage();
@@ -228,13 +230,13 @@ class OnboardingRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i10.OrderPage]
-class OrderRoute extends _i19.PageRouteInfo<void> {
-  const OrderRoute({List<_i19.PageRouteInfo>? children})
+class OrderRoute extends _i20.PageRouteInfo<void> {
+  const OrderRoute({List<_i20.PageRouteInfo>? children})
     : super(OrderRoute.name, initialChildren: children);
 
   static const String name = 'OrderRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i10.OrderPage();
@@ -244,13 +246,13 @@ class OrderRoute extends _i19.PageRouteInfo<void> {
 
 /// generated route for
 /// [_i11.OtpPage]
-class OtpRoute extends _i19.PageRouteInfo<void> {
-  const OtpRoute({List<_i19.PageRouteInfo>? children})
+class OtpRoute extends _i20.PageRouteInfo<void> {
+  const OtpRoute({List<_i20.PageRouteInfo>? children})
     : super(OtpRoute.name, initialChildren: children);
 
   static const String name = 'OtpRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       return const _i11.OtpPage();
@@ -259,13 +261,29 @@ class OtpRoute extends _i19.PageRouteInfo<void> {
 }
 
 /// generated route for
-/// [_i12.PinPage]
-class PinRoute extends _i19.PageRouteInfo<PinRouteArgs> {
+/// [_i12.PasswordPage]
+class PasswordRoute extends _i20.PageRouteInfo<void> {
+  const PasswordRoute({List<_i20.PageRouteInfo>? children})
+    : super(PasswordRoute.name, initialChildren: children);
+
+  static const String name = 'PasswordRoute';
+
+  static _i20.PageInfo page = _i20.PageInfo(
+    name,
+    builder: (data) {
+      return const _i12.PasswordPage();
+    },
+  );
+}
+
+/// generated route for
+/// [_i13.PinPage]
+class PinRoute extends _i20.PageRouteInfo<PinRouteArgs> {
   PinRoute({
-    _i20.Key? key,
+    _i21.Key? key,
     bool isCreatePin = true,
     String? title,
-    List<_i19.PageRouteInfo>? children,
+    List<_i20.PageRouteInfo>? children,
   }) : super(
          PinRoute.name,
          args: PinRouteArgs(key: key, isCreatePin: isCreatePin, title: title),
@@ -274,13 +292,13 @@ class PinRoute extends _i19.PageRouteInfo<PinRouteArgs> {
 
   static const String name = 'PinRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<PinRouteArgs>(
         orElse: () => const PinRouteArgs(),
       );
-      return _i12.PinPage(
+      return _i13.PinPage(
         key: args.key,
         isCreatePin: args.isCreatePin,
         title: args.title,
@@ -292,7 +310,7 @@ class PinRoute extends _i19.PageRouteInfo<PinRouteArgs> {
 class PinRouteArgs {
   const PinRouteArgs({this.key, this.isCreatePin = true, this.title});
 
-  final _i20.Key? key;
+  final _i21.Key? key;
 
   final bool isCreatePin;
 
@@ -305,14 +323,14 @@ class PinRouteArgs {
 }
 
 /// generated route for
-/// [_i13.ProductRedeemPage]
-class ProductRedeemRoute extends _i19.PageRouteInfo<ProductRedeemRouteArgs> {
+/// [_i14.ProductRedeemPage]
+class ProductRedeemRoute extends _i20.PageRouteInfo<ProductRedeemRouteArgs> {
   ProductRedeemRoute({
-    _i20.Key? key,
-    required _i16.Product product,
-    required _i16.Merchant merchant,
-    required _i16.PointCard pointCard,
-    List<_i19.PageRouteInfo>? children,
+    _i21.Key? key,
+    required _i17.Product product,
+    required _i17.Merchant merchant,
+    required _i17.PointCard pointCard,
+    List<_i20.PageRouteInfo>? children,
   }) : super(
          ProductRedeemRoute.name,
          args: ProductRedeemRouteArgs(
@@ -326,11 +344,11 @@ class ProductRedeemRoute extends _i19.PageRouteInfo<ProductRedeemRouteArgs> {
 
   static const String name = 'ProductRedeemRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
       final args = data.argsAs<ProductRedeemRouteArgs>();
-      return _i13.ProductRedeemPage(
+      return _i14.ProductRedeemPage(
         key: args.key,
         product: args.product,
         merchant: args.merchant,
@@ -348,13 +366,13 @@ class ProductRedeemRouteArgs {
     required this.pointCard,
   });
 
-  final _i20.Key? key;
+  final _i21.Key? key;
 
-  final _i16.Product product;
+  final _i17.Product product;
 
-  final _i16.Merchant merchant;
+  final _i17.Merchant merchant;
 
-  final _i16.PointCard pointCard;
+  final _i17.PointCard pointCard;
 
   @override
   String toString() {
@@ -363,81 +381,81 @@ class ProductRedeemRouteArgs {
 }
 
 /// generated route for
-/// [_i14.ProfilePage]
-class ProfileRoute extends _i19.PageRouteInfo<void> {
-  const ProfileRoute({List<_i19.PageRouteInfo>? children})
+/// [_i15.ProfilePage]
+class ProfileRoute extends _i20.PageRouteInfo<void> {
+  const ProfileRoute({List<_i20.PageRouteInfo>? children})
     : super(ProfileRoute.name, initialChildren: children);
 
   static const String name = 'ProfileRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
-      return const _i14.ProfilePage();
+      return const _i15.ProfilePage();
     },
   );
 }
 
 /// generated route for
-/// [_i15.RegisterPage]
-class RegisterRoute extends _i19.PageRouteInfo<void> {
-  const RegisterRoute({List<_i19.PageRouteInfo>? children})
+/// [_i16.RegisterPage]
+class RegisterRoute extends _i20.PageRouteInfo<void> {
+  const RegisterRoute({List<_i20.PageRouteInfo>? children})
     : super(RegisterRoute.name, initialChildren: children);
 
   static const String name = 'RegisterRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
-      return const _i15.RegisterPage();
+      return const _i16.RegisterPage();
     },
   );
 }
 
 /// generated route for
-/// [_i16.RewardPage]
-class RewardRoute extends _i19.PageRouteInfo<void> {
-  const RewardRoute({List<_i19.PageRouteInfo>? children})
+/// [_i17.RewardPage]
+class RewardRoute extends _i20.PageRouteInfo<void> {
+  const RewardRoute({List<_i20.PageRouteInfo>? children})
     : super(RewardRoute.name, initialChildren: children);
 
   static const String name = 'RewardRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
-      return const _i16.RewardPage();
+      return const _i17.RewardPage();
     },
   );
 }
 
 /// generated route for
-/// [_i17.SplashPage]
-class SplashRoute extends _i19.PageRouteInfo<void> {
-  const SplashRoute({List<_i19.PageRouteInfo>? children})
+/// [_i18.SplashPage]
+class SplashRoute extends _i20.PageRouteInfo<void> {
+  const SplashRoute({List<_i20.PageRouteInfo>? children})
     : super(SplashRoute.name, initialChildren: children);
 
   static const String name = 'SplashRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
-      return const _i17.SplashPage();
+      return const _i18.SplashPage();
     },
   );
 }
 
 /// generated route for
-/// [_i18.VoucherPage]
-class VoucherRoute extends _i19.PageRouteInfo<void> {
-  const VoucherRoute({List<_i19.PageRouteInfo>? children})
+/// [_i19.VoucherPage]
+class VoucherRoute extends _i20.PageRouteInfo<void> {
+  const VoucherRoute({List<_i20.PageRouteInfo>? children})
     : super(VoucherRoute.name, initialChildren: children);
 
   static const String name = 'VoucherRoute';
 
-  static _i19.PageInfo page = _i19.PageInfo(
+  static _i20.PageInfo page = _i20.PageInfo(
     name,
     builder: (data) {
-      return const _i18.VoucherPage();
+      return const _i19.VoucherPage();
     },
   );
 }