<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="This Domain name might be for sale. Contact & SMS: 09193795181. Telegram: https://t.me/Domainsara. WhatsApp: 09193795181">
    <title id="pageTitle">Domain For Sale - Domain Parking</title>
    <script src="tailwind.js"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        'sans': ['Outfit', 'sans-serif'],
                        'vazir': ['Vazirmatn', 'sans-serif'],
                    },
                    colors: {
                        'accent': '#10b981',
                    }
                }
            }
        }
    </script>
    <style>
        @font-face {
            font-family: 'Outfit';
            src: url('Outfit.woff2') format('woff2');
            font-weight: 300 800;
            font-display: swap;
        }

        @font-face {
            font-family: 'Vazirmatn';
            src: url('Vazirmatn.woff2') format('woff2');
            font-weight: 700;
            font-display: swap;
        }

        body {
            background-color: #f8fafc;
        }

        .domain-card {
            transition: all 0.3s ease;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }

        .btn {
            transition: all 0.2s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
        }

        .domain-name {
            letter-spacing: -0.03em;
        }

        .glow {
            box-shadow: 0 0 20px rgba(255, 129, 0, 0.15);
        }

        .persian-message {
            font-family: 'Vazirmatn', sans-serif;
            font-weight: 700;
        }
    </style>
</head>
<body class="min-h-screen flex items-center justify-center p-4 md:p-8">
    <div class="w-full max-w-2xl">
        <!-- Main Card -->
        <div class="domain-card bg-white rounded-2xl p-8 md:p-10">
            <!-- Domain Name -->
            <div class="mb-8 text-center">
                <h1 id="domainName" class="text-4xl md:text-6xl font-extrabold tracking-tight domain-name"></h1>
                <p class="mt-4 text-lg text-gray-500 font-light">This Domain name might be for sale.</p>
            </div>

            <!-- Persian Message Box -->
            <div class="mb-8 bg-amber-50 border-2 border-amber-200 rounded-xl p-4 text-center">
                <p class="persian-message text-amber-800 text-base md:text-lg" dir="rtl">
                    این سایت هیچ خدماتی ارائه نمی‌کند و هیچ کالایی برای فروش ندارد.
                </p>
            </div>

            <!-- Divider -->
            <div class="h-px bg-gray-100 my-6"></div>

            <!-- Contact Information -->
            <div class="space-y-5">
                <!-- Contact & SMS -->
                <div class="flex flex-col md:flex-row md:items-center justify-between gap-2">
                    <span class="text-gray-500">Contact & SMS:</span>
                    <span class="font-semibold text-lg text-accent tracking-wide">09193795181</span>
                </div>

                <!-- Social Links -->
                <div class="grid grid-cols-3 gap-3 my-6">
                    <!-- Telegram -->
                    <a href="https://t.me/Domainsara" target="_blank" rel="noopener noreferrer"
                        class="btn flex items-center justify-center bg-[#229ED9] text-white py-3 rounded-xl text-sm font-medium">
                        Telegram
                    </a>

                    <!-- WhatsApp -->
                    <a href="https://api.whatsapp.com/send?phone=989193795181" target="_blank" rel="noopener noreferrer"
                        class="btn flex items-center justify-center bg-[#25D366] text-white py-3 rounded-xl text-sm font-medium">
                        WhatsApp
                    </a>

                    <!-- Eitaa -->
                    <a href="https://eitaa.com/pardazeshgostar" target="_blank" rel="noopener noreferrer"
                        class="btn glow flex items-center justify-center bg-[#ff8100] hover:bg-[#f77800] text-white py-3 rounded-xl text-sm font-medium">
                        Eitaa
                    </a>
                </div>

                <!-- Contact Hours -->
                <div class="flex flex-col md:flex-row md:items-center justify-between gap-2">
                    <span class="text-gray-500">Contact Hours:</span>
                    <span class="font-medium">13:00 - 23:00</span>
                </div>
            </div>

            <!-- Divider -->
            <div class="h-px bg-gray-100 my-6"></div>

            <!-- Footer -->
            <div class="text-center text-gray-400 text-sm font-light">
                © 2024 All rights reserved.
            </div>
        </div>
    </div>

    <script>
        const domain = window.location.hostname;
        // For local testing, use a default domain
        const hostName = domain === "localhost" || domain === "127.0.0.1" ? "example.com" : domain;
        const [name, ext] = hostName.split('.');

        // Update domain name display
        document.getElementById('domainName').innerHTML =
            '<span class="text-gray-800">' + name.toUpperCase() + '</span>' +
            '<span class="text-accent font-medium">.' + ext + '</span>';

        // Update page title
        document.getElementById('pageTitle').textContent = name.toUpperCase() + '.' + ext + ' - Domain For Sale - Domain Parking';

        // Log visitor
        fetch('log-visitor.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                domain: domain,
                referrer: document.referrer,
                userAgent: navigator.userAgent
            })
        }).catch(error => console.error('Error logging visitor:', error));
    </script>
</body>
</html>