import { Hammer } from 'lucide-react';

export default function MaintenanceVeiw() {
    return (
        <div className="min-h-screen bg-wtihub-bg flex flex-col items-center justify-center p-6 text-center">
            <div className="w-20 h-20 bg-wihub-green/10 rounded-full flex items-center justify-center mb-6 animate-bounce">
               <Hammer className="text-wtihub-green" size={40} />
            </div>
            <h1 className="tex-4xl font-black text-wtihub-text mb-4">
                Innovation <span className="text-wtihub-green">WinnerTI</span> Hub
            </h1>
            <p  className="tex-gray-500 max-w-md">
                The infrastructure is currently undergoing a scheduled architectural upgrade.
                We'll be back online shortly.
            </p>
            <div className="mt-8 text-[10px] text-wtihub-green font-mono uppercase tracking-widest">
                System Status: Under Maintenance
            </div>
        </div>
    )
}