import SessionController from '@/actions/App/Http/Controllers/SessionController'; import InputError from '@/components/input-error'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { register } from '@/routes'; import { request } from '@/routes/password'; import { Form, Head } from '@inertiajs/react'; import { ArrowRight, Eye, EyeOff, LoaderCircle, Store, Users } from 'lucide-react'; import { useState } from 'react'; import AppLogoIcon from '@/components/app-logo-icon'; interface LoginProps { status?: string; canResetPassword: boolean; } export default function Login({ status, canResetPassword }: LoginProps) { const [showPassword, setShowPassword] = useState(false); return (
{/* Left Side - Marketing */}
{/* Background Image & Overlay */}
Socio Impact Background
{/* Logo */}
Socio Impact
{/* Main Content */}

Kelola Proyek Anda Dengan Mudah

Platform manajemen proyek terintegrasi untuk memantau, mengelola, dan melaporkan kebutuhan Anda.

{/* Community Badge */}
{[1, 2, 3].map((i) => (
))}
+2k

Komunitas

Bergabung dengan 2rb+ mitra

{/* Footer */}

© 2026 Socio Impact Inc.

Privacy Terms
{/* Right Side - Form */}
{/* Mobile Logo (Visible only on small screens) */}
Socio Impact

Masuk

Masuk ke dashboard untuk mengelola proyek.

{({ processing, errors }) => ( <>
{canResetPassword && ( Lupa Password? )}
)}
{status && (
{status}
)}
Belum punya akun?{' '} Daftar sekarang
); }