diff --git a/resources/js/Layouts/GuestLayout.tsx b/resources/js/Layouts/GuestLayout.tsx index 10d2e9c..1a8f3e4 100644 --- a/resources/js/Layouts/GuestLayout.tsx +++ b/resources/js/Layouts/GuestLayout.tsx @@ -5,13 +5,9 @@ import { Footer } from "@/Components/Landing/Footer"; export default function GuestLayout({ children }: { children: React.ReactNode }) { return ( -
+
-
-
- {children} -
-
+
{children}
diff --git a/resources/js/Pages/Auth/ConfirmPassword.tsx b/resources/js/Pages/Auth/ConfirmPassword.tsx index 299577a..f71476f 100644 --- a/resources/js/Pages/Auth/ConfirmPassword.tsx +++ b/resources/js/Pages/Auth/ConfirmPassword.tsx @@ -5,8 +5,6 @@ import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; -import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; -import { Lock, ArrowRight } from 'lucide-react'; export default function ConfirmPassword() { const { data, setData, post, processing, errors, reset } = useForm({ @@ -23,44 +21,38 @@ export default function ConfirmPassword() { return ( - + - - -
- +
+
+
+ This is a secure area of the application. Please confirm your + password before continuing.
- - Area Aman - - - Ini adalah area aman. Harap konfirmasi kata sandi Anda sebelum melanjutkan. - - - +
- + setData('password', e.target.value)} />
-
-
- - +
+
); } diff --git a/resources/js/Pages/Auth/ForgotPassword.tsx b/resources/js/Pages/Auth/ForgotPassword.tsx index 8a5860e..3862acb 100644 --- a/resources/js/Pages/Auth/ForgotPassword.tsx +++ b/resources/js/Pages/Auth/ForgotPassword.tsx @@ -1,12 +1,10 @@ import InputError from '@/Components/InputError'; import GuestLayout from '@/Layouts/GuestLayout'; -import { Head, useForm, Link } from '@inertiajs/react'; +import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; -import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; -import { KeyRound, ArrowLeft } from 'lucide-react'; export default function ForgotPassword({ status }: { status?: string }) { const { data, setData, post, processing, errors } = useForm({ @@ -21,60 +19,45 @@ export default function ForgotPassword({ status }: { status?: string }) { return ( - + - - -
- +
+
+
+ Forgot your password? No problem. Just let us know your email + address and we will email you a password reset link that will + allow you to choose a new one.
- - Pemulihan Akses - - - Kami akan mengirimkan tautan reset kata sandi melalui alamat email terdaftar Anda. - - - + {status && ( -
+
{status}
)}
- + setData('email', e.target.value)} />
-
-
- -
- - Kembali ke Halaman Masuk - -
- - +
+
); } diff --git a/resources/js/Pages/Auth/Login.tsx b/resources/js/Pages/Auth/Login.tsx index bdca553..f6cdc13 100644 --- a/resources/js/Pages/Auth/Login.tsx +++ b/resources/js/Pages/Auth/Login.tsx @@ -7,7 +7,6 @@ import { Input } from '@/Components/ui/input'; import { Button } from '@/Components/ui/button'; import { Checkbox } from '@/Components/ui/checkbox'; import InputError from '@/Components/InputError'; -import { LogIn, ArrowRight } from 'lucide-react'; export default function Login({ status, @@ -32,135 +31,132 @@ export default function Login({ return ( - + - - - - Selamat Datang Kembali - - - Masuk ke portal siswa LPK NihonBuzz - - - - {status && ( -
- {status} -
- )} +
+ + + Selamat Datang Kembali + + Masuk ke akun NihonBuzz Academy anda + + + + {status && ( +
+ {status} +
+ )} -
-
- - setData('email', e.target.value)} - /> - -
- -
-
- - {canResetPassword && ( - - Lupa sandi? - - )} + +
+ + setData('email', e.target.value)} + /> +
- setData('password', e.target.value)} - /> - -
+
+
+ + {canResetPassword && ( + + Lupa password? + + )} +
-
- setData('remember', checked as boolean)} - className="rounded-md border-white/30" - /> - -
- -
- -
- -
-
- + setData('password', e.target.value)} + /> +
-
- Atau gunakan -
-
-
- -
- -
-

- Belum menjadi peserta didik?{' '} +

+ setData('remember', checked as boolean)} + /> + +
+ +
+ +
+ +
+
+ +
+
+ Atau masuk dengan +
+
+ +
+ +
+ +
+ Belum punya akun?{' '} - Daftar Sekarang + Daftar Gratis -

-
- - - +
+ + + +
); } diff --git a/resources/js/Pages/Auth/Register.tsx b/resources/js/Pages/Auth/Register.tsx index b560234..0053dec 100644 --- a/resources/js/Pages/Auth/Register.tsx +++ b/resources/js/Pages/Auth/Register.tsx @@ -6,7 +6,6 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Com import { Label } from '@/Components/ui/label'; import { Input } from '@/Components/ui/input'; import { Button } from '@/Components/ui/button'; -import { UserPlus, ArrowLeft } from 'lucide-react'; export default function Register() { const { data, setData, post, processing, errors, reset } = useForm({ @@ -26,102 +25,100 @@ export default function Register() { return ( - + - - - - Mulai Belajar - - - Pendaftaran Peserta Didik LPK NihonBuzz - - - -
-
- - setData('name', e.target.value)} - required - /> - -
- -
- - setData('email', e.target.value)} - required - /> - -
- -
+
+ + + Buat Akun Baru + + Mulai petualangan belajarmu hari ini + + + +
- + setData('password', e.target.value)} + id="name" + name="name" + value={data.name} + className="block w-full" + autoComplete="name" + placeholder="Nama Lengkap Anda" + onChange={(e) => setData('name', e.target.value)} required /> - +
- + setData('password_confirmation', e.target.value)} + id="email" + type="email" + name="email" + value={data.email} + className="block w-full" + autoComplete="username" + placeholder="nama@email.com" + onChange={(e) => setData('email', e.target.value)} required /> - +
-
-
- -
+
+
+ + setData('password', e.target.value)} + required + /> + +
-
-

- Sudah memiliki akun LPK?{' '} +

+ + setData('password_confirmation', e.target.value)} + required + /> + +
+
+ +
+ +
+ +
+ Sudah punya akun?{' '} - Kembali Masuk + Masuk Saja -

-
- - - +
+ + + +
); } diff --git a/resources/js/Pages/Auth/ResetPassword.tsx b/resources/js/Pages/Auth/ResetPassword.tsx index b5ca57a..337d0aa 100644 --- a/resources/js/Pages/Auth/ResetPassword.tsx +++ b/resources/js/Pages/Auth/ResetPassword.tsx @@ -5,8 +5,6 @@ import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; -import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; -import { ShieldCheck, ArrowRight } from 'lucide-react'; export default function ResetPassword({ token, @@ -32,30 +30,21 @@ export default function ResetPassword({ return ( - + - - -
- -
- - Atur Ulang Sandi - - - Silakan masukkan kata sandi baru untuk akun Academy Anda. - - - -
+
+
+

Reset Password

+ +
- + setData('email', e.target.value)} /> @@ -63,42 +52,41 @@ export default function ResetPassword({
- + setData('password', e.target.value)} />
- + setData('password_confirmation', e.target.value)} />
-
-
- - +
+
); } diff --git a/resources/js/Pages/Auth/VerifyEmail.tsx b/resources/js/Pages/Auth/VerifyEmail.tsx index aecf7ad..4d96b7f 100644 --- a/resources/js/Pages/Auth/VerifyEmail.tsx +++ b/resources/js/Pages/Auth/VerifyEmail.tsx @@ -2,8 +2,6 @@ import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@/Components/ui/button'; -import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; -import { Mail, LogOut, Send } from 'lucide-react'; export default function VerifyEmail({ status }: { status?: string }) { const { post, processing } = useForm({}); @@ -16,47 +14,40 @@ export default function VerifyEmail({ status }: { status?: string }) { return ( - + - - -
- +
+
+
+ Thanks for signing up! Before getting started, could you verify + your email address by clicking on the link we just emailed to + you? If you didn't receive the email, we will gladly send you + another.
- - Verifikasi Akun - - - Terima kasih telah mendaftar! Sebelum memulai, silakan verifikasi alamat email Anda melalui tautan yang baru saja kami kirimkan. - - - + {status === 'verification-link-sent' && ( -
- Tautan verifikasi baru telah berhasil dikirim ke alamat email Anda. +
+ A new verification link has been sent to the email address + you provided during registration.
)} -
-
- -
- -
- - Keluar dari Sesi - -
+ + + + + Log Out +
- - +
+
); }