feat: login page

2025-08-27 16:19:54 +07:00
parent 3c24fff82e
commit 16bafb7e17
9 changed files with 280 additions and 15 deletions
@@ -0,0 +1,73 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+import '../../../../common/theme/theme.dart';
+import '../../../components/button/button.dart';
+import 'widgets/phone_field.dart';
+
+@RoutePage()
+class LoginPage extends StatelessWidget {
+  const LoginPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColor.backgroundLight,
+      appBar: AppBar(title: const Text('Masuk')),
+      body: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 24.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const SizedBox(height: 40),
+
+            // Title
+            LoginPhoneField(),
+
+            const SizedBox(height: 50),
+
+            // Continue Button
+            AppElevatedButton(onPressed: null, title: 'Lanjutkan'),
+
+            const SizedBox(height: 24),
+
+            // Terms and Conditions
+            Center(
+              child: RichText(
+                textAlign: TextAlign.center,
+                text: TextSpan(
+                  style: AppStyle.md.copyWith(
+                    color: AppColor.textSecondary,
+                    height: 1.4,
+                  ),
+                  children: [
+                    const TextSpan(
+                      text: 'Dengan masuk Enaklo, kamu telah\nmenyetujui ',
+                    ),
+                    TextSpan(
+                      text: 'Syarat & Ketentuan',
+                      style: AppStyle.md.copyWith(
+                        color: AppColor.primary,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                    const TextSpan(text: ' dan\n'),
+                    TextSpan(
+                      text: 'Kebijakan Privasi',
+                      style: AppStyle.md.copyWith(
+                        color: AppColor.primary,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+
+            const SizedBox(height: 40),
+          ],
+        ),
+      ),
+    );
+  }
+}