<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>האתר בבנייה - בקרוב!</title>
    <script src="https://cdn.tailwindcss.com"></script>
    
    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;800&display=swap" rel="stylesheet">
    
    <style>
        body {
            font-family: 'Heebo', sans-serif;
        }
        @keyframes spin-slow {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .animate-spin-slow {
            animation: spin-slow 10s linear infinite;
        }
        .whatsapp-button {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }
    </style>
</head>
<body class="bg-gray-50 flex items-center justify-center min-h-screen p-4">

    <div class="bg-white p-8 md:p-12 rounded-2xl shadow-xl w-full max-w-lg text-center border-t-8 border-indigo-600">

        <div class="text-indigo-600 mb-6 flex justify-center">
            <svg class="w-16 h-16 animate-spin-slow" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.942 3.313.823 2.307 2.307a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.942 1.543-.823 3.313-2.307 2.307a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.942-3.313-.823-2.307-2.307a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.942-1.543.823-3.313 2.307-2.307a1.724 1.724 0 002.572-1.065z"></path>
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
            </svg>
        </div>

        <h1 class="text-4xl md:text-5xl font-extrabold text-gray-900 mb-4">
            האתר בבנייה
        </h1>

        <p class="text-lg text-gray-600 mb-8 leading-relaxed">
            אנו עובדים במרץ על החוויה הדיגיטלית החדשה שלנו. בקרוב, האתר המלא יהיה זמין עם כל הפיצ'רים והמידע שאתם מחפשים.
        </p>

        <p class="text-xl font-semibold text-gray-700 mb-6">
            בינתיים, ניתן ליצור קשר:
        </p>

        <a href="https://wa.me/972522204046?text="
           target="_blank"
           class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-xl shadow-lg text-white bg-green-500 hover:bg-green-600 transition duration-300 transform hover:scale-105 whatsapp-button"
           >
            <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" 
                 alt="WhatsApp Icon" 
                 class="w-8 h-8 bg-white rounded-full p-0.5"
                 onerror="this.onerror=null; this.src='https://placehold.co/32x32/FFFFFF/25D366?text=WA';" 
            />
            <span class="text-lg font-bold">צרו קשר בוואטסאפ</span>
        </a>

    </div>
</body>
</html>
