Untitled

// app/under-development/page.tsx
import Image from 'next/image';

export default function UnderDevelopment() {
  return (
    <div className="min-h-screen flex flex-col items-center justify-center p-4 bg-gradient-to-b from-blue-50 to-blue-100">
      <div className="max-w-md w-full bg-white rounded-xl shadow-lg overflow-hidden md:max-w-2xl mx-auto text-center p-8">
        <div className="mb-6">
          <div className="mx-auto w-24 h-24 relative mb-4">
            <Image 
              src="/under-construction.svg" 
              alt="Baustelle" 
              fill 
              className="object-contain"
              priority
            />
          </div>
          <h1 className="text-2xl md:text-3xl font-bold text-gray-800 mb-2">Webseite in Entwicklung</h1>
          <div className="w-16 h-1 bg-yellow-500 mx-auto my-4"></div>
        </div>
        
        <p className="text-gray-600 mb-6">
          Vielen Dank für Ihren Besuch. Wir arbeiten derzeit an unserer neuen Webseite, um Ihnen bald ein besseres Erlebnis bieten zu können.
        </p>
        
        <p className="text-sm text-gray-500">
          Bitte besuchen Sie uns zu einem späteren Zeitpunkt wieder.
        </p>
        
        <div className="mt-8 text-sm text-gray-400">
          © {new Date().getFullYear()} • Alle Rechte vorbehalten
        </div>
      </div>
    </div>
  );
}