import { Settings, Mail, Phone } from "lucide-react";

const Index = () => {
  return (
    <div className="min-h-screen flex flex-col" style={{ background: "linear-gradient(135deg, #008aad 0%, #00a0c6 40%, #00b8d4 100%)" }}>
      {/* Header with Logo */}
      <header className="pt-10 pb-4 text-center">
        <h1 className="text-3xl md:text-4xl font-bold text-white tracking-wide">RUTHINIUM</h1>
        <p className="text-white/80 text-sm md:text-base mt-1 italic">We take care of your smile</p>
      </header>

      {/* Main Content */}
      <main className="flex-1 flex items-center justify-center px-6">
        <div className="text-center max-w-lg">
          {/* Animated Gear Icon */}
          <div className="mb-8 inline-flex items-center justify-center w-24 h-24 rounded-full bg-white/15 backdrop-blur-sm">
            <Settings className="w-12 h-12 text-white animate-[spin_4s_linear_infinite]" />
          </div>

          <h2 className="text-3xl md:text-5xl font-bold text-white mb-4">
            Sito in manutenzione
          </h2>

          <p className="text-white/90 text-base md:text-lg leading-relaxed mb-8">
            Stiamo lavorando per migliorare la vostra esperienza.<br />
            Il sito tornerà online a breve. Ci scusiamo per il disagio.
          </p>

          {/* Contact Info */}
          <div className="bg-white/15 backdrop-blur-sm rounded-2xl p-6 md:p-8 space-y-4">
            <p className="text-white font-semibold text-lg">Hai bisogno di assistenza?</p>
            <div className="flex flex-col sm:flex-row items-center justify-center gap-4 text-white/90">
              <a href="mailto:info@ruthinium.com" className="flex items-center gap-2 hover:text-white transition-colors">
                <Mail className="w-5 h-5" />
                info@ruthinium.it
              </a>
              <a href="tel:+39042551628" className="flex items-center gap-2 hover:text-white transition-colors">
                <Phone className="w-5 h-5" />
                +39 02 8716 8573
              </a>
            </div>
          </div>
        </div>
      </main>

      {/* Footer */}
      <footer className="py-6 text-center text-white/60 text-sm">
        © {new Date().getFullYear()} Ruthinium Dental Manufacturing S.p.A. — Tutti i diritti riservati.
      </footer>
    </div>
  );
};

export default Index;