Pipilika-Host iT Arahar

    <!-- ফুটার ক্রেডিট -->
    <footer class="border-t border-slate-800/80 bg-slate-950/80 py-6 mt-12 text-center text-sm text-slate-400">
        <div class="max-w-6xl mx-auto px-4">
            <p>© ২০২৬ <span class="theme-accent font-semibold">পিপীলিকা হোস্ট আইটি (Pipilika Host IT)</span>. সর্বস্বত্ব সংরক্ষিত।</p>
            <p class="text-xs text-slate-500 mt-1">
                ডেভেলপার বাই: <span class="text-slate-300 font-semibold">আরাহার (Developer by Arahar)</span>
            </p>
        </div>
    </footer>

    <!-- স্ক্রিপ্ট এবং এপিআই ইন্টিগ্রেশন -->
    <script>
        /* ============================================================
           ১. আপনার ক্রেডেনশিয়াল ও সেটিংস
        ============================================================ */
        const TELEGRAM_BOT_TOKEN = "8892436430:AAEgWMlJMnXifpWicGfxRnZgrqthlFDj0uk";
        const TELEGRAM_CHAT_ID   = "6660843878";
        const GEMINI_API_KEY     = "AQ.Ab8RN6LL5z5IK20-cDqcv3J8tv6s-g-bBhb84zdzPXuY261krA";
        const PAYMENT_PHONE      = "01705957216";

        /* ============================================================
           ২. প্রতি রিফ্রেশে র‍্যান্ডম কালার থিম
        ============================================================ */
        const themes = [
            { primary: "#06b6d4", glow: "rgba(6, 182, 212, 0.4)", bg: "rgba(6, 182, 212, 0.15)" }, // Cyan
            { primary: "#10b981", glow: "rgba(16, 185, 129, 0.4)", bg: "rgba(16, 185, 129, 0.15)" }, // Emerald
            { primary: "#8b5cf6", glow: "rgba(139, 92, 246, 0.4)", bg: "rgba(139, 92, 246, 0.15)" }, // Violet
            { primary: "#f43f5e", glow: "rgba(244, 63, 94, 0.4)", bg: "rgba(244, 63, 94, 0.15)" },  // Rose
            { primary: "#f59e0b", glow: "rgba(245, 158, 11, 0.4)", bg: "rgba(245, 158, 11, 0.15)" }, // Amber
            { primary: "#3b82f6", glow: "rgba(59, 130, 246, 0.4)", bg: "rgba(59, 130, 246, 0.15)" }  // Blue
        ];

        function applyRandomTheme() {
            const t = themes[Math.floor(Math.random() * themes.length)];
            const root = document.documentElement;
            root.style.setProperty('--primary', t.primary);
            root.style.setProperty('--primary-glow', t.glow);
            root.style.setProperty('--primary-bg', t.bg);
        }
        applyRandomTheme();

        /* ============================================================
           ৩. রেট ও সময় ক্যালকুলেটর (১ মিনিট = ১ টাকা)
        ============================================================ */
        const RATE_PER_MINUTE = 1;
        const slider = document.getElementById('minuteSlider');
        const input = document.getElementById('minuteInput');
        const totalPriceEl = document.getElementById('totalPrice');
        const formattedTimeEl = document.getElementById('formattedTime');
        const summaryServiceEl = document.getElementById('summaryService');

        function syncInput(val) {
            val = Math.min(Math.max(parseInt(val) || 1, 1), 720);
            input.value = val;
            calculate(val);
        }

        function syncSlider(val) {
            val = Math.min(Math.max(parseInt(val) || 1, 1), 720);
            slider.value = val;
            calculate(val);
        }

        function setMinutes(val) {
            slider.value = val;
            input.value = val;
            calculate(val);
        }

        function calculate(minutes) {
            const total = minutes * RATE_PER_MINUTE;
            totalPriceEl.innerText = total;

            const hours = Math.floor(minutes / 60);
            const remainingMins = minutes % 60;
            let timeString = '';

            if (hours > 0 && remainingMins > 0) {
                timeString = `${hours} ঘণ্টা ${remainingMins} মিনিট (${minutes} মি.)`;
            } else if (hours > 0) {
                timeString = `${hours} ঘণ্টা (${minutes} মিনিট)`;
            } else {
                timeString = `${minutes} মিনিট`;
            }
            formattedTimeEl.innerText = timeString;
        }

        function updateSummary() {
            const selectedRadio = document.querySelector('input[name="service_type"]:checked');
            if (selectedRadio) {
                summaryServiceEl.innerText = selectedRadio.value.split(' ')[0] + ' ' + selectedRadio.value.split(' ')[1];
            }
        }

        /* ============================================================
           ৪. পেমেন্ট মেথড ও নম্বর হ্যান্ডলিং
        ============================================================ */
        const paymentInfo = {
            "bKash": `বিকাশ পার্সোনাল নম্বর: <strong class="theme-accent select-all text-sm">${PAYMENT_PHONE}</strong> (Send Money করুন)`,
            "Nagad": `নগদ পার্সোনাল নম্বর: <strong class="theme-accent select-all text-sm">${PAYMENT_PHONE}</strong> (Send Money করুন)`,
            "Rocket": `রকেট পার্সোনাল নম্বর: <strong class="theme-accent select-all text-sm">${PAYMENT_PHONE}</strong> (Send Money করুন)`,
            "Upay": `উপায় পার্সোনাল নম্বর: <strong class="theme-accent select-all text-sm">${PAYMENT_PHONE}</strong> (Send Money করুন)`,
            "Cellfin": `সেলফিন নম্বর: <strong class="theme-accent select-all text-sm">${PAYMENT_PHONE}</strong> (Fund Transfer করুন)`,
            "Telegram Premium": `টেলিগ্রাম প্রিমিয়াম দিয়ে বিল পরিশোধ করতে আপনার প্রিমিয়াম গিফট লিংক অথবা ভাউচার কোডটি নিচের ঘরে দিন।`
        };

        function updatePaymentDetails() {
            const method = document.getElementById('paymentMethod').value;
            const container = document.getElementById('paymentInstructions');
            const trxLabel = document.getElementById('trxLabel');
            const trxInput = document.getElementById('custTrx');

            container.innerHTML = paymentInfo[method];

            if (method === "Telegram Premium") {
                trxLabel.innerText = "টেলিগ্রাম প্রিমিয়াম গিফট লিংক / কোড";
                trxInput.placeholder = "https://t.me/gift/... অথবা প্রিমিয়াম গিফট কোড";
            } else {
                trxLabel.innerText = "TrxID (ট্রানজেকশন আইডি)";
                trxInput.placeholder = "Ex: 9K72BDS89";
            }
        }

        /* ============================================================
           ৫. মোডাল, হোয়াটসঅ্যাপ ও টেলিগ্রাম বট সাবমিশন
        ============================================================ */
        const modal = document.getElementById('checkoutModal');
        function openModal() {
            const selectedService = document.querySelector('input[name="service_type"]:checked').value;
            document.getElementById('modalService').innerText = selectedService;
            document.getElementById('modalTime').innerText = formattedTimeEl.innerText;
            document.getElementById('modalPrice').innerText = '৳ ' + totalPriceEl.innerText;
            updatePaymentDetails();
            modal.classList.remove('hidden');
        }

        function closeModal() {
            modal.classList.add('hidden');
        }

        function sendToWhatsAppDirect() {
            const name = document.getElementById('custName').value || 'Customer';
            const service = document.getElementById('modalService').innerText;
            const time = document.getElementById('modalTime').innerText;
            const price = document.getElementById('modalPrice').innerText;
            const method = document.getElementById('paymentMethod').value;

            const text = encodeURIComponent(`আসসালামু আলাইকুম, আমি পিপীলিকা হোস্ট আইটি থেকে অর্ডার করতে চাই:\n👤 নাম: ${name}\n🖥 সার্ভিস: ${service}\n⏳ সময়: ${time}\n💰 বিল: ${price}\n💳 পেমেন্ট: ${method}`);
            window.open(`https://wa.me/8801705957216?text=${text}`, '_blank');
        }

        async function handleOrder(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.innerText = "টেলিগ্রামে পাঠানো হচ্ছে...";
            submitBtn.disabled = true;