import React from 'react';
import LoginForm from './LoginForm.tsx';

const AuthPage: React.FC = () => (
  <div className="min-h-screen bg-gray-100 flex flex-col justify-center items-center p-4">
    <div className="w-full max-w-md">
      <div className="text-center mb-8">
        <img
          src="https://www.cpp.co.id/wp-content/uploads/2021/08/logo-PT-Charoen-Pokphand-Indonesia-Tbk.png"
          alt="Charoen Pokphand Logo"
          className="h-16 mx-auto mb-4"
        />
        <h1 className="text-2xl font-bold text-gray-800">Solusi AI Peternakan Ayam</h1>
      </div>
      <div className="bg-white p-8 rounded-2xl shadow-xl">
        <LoginForm />
      </div>
    </div>
  </div>
);

export default AuthPage;