import InputError from '@/Components/InputError'; import PrimaryButton from '@/Components/PrimaryButton'; import TextInput from '@/Components/TextInput'; import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { motion } from 'framer-motion'; import { ArrowRight, Lock, Mail } from 'lucide-react'; export default function Login({ status, canResetPassword, }: { status?: string; canResetPassword: boolean; }) { const { data, setData, post, processing, errors, reset } = useForm({ email: '', password: '', remember: false as boolean, }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('login'), { onFinish: () => reset('password'), }); }; return (
{/* Left Side: Visual */}
Login Visual { // Fallback if image not yet in storage e.currentTarget.src = 'https://images.unsplash.com/photo-1557683316-973673baf926?auto=format&fit=crop&q=80'; }} />

Elevate your
perspective.

Access the Altivate Solutions command center. Manage your store, bookings, and growth strategies in one place.

{/* Right Side: Form */}
Altivate.

Welcome back

Please enter your credentials to access your account.

{status && (
{status}
)}
setData('email', e.target.value)} />
{canResetPassword && ( Forgot password? )}
setData('password', e.target.value)} />
{processing ? 'Signing in...' : ( <> Sign in )}

© {new Date().getFullYear()} Altivate Solutions. All rights reserved.

); }