Internet Plans<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n* { font-family: 'Outfit', sans-serif; }\r\n.plan-card { transition: transform 0.3s, box-shadow 0.3s; }\r\n.plan-card:hover { transform: translateY(-8px); box-shadow: 0 0 30px rgba(34,211,238,0.3); }\r\n.plan-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 1rem; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent); opacity: 0; transition: opacity 0.3s; pointer-events: none; }\r\n.plan-card:hover::before { animation: shimmer 0.6s ease; }\r\n.popular-badge { animation: pulse 2s infinite; }\r\n.plan-card { position: relative; overflow: hidden; }\r\n@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.7;transform:scale(1.05)} }\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes fadeInOverlay { from{opacity:0} to{opacity:1} }\r\n@keyframes fadeOutOverlay { from{opacity:1} to{opacity:0} }\r\n@keyframes zoomIn { from{opacity:0;transform:scale(0.8)} to{opacity:1;transform:scale(1)} }\r\n@keyframes scaleUp { from{opacity:0;transform:scale(0)} to{opacity:1;transform:scale(1)} }\r\n@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes shimmer { 0%{opacity:0;transform:translateX(-100%)} 50%{opacity:1} 100%{opacity:0;transform:translateX(100%)} }\r\n@keyframes glow { 0%,100%{box-shadow:0 0 10px rgba(34,211,238,0.2)} 50%{box-shadow:0 0 25px rgba(34,211,238,0.4)} }\r\n@keyframes cardPop { 0%{transform:scale(0.95);opacity:0} to{transform:scale(1);opacity:1} }\r\n@keyframes float { 0%,100%{transform:translateY(0px)} 50%{transform:translateY(-8px)} }\r\n.fade-up { animation: fadeUp 0.6s ease both; }\r\n.popular-badge { animation: pulse 2s infinite, glow 2s ease-in-out infinite; }\r\n.btn-click { animation: buttonPress 0.3s ease; }\r\n@keyframes buttonPress { 0%{transform:scale(1)} 50%{transform:scale(0.95)} 100%{transform:scale(1.05);opacity:0.8} }\r\n@keyframes cardFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }\r\n.plan-card { animation: cardFloat 3s ease-in-out infinite; }\r\n.plan-card:nth-child(2) { animation-delay: 0.2s; }\r\n.plan-card:nth-child(3) { animation-delay: 0.4s; }\r\n.plan-card:nth-child(4) { animation-delay: 0.6s; }\r\n.plan-card:nth-child(5) { animation-delay: 0.8s; }\r\n.plan-card:nth-child(6) { animation-delay: 1s; }\r\n@keyframes titleSlide { 0%{transform:translateX(-100%);opacity:0} 50%{transform:translateX(10px)} 100%{transform:translateX(0);opacity:1} }\r\n@keyframes subtitleFade { 0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} }\r\n@keyframes lineExpand { 0%{width:0} 100%{width:100%} }\r\n#title { animation: titleSlide 0.8s cubic-bezier(0.34,1.56,0.64,1); }\r\n#subtitle { animation: subtitleFade 0.8s ease 0.3s both; }\r\n.line-decoration { position: relative; display: inline-block; }\r\n.line-decoration::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); height: 3px; background: linear-gradient(90deg, transparent, #22d3ee, #a78bfa, #f472b6, #22d3ee, transparent); animation: lineExpand 1s ease 0.5s both; border-radius: 2px; box-shadow: 0 0 10px rgba(34,211,238,0.5); }\r\n.title-container { position: relative; }\r\n.stars { position: absolute; font-size: 20px; animation: twinkle 2s ease-in-out infinite; }\r\n.star1 { top: -15px; left: 5%; animation-delay: 0s; }\r\n.star2 { top: -20px; right: 8%; animation-delay: 0.4s; }\r\n.star3 { top: 5px; right: 3%; animation-delay: 0.8s; }\r\n@keyframes twinkle { 0%,100%{opacity:0.3;transform:scale(0.8) rotate(0deg)} 50%{opacity:1;transform:scale(1.2) rotate(20deg)} }\r\n@keyframes rotate { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }\r\n@keyframes waveSignal { 0%{opacity:0;transform:scale(0.8)} 50%{opacity:0.6} 100%{opacity:0;transform:scale(2)} }\r\n@keyframes waveSignal2 { 0%{opacity:0;transform:scale(0.8)} 50%{opacity:0.4} 100%{opacity:0;transform:scale(2.5)} }\r\n@keyframes waveSignal3 { 0%{opacity:0;transform:scale(0.8)} 50%{opacity:0.2} 100%{opacity:0;transform:scale(3)} }\r\n@keyframes iconPulse { 0%,100%{transform:scale(1);filter:drop-shadow(0 0 0px currentColor)} 50%{transform:scale(1.1);filter:drop-shadow(0 0 15px currentColor)} }\r\n@keyframes iconGlow { 0%,100%{filter:drop-shadow(0 0 5px currentColor)} 50%{filter:drop-shadow(0 0 20px currentColor)} }\r\n.twinkle-star { animation: twinkle 2s ease-in-out infinite; }\r\n.router-icon { animation: rotate 20s linear infinite; }\r\n.signal-wave { position: absolute; }\r\n.signal-wave:nth-child(1) { animation: waveSignal 1.5s ease-out infinite; }\r\n.signal-wave:nth-child(2) { animation: waveSignal2 1.5s ease-out infinite 0.3s; }\r\n.signal-wave:nth-child(3) { animation: waveSignal3 1.5s ease-out infinite 0.6s; }\r\n.icon-animate { animation: iconPulse 2s ease-in-out infinite; }\r\n<\/style>\r\n <style>body { box-sizing: border-box; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <div id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #0a0f1c 0%, #121d3a 50%, #0a0f1c 100%);\">\r\n <div class=\"max-w-7xl mx-auto px-4 py-16\">\r\n <div class=\"text-center mb-14 fade-up title-container\">\r\n <div class=\"stars star1 twinkle-star\" style=\"font-size: 28px;\">\r\n \u2728\r\n <\/div>\r\n <div class=\"stars star2 twinkle-star\" style=\"position: relative; font-size: 26px;\">\r\n <div style=\"position: absolute; width: 30px; height: 30px; top: -5px; left: -7px;\">\r\n <svg viewbox=\"0 0 24 24\" style=\"width: 100%; height: 100%; animation: rotate 20s linear infinite;\" fill=\"none\" stroke=\"#22d3ee\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle> <path d=\"M12 4v3M12 17v3M4 12h3M17 12h3\"><\/path>\r\n <\/svg>\r\n <\/div> \ud83c\udf10\r\n <\/div>\r\n <div class=\"stars star3 twinkle-star\" style=\"position: relative; font-size: 24px;\">\r\n <div style=\"position: absolute; width: 28px; height: 28px; top: -6px; left: -8px;\">\r\n <div class=\"signal-wave\" style=\"width: 12px; height: 12px; border: 2px solid #a78bfa; border-radius: 50%;\"><\/div>\r\n <div class=\"signal-wave\" style=\"width: 20px; height: 20px; border: 2px solid #a78bfa; border-radius: 50%; top: -4px; left: -4px;\"><\/div>\r\n <div class=\"signal-wave\" style=\"width: 28px; height: 28px; border: 2px solid #a78bfa; border-radius: 50%; top: -8px; left: -8px;\"><\/div>\r\n <\/div> \ud83d\udce1\r\n <\/div>\r\n <h1 id=\"title\" class=\"text-4xl md:text-5xl font-800 text-white mb-3 line-decoration\">Our Plans<\/h1>\r\n <p id=\"subtitle\" class=\"text-lg text-slate-400\">Choose your perfect internet package<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"plans-grid\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\nconst plans = [\r\n { name:\"Desh\", speed:14, fb:50, yt:100, bdix:50, fiber:\"Fiber Optic Connection\", price:525, popular:false },\r\n { name:\"Student\", speed:40, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic Connection\", price:685, popular:false },\r\n { name:\"Bondhu\", speed:60, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic Connection\", price:840, popular:true },\r\n { name:\"Home\", speed:105, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic Connection\", price:1050, popular:false },\r\n { name:\"Home-Plus\", speed:150, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic+Real IP\", price:1365, popular:false },\r\n { name:\"Smart-Home\", speed:200, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic+Real IP\", price:1575, popular:false }\r\n];\r\n\r\nconst colors = [\r\n {accent:\"#22d3ee\",bg:\"rgba(34,211,238,0.08)\",border:\"rgba(34,211,238,0.2)\"},\r\n {accent:\"#a78bfa\",bg:\"rgba(167,139,250,0.08)\",border:\"rgba(167,139,250,0.2)\"},\r\n {accent:\"#f472b6\",bg:\"rgba(244,114,182,0.08)\",border:\"rgba(244,114,182,0.25)\"},\r\n {accent:\"#fb923c\",bg:\"rgba(251,146,60,0.08)\",border:\"rgba(251,146,60,0.2)\"},\r\n {accent:\"#34d399\",bg:\"rgba(52,211,153,0.08)\",border:\"rgba(52,211,153,0.2)\"},\r\n {accent:\"#facc15\",bg:\"rgba(250,204,21,0.08)\",border:\"rgba(250,204,21,0.2)\"}\r\n];\r\n\r\nfunction renderPlans() {\r\n const grid = document.getElementById('plans-grid');\r\n grid.innerHTML = plans.map((p,i) => {\r\n const c = colors[i];\r\n return `\r\n <div class=\"plan-card rounded-2xl p-6 relative fade-up\" style=\"animation-delay:${i*0.1}s; background:${c.bg}; border:1px solid ${c.border};\">\r\n ${p.popular ? `<div class=\"popular-badge absolute -top-3 right-4 px-3 py-1 rounded-full text-xs font-600 text-black\" style=\"background:${c.accent};\">POPULAR<\/div>` : ''}\r\n <div class=\"mb-4\">\r\n <h3 class=\"text-xl font-700 text-white\">${p.name}<\/h3>\r\n <div class=\"flex items-end gap-1 mt-2\">\r\n <span class=\"text-4xl font-800\" style=\"color:${c.accent}\">${p.speed}<\/span>\r\n <span class=\"text-slate-400 text-sm mb-1\">Mbps<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"space-y-3 mb-6 text-sm\">\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"facebook\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite;\"><\/i>Facebook up to ${p.fb}Mbps<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"youtube\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.2s;\"><\/i>Youtube up to ${p.yt}Mbps<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"server\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.4s;\"><\/i>BDIX up to ${p.bdix}Mbps<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"wifi\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.6s;\"><\/i>${p.fiber}<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"headphones\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.8s;\"><\/i>24\/7 Priority Support<\/div>\r\n <\/div>\r\n <div class=\"mb-5\">\r\n <span class=\"text-2xl font-800 text-white\">${p.price}\u09f3<\/span>\r\n <span class=\"text-slate-500 text-sm\"> \/Month<\/span>\r\n <\/div>\r\n <button class=\"w-full py-3 rounded-xl font-600 text-sm tracking-wide transition-all duration-200 hover:scale-105 active:scale-95\" style=\"background:${c.accent}; color:#0a0f1c;\" data-plan-name=\"${p.name}\">\r\n RECHARGE NOW\r\n <\/button>\r\n <\/div>`;\r\n }).join('');\r\n lucide.createIcons();\r\n \r\n \/\/ Add event listeners to all buttons\r\n document.querySelectorAll('[data-plan-name]').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n recharge(this.dataset.planName);\r\n });\r\n });\r\n}\r\n\r\nfunction recharge(name) {\r\n \/\/ Create animated overlay\r\n const overlay = document.createElement('div');\r\n overlay.style.cssText = `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.7);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n animation: fadeInOverlay 0.3s ease;\r\n backdrop-filter: blur(5px);\r\n `;\r\n \r\n const modal = document.createElement('div');\r\n modal.style.cssText = `\r\n background: linear-gradient(135deg, #1a2a4a 0%, #0f1a2e 100%);\r\n padding: 40px;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 2px solid #22d3ee;\r\n animation: zoomIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n max-width: 400px;\r\n box-shadow: 0 0 40px rgba(34,211,238,0.3), inset 0 0 20px rgba(34,211,238,0.1);\r\n position: relative;\r\n `;\r\n \r\n modal.innerHTML = `\r\n <div style=\"position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 20px; background: linear-gradient(45deg, #22d3ee, #a78bfa, #f472b6, #22d3ee); background-size: 300% 300%; animation: borderGlow 3s ease infinite; z-index: -1; pointer-events: none;\" id=\"glow-border\"><\/div>\r\n <div style=\"font-size: 60px; margin-bottom: 20px; animation: scaleUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both; display: inline-block; animation-fill-mode: both;\">\u2713<\/div>\r\n <h2 style=\"color: #22d3ee; font-size: 28px; margin-bottom: 10px; font-weight: 700; animation: fadeUp 0.6s ease 0.3s both;\">\u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6!<\/h2>\r\n <p style=\"color: #e0e7ff; font-size: 16px; margin-bottom: 8px; animation: fadeUp 0.6s ease 0.4s both; font-weight: 600;\"><strong>${name}<\/strong> \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09bf\u09a4<\/p>\r\n <p style=\"color: #94a3b8; font-size: 13px; margin-bottom: 30px; animation: fadeUp 0.6s ease 0.5s both;\">\u09b0\u09bf\u099a\u09be\u09b0\u09cd\u099c \u09aa\u09c7\u099c\u09c7 \u09b0\u09bf\u09a1\u09bf\u09b0\u09c7\u0995\u09cd\u099f \u09b9\u099a\u09cd\u099b\u09c7...<\/p>\r\n <div style=\"display: flex; gap: 12px; justify-content: center; margin-bottom: 25px; animation: fadeUp 0.6s ease 0.6s both;\">\r\n <div style=\"width: 10px; height: 10px; background: linear-gradient(135deg, #22d3ee, #00d4ff); border-radius: 50%; animation: bounce 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; box-shadow: 0 0 15px #22d3ee;\"><\/div>\r\n <div style=\"width: 10px; height: 10px; background: linear-gradient(135deg, #a78bfa, #d8b4fe); border-radius: 50%; animation: bounce 1s 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; box-shadow: 0 0 15px #a78bfa;\"><\/div>\r\n <div style=\"width: 10px; height: 10px; background: linear-gradient(135deg, #f472b6, #fb7185); border-radius: 50%; animation: bounce 1s 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; box-shadow: 0 0 15px #f472b6;\"><\/div>\r\n <\/div>\r\n <p style=\"color: #64748b; font-size: 12px; animation: fadeUp 0.6s ease 0.7s both;\">\u09aa\u09cd\u09b2\u09cd\u09af\u09be\u09a8 \u0985\u09cd\u09af\u09be\u0995\u09cd\u099f\u09bf\u09ad\u09c7\u09b6\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4...<\/p>\r\n `;\r\n \r\n overlay.appendChild(modal);\r\n document.body.appendChild(overlay);\r\n \r\n \/\/ Add style for border glow\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes borderGlow {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n \r\n \/\/ Redirect after animation\r\n setTimeout(() => {\r\n overlay.style.animation = 'fadeOutOverlay 0.4s ease';\r\n setTimeout(() => {\r\n window.open('https:\/\/admin.shadhinnetwork.com\/pay', '_blank');\r\n overlay.remove();\r\n }, 400);\r\n }, 2800);\r\n}\r\n\r\nconst defaultConfig = {\r\n page_title: \"Our Plans\",\r\n page_subtitle: \"Choose your perfect internet package\",\r\n background_color: \"#0a0f1c\",\r\n text_color: \"#ffffff\",\r\n accent_color: \"#22d3ee\",\r\n font_family: \"Outfit\",\r\n font_size: 16\r\n};\r\n\r\nfunction applyConfig(config) {\r\n document.getElementById('title').textContent = config.page_title || defaultConfig.page_title;\r\n document.getElementById('subtitle').textContent = config.page_subtitle || defaultConfig.page_subtitle;\r\n const app = document.getElementById('app');\r\n const bg = config.background_color || defaultConfig.background_color;\r\n app.style.background = `linear-gradient(135deg, ${bg} 0%, ${lighten(bg)} 50%, ${bg} 100%)`;\r\n document.getElementById('title').style.color = config.text_color || defaultConfig.text_color;\r\n document.getElementById('title').style.fontFamily = `${config.font_family || defaultConfig.font_family}, sans-serif`;\r\n document.getElementById('subtitle').style.fontFamily = `${config.font_family || defaultConfig.font_family}, sans-serif`;\r\n const base = config.font_size || defaultConfig.font_size;\r\n document.getElementById('title').style.fontSize = `${base * 2.5}px`;\r\n document.getElementById('subtitle').style.fontSize = `${base * 1.1}px`;\r\n}\r\n\r\nfunction lighten(hex) {\r\n let r = parseInt(hex.slice(1,3),16), g = parseInt(hex.slice(3,5),16), b = parseInt(hex.slice(5,7),16);\r\n return `rgb(${Math.min(r+20,255)},${Math.min(g+20,255)},${Math.min(b+50,255)})`;\r\n}\r\n\r\nif (window.elementSdk) {\r\n window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange: async (config) => applyConfig(config),\r\n mapToCapabilities: (config) => ({\r\n recolorables: [\r\n { get:()=>config.background_color||defaultConfig.background_color, set:(v)=>{config.background_color=v;window.elementSdk.setConfig({background_color:v})} },\r\n { get:()=>config.text_color||defaultConfig.text_color, set:(v)=>{config.text_color=v;window.elementSdk.setConfig({text_color:v})} },\r\n { get:()=>config.accent_color||defaultConfig.accent_color, set:(v)=>{config.accent_color=v;window.elementSdk.setConfig({accent_color:v})} }\r\n ],\r\n borderables: [],\r\n fontEditable: { get:()=>config.font_family||defaultConfig.font_family, set:(v)=>{config.font_family=v;window.elementSdk.setConfig({font_family:v})} },\r\n fontSizeable: { get:()=>config.font_size||defaultConfig.font_size, set:(v)=>{config.font_size=v;window.elementSdk.setConfig({font_size:v})} }\r\n }),\r\n mapToEditPanelValues: (config) => new Map([\r\n [\"page_title\", config.page_title || defaultConfig.page_title],\r\n [\"page_subtitle\", config.page_subtitle || defaultConfig.page_subtitle]\r\n ])\r\n });\r\n}\r\n\r\nrenderPlans();\r\n<\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9e7204f4e58c2055',t:'MTc3NTMyMzYwMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Internet Plans \u2728 \ud83c\udf10 \ud83d\udce1 Our Plans Choose your perfect internet package<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages\/2813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/comments?post=2813"}],"version-history":[{"count":14,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages\/2813\/revisions"}],"predecessor-version":[{"id":3104,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages\/2813\/revisions\/3104"}],"wp:attachment":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/media?parent=2813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n Internet Plans<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n* { font-family: 'Outfit', sans-serif; }\r\n.plan-card { transition: transform 0.3s, box-shadow 0.3s; }\r\n.plan-card:hover { transform: translateY(-8px); box-shadow: 0 0 30px rgba(34,211,238,0.3); }\r\n.plan-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 1rem; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent); opacity: 0; transition: opacity 0.3s; pointer-events: none; }\r\n.plan-card:hover::before { animation: shimmer 0.6s ease; }\r\n.popular-badge { animation: pulse 2s infinite; }\r\n.plan-card { position: relative; overflow: hidden; }\r\n@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.7;transform:scale(1.05)} }\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes fadeInOverlay { from{opacity:0} to{opacity:1} }\r\n@keyframes fadeOutOverlay { from{opacity:1} to{opacity:0} }\r\n@keyframes zoomIn { from{opacity:0;transform:scale(0.8)} to{opacity:1;transform:scale(1)} }\r\n@keyframes scaleUp { from{opacity:0;transform:scale(0)} to{opacity:1;transform:scale(1)} }\r\n@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\r\n@keyframes shimmer { 0%{opacity:0;transform:translateX(-100%)} 50%{opacity:1} 100%{opacity:0;transform:translateX(100%)} }\r\n@keyframes glow { 0%,100%{box-shadow:0 0 10px rgba(34,211,238,0.2)} 50%{box-shadow:0 0 25px rgba(34,211,238,0.4)} }\r\n@keyframes cardPop { 0%{transform:scale(0.95);opacity:0} to{transform:scale(1);opacity:1} }\r\n@keyframes float { 0%,100%{transform:translateY(0px)} 50%{transform:translateY(-8px)} }\r\n.fade-up { animation: fadeUp 0.6s ease both; }\r\n.popular-badge { animation: pulse 2s infinite, glow 2s ease-in-out infinite; }\r\n.btn-click { animation: buttonPress 0.3s ease; }\r\n@keyframes buttonPress { 0%{transform:scale(1)} 50%{transform:scale(0.95)} 100%{transform:scale(1.05);opacity:0.8} }\r\n@keyframes cardFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }\r\n.plan-card { animation: cardFloat 3s ease-in-out infinite; }\r\n.plan-card:nth-child(2) { animation-delay: 0.2s; }\r\n.plan-card:nth-child(3) { animation-delay: 0.4s; }\r\n.plan-card:nth-child(4) { animation-delay: 0.6s; }\r\n.plan-card:nth-child(5) { animation-delay: 0.8s; }\r\n.plan-card:nth-child(6) { animation-delay: 1s; }\r\n@keyframes titleSlide { 0%{transform:translateX(-100%);opacity:0} 50%{transform:translateX(10px)} 100%{transform:translateX(0);opacity:1} }\r\n@keyframes subtitleFade { 0%{opacity:0;transform:translateY(20px)} 100%{opacity:1;transform:translateY(0)} }\r\n@keyframes lineExpand { 0%{width:0} 100%{width:100%} }\r\n#title { animation: titleSlide 0.8s cubic-bezier(0.34,1.56,0.64,1); }\r\n#subtitle { animation: subtitleFade 0.8s ease 0.3s both; }\r\n.line-decoration { position: relative; display: inline-block; }\r\n.line-decoration::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); height: 3px; background: linear-gradient(90deg, transparent, #22d3ee, #a78bfa, #f472b6, #22d3ee, transparent); animation: lineExpand 1s ease 0.5s both; border-radius: 2px; box-shadow: 0 0 10px rgba(34,211,238,0.5); }\r\n.title-container { position: relative; }\r\n.stars { position: absolute; font-size: 20px; animation: twinkle 2s ease-in-out infinite; }\r\n.star1 { top: -15px; left: 5%; animation-delay: 0s; }\r\n.star2 { top: -20px; right: 8%; animation-delay: 0.4s; }\r\n.star3 { top: 5px; right: 3%; animation-delay: 0.8s; }\r\n@keyframes twinkle { 0%,100%{opacity:0.3;transform:scale(0.8) rotate(0deg)} 50%{opacity:1;transform:scale(1.2) rotate(20deg)} }\r\n@keyframes rotate { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }\r\n@keyframes waveSignal { 0%{opacity:0;transform:scale(0.8)} 50%{opacity:0.6} 100%{opacity:0;transform:scale(2)} }\r\n@keyframes waveSignal2 { 0%{opacity:0;transform:scale(0.8)} 50%{opacity:0.4} 100%{opacity:0;transform:scale(2.5)} }\r\n@keyframes waveSignal3 { 0%{opacity:0;transform:scale(0.8)} 50%{opacity:0.2} 100%{opacity:0;transform:scale(3)} }\r\n@keyframes iconPulse { 0%,100%{transform:scale(1);filter:drop-shadow(0 0 0px currentColor)} 50%{transform:scale(1.1);filter:drop-shadow(0 0 15px currentColor)} }\r\n@keyframes iconGlow { 0%,100%{filter:drop-shadow(0 0 5px currentColor)} 50%{filter:drop-shadow(0 0 20px currentColor)} }\r\n.twinkle-star { animation: twinkle 2s ease-in-out infinite; }\r\n.router-icon { animation: rotate 20s linear infinite; }\r\n.signal-wave { position: absolute; }\r\n.signal-wave:nth-child(1) { animation: waveSignal 1.5s ease-out infinite; }\r\n.signal-wave:nth-child(2) { animation: waveSignal2 1.5s ease-out infinite 0.3s; }\r\n.signal-wave:nth-child(3) { animation: waveSignal3 1.5s ease-out infinite 0.6s; }\r\n.icon-animate { animation: iconPulse 2s ease-in-out infinite; }\r\n<\/style>\r\n <style>body { box-sizing: border-box; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <div id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: linear-gradient(135deg, #0a0f1c 0%, #121d3a 50%, #0a0f1c 100%);\">\r\n <div class=\"max-w-7xl mx-auto px-4 py-16\">\r\n <div class=\"text-center mb-14 fade-up title-container\">\r\n <div class=\"stars star1 twinkle-star\" style=\"font-size: 28px;\">\r\n \u2728\r\n <\/div>\r\n <div class=\"stars star2 twinkle-star\" style=\"position: relative; font-size: 26px;\">\r\n <div style=\"position: absolute; width: 30px; height: 30px; top: -5px; left: -7px;\">\r\n <svg viewbox=\"0 0 24 24\" style=\"width: 100%; height: 100%; animation: rotate 20s linear infinite;\" fill=\"none\" stroke=\"#22d3ee\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle> <path d=\"M12 4v3M12 17v3M4 12h3M17 12h3\"><\/path>\r\n <\/svg>\r\n <\/div> \ud83c\udf10\r\n <\/div>\r\n <div class=\"stars star3 twinkle-star\" style=\"position: relative; font-size: 24px;\">\r\n <div style=\"position: absolute; width: 28px; height: 28px; top: -6px; left: -8px;\">\r\n <div class=\"signal-wave\" style=\"width: 12px; height: 12px; border: 2px solid #a78bfa; border-radius: 50%;\"><\/div>\r\n <div class=\"signal-wave\" style=\"width: 20px; height: 20px; border: 2px solid #a78bfa; border-radius: 50%; top: -4px; left: -4px;\"><\/div>\r\n <div class=\"signal-wave\" style=\"width: 28px; height: 28px; border: 2px solid #a78bfa; border-radius: 50%; top: -8px; left: -8px;\"><\/div>\r\n <\/div> \ud83d\udce1\r\n <\/div>\r\n <h1 id=\"title\" class=\"text-4xl md:text-5xl font-800 text-white mb-3 line-decoration\">Our Plans<\/h1>\r\n <p id=\"subtitle\" class=\"text-lg text-slate-400\">Choose your perfect internet package<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"plans-grid\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\nconst plans = [\r\n { name:\"Desh\", speed:14, fb:50, yt:100, bdix:50, fiber:\"Fiber Optic Connection\", price:525, popular:false },\r\n { name:\"Student\", speed:40, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic Connection\", price:685, popular:false },\r\n { name:\"Bondhu\", speed:60, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic Connection\", price:840, popular:true },\r\n { name:\"Home\", speed:105, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic Connection\", price:1050, popular:false },\r\n { name:\"Home-Plus\", speed:150, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic+Real IP\", price:1365, popular:false },\r\n { name:\"Smart-Home\", speed:200, fb:100, yt:100, bdix:100, fiber:\"Fiber Optic+Real IP\", price:1575, popular:false }\r\n];\r\n\r\nconst colors = [\r\n {accent:\"#22d3ee\",bg:\"rgba(34,211,238,0.08)\",border:\"rgba(34,211,238,0.2)\"},\r\n {accent:\"#a78bfa\",bg:\"rgba(167,139,250,0.08)\",border:\"rgba(167,139,250,0.2)\"},\r\n {accent:\"#f472b6\",bg:\"rgba(244,114,182,0.08)\",border:\"rgba(244,114,182,0.25)\"},\r\n {accent:\"#fb923c\",bg:\"rgba(251,146,60,0.08)\",border:\"rgba(251,146,60,0.2)\"},\r\n {accent:\"#34d399\",bg:\"rgba(52,211,153,0.08)\",border:\"rgba(52,211,153,0.2)\"},\r\n {accent:\"#facc15\",bg:\"rgba(250,204,21,0.08)\",border:\"rgba(250,204,21,0.2)\"}\r\n];\r\n\r\nfunction renderPlans() {\r\n const grid = document.getElementById('plans-grid');\r\n grid.innerHTML = plans.map((p,i) => {\r\n const c = colors[i];\r\n return `\r\n <div class=\"plan-card rounded-2xl p-6 relative fade-up\" style=\"animation-delay:${i*0.1}s; background:${c.bg}; border:1px solid ${c.border};\">\r\n ${p.popular ? `<div class=\"popular-badge absolute -top-3 right-4 px-3 py-1 rounded-full text-xs font-600 text-black\" style=\"background:${c.accent};\">POPULAR<\/div>` : ''}\r\n <div class=\"mb-4\">\r\n <h3 class=\"text-xl font-700 text-white\">${p.name}<\/h3>\r\n <div class=\"flex items-end gap-1 mt-2\">\r\n <span class=\"text-4xl font-800\" style=\"color:${c.accent}\">${p.speed}<\/span>\r\n <span class=\"text-slate-400 text-sm mb-1\">Mbps<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"space-y-3 mb-6 text-sm\">\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"facebook\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite;\"><\/i>Facebook up to ${p.fb}Mbps<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"youtube\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.2s;\"><\/i>Youtube up to ${p.yt}Mbps<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"server\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.4s;\"><\/i>BDIX up to ${p.bdix}Mbps<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"wifi\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.6s;\"><\/i>${p.fiber}<\/div>\r\n <div class=\"flex items-center gap-2 text-slate-300\"><i data-lucide=\"headphones\" style=\"width:16px;height:16px;color:${c.accent}; animation: iconPulse 2s ease-in-out infinite 0.8s;\"><\/i>24\/7 Priority Support<\/div>\r\n <\/div>\r\n <div class=\"mb-5\">\r\n <span class=\"text-2xl font-800 text-white\">${p.price}\u09f3<\/span>\r\n <span class=\"text-slate-500 text-sm\"> \/Month<\/span>\r\n <\/div>\r\n <button class=\"w-full py-3 rounded-xl font-600 text-sm tracking-wide transition-all duration-200 hover:scale-105 active:scale-95\" style=\"background:${c.accent}; color:#0a0f1c;\" data-plan-name=\"${p.name}\">\r\n RECHARGE NOW\r\n <\/button>\r\n <\/div>`;\r\n }).join('');\r\n lucide.createIcons();\r\n \r\n \/\/ Add event listeners to all buttons\r\n document.querySelectorAll('[data-plan-name]').forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n recharge(this.dataset.planName);\r\n });\r\n });\r\n}\r\n\r\nfunction recharge(name) {\r\n \/\/ Create animated overlay\r\n const overlay = document.createElement('div');\r\n overlay.style.cssText = `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.7);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n animation: fadeInOverlay 0.3s ease;\r\n backdrop-filter: blur(5px);\r\n `;\r\n \r\n const modal = document.createElement('div');\r\n modal.style.cssText = `\r\n background: linear-gradient(135deg, #1a2a4a 0%, #0f1a2e 100%);\r\n padding: 40px;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 2px solid #22d3ee;\r\n animation: zoomIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n max-width: 400px;\r\n box-shadow: 0 0 40px rgba(34,211,238,0.3), inset 0 0 20px rgba(34,211,238,0.1);\r\n position: relative;\r\n `;\r\n \r\n modal.innerHTML = `\r\n <div style=\"position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 20px; background: linear-gradient(45deg, #22d3ee, #a78bfa, #f472b6, #22d3ee); background-size: 300% 300%; animation: borderGlow 3s ease infinite; z-index: -1; pointer-events: none;\" id=\"glow-border\"><\/div>\r\n <div style=\"font-size: 60px; margin-bottom: 20px; animation: scaleUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both; display: inline-block; animation-fill-mode: both;\">\u2713<\/div>\r\n <h2 style=\"color: #22d3ee; font-size: 28px; margin-bottom: 10px; font-weight: 700; animation: fadeUp 0.6s ease 0.3s both;\">\u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u099b\u09a8\u09cd\u09a6!<\/h2>\r\n <p style=\"color: #e0e7ff; font-size: 16px; margin-bottom: 8px; animation: fadeUp 0.6s ease 0.4s both; font-weight: 600;\"><strong>${name}<\/strong> \u09aa\u09cd\u09b2\u09cd\u09af\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09bf\u09a4<\/p>\r\n <p style=\"color: #94a3b8; font-size: 13px; margin-bottom: 30px; animation: fadeUp 0.6s ease 0.5s both;\">\u09b0\u09bf\u099a\u09be\u09b0\u09cd\u099c \u09aa\u09c7\u099c\u09c7 \u09b0\u09bf\u09a1\u09bf\u09b0\u09c7\u0995\u09cd\u099f \u09b9\u099a\u09cd\u099b\u09c7...<\/p>\r\n <div style=\"display: flex; gap: 12px; justify-content: center; margin-bottom: 25px; animation: fadeUp 0.6s ease 0.6s both;\">\r\n <div style=\"width: 10px; height: 10px; background: linear-gradient(135deg, #22d3ee, #00d4ff); border-radius: 50%; animation: bounce 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; box-shadow: 0 0 15px #22d3ee;\"><\/div>\r\n <div style=\"width: 10px; height: 10px; background: linear-gradient(135deg, #a78bfa, #d8b4fe); border-radius: 50%; animation: bounce 1s 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; box-shadow: 0 0 15px #a78bfa;\"><\/div>\r\n <div style=\"width: 10px; height: 10px; background: linear-gradient(135deg, #f472b6, #fb7185); border-radius: 50%; animation: bounce 1s 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; box-shadow: 0 0 15px #f472b6;\"><\/div>\r\n <\/div>\r\n <p style=\"color: #64748b; font-size: 12px; animation: fadeUp 0.6s ease 0.7s both;\">\u09aa\u09cd\u09b2\u09cd\u09af\u09be\u09a8 \u0985\u09cd\u09af\u09be\u0995\u09cd\u099f\u09bf\u09ad\u09c7\u09b6\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4...<\/p>\r\n `;\r\n \r\n overlay.appendChild(modal);\r\n document.body.appendChild(overlay);\r\n \r\n \/\/ Add style for border glow\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @keyframes borderGlow {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n \r\n \/\/ Redirect after animation\r\n setTimeout(() => {\r\n overlay.style.animation = 'fadeOutOverlay 0.4s ease';\r\n setTimeout(() => {\r\n window.open('https:\/\/admin.shadhinnetwork.com\/pay', '_blank');\r\n overlay.remove();\r\n }, 400);\r\n }, 2800);\r\n}\r\n\r\nconst defaultConfig = {\r\n page_title: \"Our Plans\",\r\n page_subtitle: \"Choose your perfect internet package\",\r\n background_color: \"#0a0f1c\",\r\n text_color: \"#ffffff\",\r\n accent_color: \"#22d3ee\",\r\n font_family: \"Outfit\",\r\n font_size: 16\r\n};\r\n\r\nfunction applyConfig(config) {\r\n document.getElementById('title').textContent = config.page_title || defaultConfig.page_title;\r\n document.getElementById('subtitle').textContent = config.page_subtitle || defaultConfig.page_subtitle;\r\n const app = document.getElementById('app');\r\n const bg = config.background_color || defaultConfig.background_color;\r\n app.style.background = `linear-gradient(135deg, ${bg} 0%, ${lighten(bg)} 50%, ${bg} 100%)`;\r\n document.getElementById('title').style.color = config.text_color || defaultConfig.text_color;\r\n document.getElementById('title').style.fontFamily = `${config.font_family || defaultConfig.font_family}, sans-serif`;\r\n document.getElementById('subtitle').style.fontFamily = `${config.font_family || defaultConfig.font_family}, sans-serif`;\r\n const base = config.font_size || defaultConfig.font_size;\r\n document.getElementById('title').style.fontSize = `${base * 2.5}px`;\r\n document.getElementById('subtitle').style.fontSize = `${base * 1.1}px`;\r\n}\r\n\r\nfunction lighten(hex) {\r\n let r = parseInt(hex.slice(1,3),16), g = parseInt(hex.slice(3,5),16), b = parseInt(hex.slice(5,7),16);\r\n return `rgb(${Math.min(r+20,255)},${Math.min(g+20,255)},${Math.min(b+50,255)})`;\r\n}\r\n\r\nif (window.elementSdk) {\r\n window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange: async (config) => applyConfig(config),\r\n mapToCapabilities: (config) => ({\r\n recolorables: [\r\n { get:()=>config.background_color||defaultConfig.background_color, set:(v)=>{config.background_color=v;window.elementSdk.setConfig({background_color:v})} },\r\n { get:()=>config.text_color||defaultConfig.text_color, set:(v)=>{config.text_color=v;window.elementSdk.setConfig({text_color:v})} },\r\n { get:()=>config.accent_color||defaultConfig.accent_color, set:(v)=>{config.accent_color=v;window.elementSdk.setConfig({accent_color:v})} }\r\n ],\r\n borderables: [],\r\n fontEditable: { get:()=>config.font_family||defaultConfig.font_family, set:(v)=>{config.font_family=v;window.elementSdk.setConfig({font_family:v})} },\r\n fontSizeable: { get:()=>config.font_size||defaultConfig.font_size, set:(v)=>{config.font_size=v;window.elementSdk.setConfig({font_size:v})} }\r\n }),\r\n mapToEditPanelValues: (config) => new Map([\r\n [\"page_title\", config.page_title || defaultConfig.page_title],\r\n [\"page_subtitle\", config.page_subtitle || defaultConfig.page_subtitle]\r\n ])\r\n });\r\n}\r\n\r\nrenderPlans();\r\n<\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9e7204f4e58c2055',t:'MTc3NTMyMzYwMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Internet Plans \u2728 \ud83c\udf10 \ud83d\udce1 Our Plans Choose your perfect internet package<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2813","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages\/2813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/comments?post=2813"}],"version-history":[{"count":14,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages\/2813\/revisions"}],"predecessor-version":[{"id":3104,"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/pages\/2813\/revisions\/3104"}],"wp:attachment":[{"href":"https:\/\/shadhinnetwork.com\/bn\/wp-json\/wp\/v2\/media?parent=2813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}