import { useForm, Head } from '@inertiajs/react'; import { motion } from 'framer-motion'; import { Zap, Lock, Mail, Eye, EyeOff, AlertCircle } from 'lucide-react'; import { useState } from 'react'; import { Button } from '@/Components/ui/Button'; import { cn } from '@/lib/utils'; export default function Login({ ldapEnabled }) { const { data, setData, post, processing, errors } = useForm({ email: '', password: '', remember: false, }); const [showPass, setShowPass] = useState(false); const submit = (e) => { e.preventDefault(); post('/login'); }; return ( <>
{/* Background effects */}
{/* Meteors */} {Array.from({ length: 8 }).map((_, i) => ( ))} {/* Logo */}

Infra Manager

Unified Infrastructure Control Plane

{/* Card */}
{/* Gradient border glow */}
setData('email', e.target.value)} placeholder="admin@infra.local" required className={cn( 'w-full pl-10 pr-4 py-2.5 bg-white/5 border rounded-xl text-sm text-white placeholder:text-white/20', 'focus:outline-none focus:border-cyan-500/60 focus:bg-white/[0.07] transition-all', errors.email ? 'border-red-500/60' : 'border-white/10' )} />
{errors.email && (

{errors.email}

)}
setData('password', e.target.value)} placeholder="••••••••" required className={cn( 'w-full pl-10 pr-10 py-2.5 bg-white/5 border rounded-xl text-sm text-white placeholder:text-white/20', 'focus:outline-none focus:border-cyan-500/60 focus:bg-white/[0.07] transition-all', errors.password ? 'border-red-500/60' : 'border-white/10' )} />
{ldapEnabled && (
or
)}

Default: admin@infra.local / Admin@123456

); }