KHAN NFC BD \u2014 Next-Gen Smart NFC Business Cards & Enterprise Bio Profiles<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n obsidian: '#030508',\r\n deepdark: '#070a14',\r\n surface: '#0d1326',\r\n electric: '#00f2fe',\r\n neonblue: '#3b82f6',\r\n luxgold: '#eab308',\r\n brandemerald: '#10b981',\r\n },\r\n fontFamily: {\r\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n mono: ['\"JetBrains Mono\"', 'monospace'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n :root {\r\n color-scheme: dark;\r\n }\r\n body {\r\n background-color: #030508;\r\n color: #f1f5f9;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Ambient background grid pattern *\/\r\n .bg-tech-grid {\r\n background-size: 36px 36px;\r\n background-image: \r\n radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n }\r\n\r\n \/* Ambient lighting orbs *\/\r\n .glow-cyan {\r\n background: radial-gradient(circle, rgba(0, 242, 254, 0.14) 0%, rgba(59, 130, 246, 0.06) 45%, transparent 70%);\r\n }\r\n .glow-gold {\r\n background: radial-gradient(circle, rgba(234, 179, 8, 0.11) 0%, transparent 70%);\r\n }\r\n\r\n \/* Glassmorphism Surface 3.0 *\/\r\n .glass-card {\r\n background: rgba(13, 19, 38, 0.6);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .glass-card:hover {\r\n border-color: rgba(0, 242, 254, 0.3);\r\n box-shadow: 0 15px 35px -10px rgba(0, 242, 254, 0.12);\r\n }\r\n\r\n \/* 3D Interactive Card Physics *\/\r\n .card-3d-scene {\r\n perspective: 1200px;\r\n }\r\n .card-3d-body {\r\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;\r\n transform-style: preserve-3d;\r\n }\r\n\r\n \/* Card Material Finishes *\/\r\n .finish-obsidian {\r\n background: linear-gradient(135deg, #192033 0%, #0d121f 50%, #050811 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n color: #ffffff;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.9), inset 0 1px 2px rgba(255, 255, 255, 0.35);\r\n }\r\n .finish-gold {\r\n background: linear-gradient(135deg, #c48b1d 0%, #fae28c 35%, #ad7612 70%, #fdf09d 100%);\r\n border: 1px solid rgba(254, 240, 138, 0.65);\r\n color: #1a1205;\r\n box-shadow: 0 30px 60px -15px rgba(234, 179, 8, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.85);\r\n }\r\n .finish-silver {\r\n background: linear-gradient(135deg, #d3dbe6 0%, #f8fafc 40%, #94a3b8 70%, #e2e8f0 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.75);\r\n color: #0f172a;\r\n box-shadow: 0 30px 60px -15px rgba(148, 163, 184, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.9);\r\n }\r\n .finish-rosegold {\r\n background: linear-gradient(135deg, #c46d69 0%, #fad4d2 40%, #a44d48 75%, #fde6e4 100%);\r\n border: 1px solid rgba(254, 205, 211, 0.6);\r\n color: #2e0f11;\r\n box-shadow: 0 30px 60px -15px rgba(244, 63, 94, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n \/* Subtle light reflection sheen *\/\r\n .sheen-effect {\r\n background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.12) 46%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0.12) 54%, transparent 70%);\r\n mix-blend-mode: overlay;\r\n }\r\n\r\n \/* Custom scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 7px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #030508;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #1e293b;\r\n border-radius: 9999px;\r\n }\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #334155;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"selection:bg-cyan-400 selection:text-slate-950\">\r\n\r\n \r\n <div class=\"bg-[#050914] border-b border-white\/[0.08] py-2 px-4 sticky top-0 z-50 backdrop-blur-xl\">\r\n <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-between gap-3 text-xs\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <span class=\"px-2.5 py-0.5 rounded-full bg-cyan-500\/10 text-cyan-400 border border-cyan-500\/25 font-semibold flex items-center gap-1.5\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-cyan-400 animate-ping\"><\/span>\r\n NEW GENERATION NFC 3.0\r\n <\/span>\r\n <span class=\"text-slate-400 hidden md:inline\">\r\n Bangladesh\u2019s #1 Smart Business Card & Enterprise Contact Ecosystem.\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <button onclick=\"copyElementorCode()\" class=\"flex items-center gap-1.5 bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white font-bold px-3 py-1.5 rounded-lg text-xs transition shadow-md hover:shadow-emerald-500\/20 active:scale-95\">\r\n <i class=\"fa-solid fa-code\"><\/i>\r\n <span>Copy Elementor HTML Code<\/span>\r\n <\/button>\r\n <a id=\"topBarWaLink\" href=\"#\" target=\"_blank\" class=\"text-slate-300 hover:text-white font-medium transition flex items-center gap-1.5\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>WhatsApp Concierge<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"sticky top-9 z-40 bg-obsidian\/85 backdrop-blur-2xl border-b border-white\/[0.06] transition-all\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\r\n \r\n \r\n <a href=\"#\" class=\"flex items-center gap-3.5 group\">\r\n <div class=\"w-11 h-11 rounded-2xl bg-gradient-to-br from-cyan-400\/20 via-blue-500\/10 to-transparent p-0.5 border border-white\/15 shadow-lg group-hover:scale-105 transition-transform flex items-center justify-center overflow-hidden\">\r\n <img decoding=\"async\" \r\n id=\"mainTopLogo\"\r\n src=\"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\" \r\n alt=\"KHAN NFC BD Logo\" \r\n class=\"w-full h-full object-cover rounded-2xl\"\r\n onerror=\"this.src='https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC'\"\r\n \/>\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-xl font-black tracking-tight text-white flex items-center gap-1\">\r\n KHAN<span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500 font-black\">.NFC.BD<\/span>\r\n <\/span>\r\n <span class=\"text-[9px] uppercase tracking-widest text-slate-400 font-bold -mt-0.5\">Enterprise Smart Cards<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex items-center space-x-7 text-sm font-semibold text-slate-300\">\r\n <a href=\"#materials\" class=\"hover:text-cyan-400 transition\">Materials<\/a>\r\n <a href=\"#demo\" class=\"hover:text-cyan-400 transition\">Live Demo<\/a>\r\n <a href=\"#compatibility\" class=\"hover:text-cyan-400 transition\">Compatibility<\/a>\r\n <a href=\"#pricing\" class=\"hover:text-cyan-400 transition\">Pricing<\/a>\r\n <a href=\"#corporate\" class=\"hover:text-cyan-400 transition\">Corporate Teams<\/a>\r\n <a href=\"#reviews\" class=\"hover:text-cyan-400 transition\">Reviews<\/a>\r\n <a href=\"#faq\" class=\"hover:text-cyan-400 transition\">FAQ<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"flex items-center gap-3\">\r\n <button onclick=\"openOrderModal('General Express Inquiry')\" class=\"hidden sm:inline-flex items-center gap-2.5 px-5 py-2.5 rounded-full bg-[#25D366] hover:bg-[#20ba5a] text-slate-950 font-black text-xs sm:text-sm shadow-xl shadow-[#25D366]\/20 transition transform hover:-translate-y-0.5 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-lg text-slate-950\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/button>\r\n <button onclick=\"toggleMobileMenu()\" class=\"lg:hidden p-2 rounded-xl text-slate-300 hover:text-white hover:bg-slate-800 transition\">\r\n <i class=\"fa-solid fa-bars-staggered text-xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"mobileMenu\" class=\"hidden lg:hidden bg-deepdark\/95 border-b border-white\/10 px-6 py-6 space-y-3.5 backdrop-blur-2xl text-sm font-medium\">\r\n <a href=\"#materials\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Materials & Finishes<\/a>\r\n <a href=\"#demo\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Smartphone Demo<\/a>\r\n <a href=\"#compatibility\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Device Compatibility<\/a>\r\n <a href=\"#pricing\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Pricing Plans<\/a>\r\n <a href=\"#corporate\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Bulk Team Calculator<\/a>\r\n <a href=\"#reviews\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Customer Reviews<\/a>\r\n <a href=\"#faq\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">FAQ<\/a>\r\n <button onclick=\"openOrderModal('Mobile Menu Order'); toggleMobileMenu();\" class=\"w-full py-3 rounded-xl bg-[#25D366] text-slate-950 font-black text-sm flex items-center justify-center gap-2 mt-2 shadow-lg\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"relative pt-12 pb-20 lg:pt-20 lg:pb-32 overflow-hidden bg-tech-grid\">\r\n <div class=\"absolute top-10 left-1\/2 -translate-x-1\/2 w-[700px] h-[350px] glow-cyan blur-[160px] rounded-full pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-[420px] h-[420px] glow-gold blur-[170px] rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-10 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-7 space-y-7 text-center lg:text-left\">\r\n \r\n <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-surface border border-white\/10 text-cyan-300 text-xs font-semibold backdrop-blur-xl shadow-lg\">\r\n <i class=\"fa-solid fa-bolt text-amber-400\"><\/i>\r\n <span>ENGINEERED IN BANGLADESH \u2022 POWERED BY KHAN IT HOST<\/span>\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-cyan-400\"><\/span>\r\n <span class=\"text-slate-400\">NXP NTAG216<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl sm:text-6xl lg:text-[70px] font-black text-white tracking-tight leading-[1.08]\">\r\n One Tap.<br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-400 to-indigo-300\">Infinite<\/span>\r\n <span>Connections.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-base sm:text-lg text-slate-300 max-w-xl mx-auto lg:mx-0 leading-relaxed font-normal\">\r\n The ultimate smart NFC business card and enterprise bio-profile system. Instantly share contacts, social channels, portfolios, and payment details with zero apps required.\r\n <\/p>\r\n\r\n \r\n <div class=\"flex flex-wrap items-center justify-center lg:justify-start gap-4 pt-2\">\r\n <button onclick=\"openOrderModal('Hero Instant Order')\" class=\"flex items-center gap-3 px-8 py-4 rounded-2xl bg-gradient-to-r from-cyan-500 via-blue-600 to-blue-700 hover:from-cyan-400 hover:to-blue-600 text-white font-extrabold text-sm sm:text-base shadow-2xl shadow-blue-600\/30 transition transform hover:-translate-y-0.5 active:scale-95 border border-cyan-400\/30\">\r\n <i class=\"fa-brands fa-whatsapp text-2xl text-emerald-300\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/button>\r\n <a href=\"#pricing\" class=\"flex items-center gap-2.5 px-7 py-4 rounded-2xl bg-surface\/90 hover:bg-slate-800 text-slate-200 border border-white\/10 font-bold text-sm sm:text-base transition transform hover:-translate-y-0.5 backdrop-blur-xl\">\r\n <i class=\"fa-solid fa-tags text-cyan-400\"><\/i>\r\n <span>Explore Plans<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-2 flex flex-wrap items-center justify-center lg:justify-start gap-y-2 gap-x-6 text-xs text-slate-400 font-medium\">\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-check-circle text-emerald-400\"><\/i> No App Required<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-check-circle text-emerald-400\"><\/i> 1-Year Replacement Warranty<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-check-circle text-emerald-400\"><\/i> Nationwide 48-72h Delivery<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 flex flex-col items-center\">\r\n \r\n <div class=\"w-full max-w-md card-3d-scene\" id=\"cardTiltWrapper\">\r\n \r\n \r\n <div id=\"heroLiveCard\" class=\"card-3d-body finish-obsidian rounded-3xl p-7 relative overflow-hidden aspect-[1.586\/1] flex flex-col justify-between select-none\">\r\n \r\n <div class=\"sheen-effect absolute inset-0 pointer-events-none\"><\/div>\r\n\r\n \r\n <div class=\"flex items-center justify-between relative z-10\">\r\n \r\n <div class=\"w-12 h-9 rounded-lg bg-gradient-to-br from-amber-300 via-amber-400 to-amber-600 p-0.5 shadow-md flex items-center justify-center relative\">\r\n <div class=\"w-full h-full border border-amber-950\/40 rounded flex items-center justify-center\">\r\n <div class=\"w-7 h-4 border-t border-b border-amber-950\/30 flex items-center justify-center\">\r\n <div class=\"w-2.5 h-full border-r border-amber-950\/20\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-2xl opacity-90\">\r\n <i class=\"fa-solid fa-wifi rotate-90\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative z-10 my-auto\">\r\n <h3 id=\"cardNameDisplay\" class=\"text-xl sm:text-2xl font-black uppercase tracking-wider drop-shadow-md\">\r\n YOUR NAME HERE\r\n <\/h3>\r\n <p id=\"cardTitleDisplay\" class=\"text-[11px] font-bold tracking-widest uppercase opacity-80 mt-1\">\r\n DIGITAL BUSINESS CARD\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-center justify-between text-xs relative z-10 pt-2 border-t border-white\/10\">\r\n <div class=\"flex items-center gap-1.5 font-mono text-[11px] opacity-90\">\r\n <i class=\"fa-solid fa-globe text-cyan-400\"><\/i>\r\n <span id=\"cardSlugDisplay\">khan.nfc.bd\/username<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5 font-black text-[11px] tracking-wider\">\r\n <span class=\"w-2 h-2 rounded-full bg-cyan-400\"><\/span>\r\n <span>KHAN NFC<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-6 p-5 rounded-3xl glass-card space-y-4 shadow-2xl\">\r\n <div class=\"flex items-center justify-between text-xs font-bold text-slate-300\">\r\n <span><i class=\"fa-solid fa-wand-magic-sparkles text-cyan-400 mr-1.5\"><\/i> Test Your Name on Card:<\/span>\r\n <span class=\"text-emerald-400 text-[11px]\"><i class=\"fa-solid fa-circle-check\"><\/i> Real-time Live<\/span>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n <input type=\"text\" id=\"studioNameInput\" placeholder=\"Enter Full Name...\" oninput=\"updateLiveCardName(this.value)\" class=\"bg-deepdark border border-white\/10 text-white rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-cyan-400 transition\">\r\n <input type=\"text\" id=\"studioTitleInput\" placeholder=\"Designation (e.g. CEO)\" oninput=\"updateLiveCardTitle(this.value)\" class=\"bg-deepdark border border-white\/10 text-white rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-cyan-400 transition\">\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-[11px] font-semibold text-slate-400 mb-2\">Select Material Finish:<\/label>\r\n <div class=\"grid grid-cols-4 gap-2\">\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-obsidian')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-cyan-500\/50 hover:bg-slate-800 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-slate-900 border border-white\/30 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">Obsidian<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-gold')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-white\/10 hover:border-amber-400 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-gradient-to-tr from-amber-600 to-amber-300 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">24K Gold<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-silver')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-white\/10 hover:border-slate-300 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-slate-300 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">Silver<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-rosegold')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-white\/10 hover:border-rose-400 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-rose-400 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">Rose Gold<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"border-y border-white\/[0.07] bg-[#050814] py-10 relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x-0 md:divide-x divide-white\/[0.06]\">\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-400\">1,200+<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Smart Cards Delivered<\/p>\r\n <p class=\"text-[11px] text-slate-500\">Dhaka & Nationwide in BD<\/p>\r\n <\/div>\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-yellow-300\">85,000+<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Contact Taps Shared<\/p>\r\n <p class=\"text-[11px] text-slate-500\">With 100% Zero App Overhead<\/p>\r\n <\/div>\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300\">99.8%<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Universal Compatibility<\/p>\r\n <p class=\"text-[11px] text-slate-500\">iOS, Android & Dynamic QR<\/p>\r\n <\/div>\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-indigo-300\">24\/7<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Dedicated Support<\/p>\r\n <p class=\"text-[11px] text-slate-500\">Fast WhatsApp Concierge<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 px-3 py-1 rounded-full\">\r\n Enterprise Edge\r\n <\/span>\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">Why Choose KHAN.NFC.BD?<\/h2>\r\n <p class=\"text-sm text-slate-400\">Next-generation contactless architecture built for executives, agencies, and teams.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-7\">\r\n \r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-cyan-500\/15 text-cyan-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-bolt-lightning\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Instant Contactless Tap<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Simply tap the card against any modern iPhone or Android. Your personalized profile pops up instantly in the native browser.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-amber-500\/15 text-amber-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-microchip\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Original NXP NTAG216 Microchips<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Built with certified high-frequency semiconductors featuring 888 bytes memory and 100,000+ rewrite longevity.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-emerald-500\/15 text-emerald-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-address-book\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">One-Click vCard Contact Save<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Recipients download and save your phone, email, company, and links directly to their iOS\/Android address book with a single tap.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-blue-500\/15 text-blue-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-cloud-arrow-up\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Real-Time Cloud Profile Updates<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Changed your phone number or job title? Update your profile anytime through the online dashboard without reprinting the physical card.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-purple-500\/15 text-purple-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-qrcode\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Dynamic Laser QR Backup<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Every card includes a precision laser-printed dynamic QR code on the back, ensuring 100% compatibility even on older devices without NFC.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-rose-500\/15 text-rose-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Bank-Grade 256-Bit Security<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Your data is hosted on enterprise SSL infrastructure. No confidential financial information is ever requested or stored on the chip.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"demo\" class=\"py-24 bg-deepdark border-y border-white\/[0.07] relative overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-6 space-y-6\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-cyan-500\/10 border border-cyan-500\/20 text-cyan-400 text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-mobile-screen\"><\/i> Experience The Digital Profile\r\n <\/div>\r\n\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white tracking-tight leading-tight\">\r\n What Happens When Someone Taps Your Card?\r\n <\/h2>\r\n\r\n <p class=\"text-base text-slate-300 leading-relaxed\">\r\n The recipient\u2019s phone immediately opens this high-performance web bio-profile. Try clicking the interactive buttons on the simulated phone to experience the live contact sync!\r\n <\/p>\r\n\r\n <div class=\"space-y-4 pt-2\">\r\n <div class=\"p-4 rounded-2xl bg-surface\/70 border border-white\/5 flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/15 text-cyan-400 flex items-center justify-center text-lg flex-shrink-0\">\r\n <i class=\"fa-solid fa-file-arrow-down\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-white\">Direct vCard Sync File<\/h4>\r\n <p class=\"text-xs text-slate-400 mt-0.5\">Clicking \"Save Contact\" downloads a verified .vcf contact card directly to iOS Contacts or Google Contacts.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 rounded-2xl bg-surface\/70 border border-white\/5 flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-xl bg-emerald-500\/15 text-emerald-400 flex items-center justify-center text-lg flex-shrink-0\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-white\">Live Click Tracking & Analytics<\/h4>\r\n <p class=\"text-xs text-slate-400 mt-0.5\">Monitor how many people tapped your card and see which social links received the highest engagement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-2\">\r\n <button onclick=\"openOrderModal('Live Simulator Feature')\" class=\"px-7 py-3.5 rounded-2xl bg-gradient-to-r from-blue-600 to-cyan-500 hover:from-blue-500 hover:to-cyan-400 text-white font-extrabold text-sm shadow-xl shadow-cyan-500\/20 transition transform hover:-translate-y-0.5 active:scale-95\">\r\n <span>Get Your Own Smart Profile<\/span>\r\n <i class=\"fa-solid fa-arrow-right ml-2 text-xs\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-6 flex justify-center\">\r\n <div class=\"w-full max-w-[350px] bg-[#020307] border-[8px] border-slate-800 rounded-[50px] p-3 shadow-[0_30px_100px_rgba(0,0,0,0.9)] relative ring-1 ring-white\/20\">\r\n \r\n \r\n <div class=\"absolute top-5 left-1\/2 -translate-x-1\/2 w-28 h-6 bg-black rounded-full z-30 flex items-center justify-between px-3\">\r\n <div class=\"w-2.5 h-2.5 rounded-full bg-[#101726]\"><\/div>\r\n <div class=\"w-2.5 h-2.5 rounded-full bg-blue-900\/60 border border-blue-400\/40\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-[#0b1020] rounded-[40px] overflow-hidden border border-white\/10 text-white select-none\">\r\n \r\n \r\n <div class=\"h-32 bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 relative p-4 flex justify-between items-start pt-8\">\r\n <span class=\"bg-black\/40 backdrop-blur-md px-3 py-0.5 rounded-full text-[10px] font-bold text-cyan-300 border border-white\/10 flex items-center gap-1\">\r\n <i class=\"fa-solid fa-wifi rotate-90 text-[8px]\"><\/i>\r\n khan.nfc.bd\r\n <\/span>\r\n <button onclick=\"showToast('Profile link copied to clipboard!')\" class=\"w-7 h-7 rounded-full bg-black\/40 backdrop-blur-md flex items-center justify-center text-xs text-white hover:bg-black\/60 transition\">\r\n <i class=\"fa-solid fa-share-nodes\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-5 text-center -mt-12 relative z-10 pb-6\">\r\n <div class=\"relative w-20 h-20 mx-auto mb-2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=300&auto=format&fit=crop&q=80\" alt=\"Avatar\" class=\"w-full h-full rounded-full object-cover border-4 border-[#0b1020] shadow-xl\">\r\n <span class=\"absolute bottom-0 right-0 w-6 h-6 bg-cyan-500 rounded-full text-slate-950 text-xs flex items-center justify-center font-bold border-2 border-[#0b1020]\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/span>\r\n <\/div>\r\n\r\n <h3 class=\"text-base font-extrabold text-white\">Mahmudul Hasan Khan<\/h3>\r\n <p class=\"text-xs text-cyan-400 font-semibold\">Founder & CEO, Tech Solutions BD<\/p>\r\n <p class=\"text-[11px] text-slate-400 mt-1 leading-snug px-2\">Fintech entrepreneur and digital transformation consultant in Dhaka.<\/p>\r\n\r\n \r\n <div class=\"grid grid-cols-2 gap-2.5 my-4\">\r\n <a href=\"tel:+8801700000000\" class=\"py-2.5 rounded-xl bg-blue-600 hover:bg-blue-500 text-white text-xs font-bold flex items-center justify-center gap-1.5 shadow-md shadow-blue-600\/30 transition active:scale-95\">\r\n <i class=\"fa-solid fa-phone text-xs\"><\/i> Call Now\r\n <\/a>\r\n <button onclick=\"downloadSimulatorVCard()\" class=\"py-2.5 rounded-xl bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white text-xs font-bold flex items-center justify-center gap-1.5 shadow-md shadow-emerald-600\/30 transition active:scale-95\">\r\n <i class=\"fa-solid fa-user-plus text-xs\"><\/i> Save Contact\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-2 text-left text-xs max-h-[220px] overflow-y-auto pr-0.5\">\r\n <a href=\"https:\/\/wa.me\/8801700000000\" target=\"_blank\" class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] hover:bg-white\/[0.08] border border-white\/[0.06] transition\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-sm\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">WhatsApp Chat<\/p><p class=\"text-[10px] text-slate-400\">Direct instant message<\/p><\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-chevron-right text-[11px] text-slate-500\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"mailto:contact@khan.nfc.bd\" class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] hover:bg-white\/[0.08] border border-white\/[0.06] transition\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-rose-500\/20 text-rose-400 flex items-center justify-center text-sm\"><i class=\"fa-regular fa-envelope\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">Official Email<\/p><p class=\"text-[10px] text-slate-400\">contact@khan.nfc.bd<\/p><\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-chevron-right text-[11px] text-slate-500\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/linkedin.com\" target=\"_blank\" class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] hover:bg-white\/[0.08] border border-white\/[0.06] transition\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-sky-500\/20 text-sky-400 flex items-center justify-center text-sm\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">LinkedIn Network<\/p><p class=\"text-[10px] text-slate-400\">Connect with me<\/p><\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-chevron-right text-[11px] text-slate-500\"><\/i>\r\n <\/a>\r\n\r\n <div class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] border border-white\/[0.06]\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-amber-500\/20 text-amber-400 flex items-center justify-center text-sm\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">Head Office<\/p><p class=\"text-[10px] text-slate-400\">Gulshan-2, Dhaka, Bangladesh<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-3 border-t border-white\/10 mt-3 flex items-center justify-center gap-2 text-[10px] text-slate-400\">\r\n <i class=\"fa-solid fa-qrcode text-cyan-400\"><\/i>\r\n <span>Dynamic QR Code Backup Enabled<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"materials\" class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 px-3 py-1 rounded-full\">\r\n Craftsmanship & Specs\r\n <\/span>\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">World-Class Card Materials<\/h2>\r\n <p class=\"text-sm text-slate-400\">Engineered with authentic NXP NTAG216 high-speed semiconductors and military-grade finishes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-7\">\r\n \r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300\">\r\n <div>\r\n <div class=\"h-40 rounded-2xl finish-obsidian p-4 mb-5 flex flex-col justify-between shadow-lg group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"w-3.5 h-3.5 rounded-full bg-slate-700\"><\/span>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-slate-400 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-slate-100\">MATTE OBSIDIAN PVC<\/p>\r\n <div class=\"text-[9px] text-slate-400 flex justify-between\"><span>KHAN NFC<\/span><span>WATERPROOF<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-white mb-1\">Matte Obsidian PVC<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Sleek, lightweight, waterproof, and scratch-resistant for high-frequency everyday networking.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP NTAG216<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Weight:<\/span><span>5.5g Ultra-Slim<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Printing:<\/span><span>HD UV Matte Color<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Matte Obsidian PVC (\u09f31,490 BDT)')\" class=\"w-full py-3 rounded-xl bg-slate-800 hover:bg-slate-700 text-white text-xs font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>Order (\u09f31,490 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300 border-amber-500\/40 relative shadow-2xl shadow-amber-500\/10\">\r\n <div class=\"absolute -top-3.5 right-6 bg-gradient-to-r from-amber-500 to-amber-600 text-slate-950 font-black text-[10px] uppercase tracking-wider px-3 py-1 rounded-full shadow-md\">\r\n Executive Choice\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"h-40 rounded-2xl finish-gold p-4 mb-5 flex flex-col justify-between shadow-xl text-slate-950 group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"w-4 h-3 bg-amber-900 rounded-sm\"><\/span>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-amber-950 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-slate-950\">24K BRUSHED GOLD<\/p>\r\n <div class=\"text-[9px] text-amber-950 font-bold flex justify-between\"><span>KHAN NFC<\/span><span>REAL METAL<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-amber-400 mb-1\">24K Brushed Gold Metal<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Solid stainless steel metal card with luxury weighted handfeel and deep laser engraving.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP Dual-Antenna<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Weight:<\/span><span class=\"font-bold text-amber-400\">22g Weighted Metal<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Engraving:<\/span><span>Precision Fiber Laser<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('24K Brushed Gold Metal (\u09f32,490 BDT)')\" class=\"w-full py-3 rounded-xl bg-gradient-to-r from-amber-500 to-amber-600 hover:from-amber-400 hover:to-amber-500 text-slate-950 text-xs font-black transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-slate-950\"><\/i>\r\n <span>Order (\u09f32,490 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300\">\r\n <div>\r\n <div class=\"h-40 rounded-2xl finish-silver p-4 mb-5 flex flex-col justify-between shadow-lg text-slate-900 group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"w-3.5 h-3.5 rounded-full bg-slate-400\"><\/span>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-slate-700 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-slate-950\">CYBER TITANIUM<\/p>\r\n <div class=\"text-[9px] text-slate-700 font-bold flex justify-between\"><span>KHAN NFC<\/span><span>STAINLESS STEEL<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-white mb-1\">Cyber Titanium Silver<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Minimalist frosted metallic luster loved by tech founders, software architects, and investors.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP NTAG216<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Weight:<\/span><span>21.5g Solid Steel<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Finish:<\/span><span>Anti-Fingerprint Coat<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Cyber Titanium Silver (\u09f32,490 BDT)')\" class=\"w-full py-3 rounded-xl bg-slate-800 hover:bg-slate-700 text-white text-xs font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>Order (\u09f32,490 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300\">\r\n <div>\r\n <div class=\"h-40 rounded-2xl bg-gradient-to-tr from-amber-950 via-amber-900 to-yellow-950 border border-amber-700\/40 p-4 mb-5 flex flex-col justify-between shadow-lg text-amber-100 group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <i class=\"fa-solid fa-leaf text-emerald-400 text-xs\"><\/i>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-amber-200 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-amber-100\">ECO BAMBOO WOOD<\/p>\r\n <div class=\"text-[9px] text-amber-300\/70 font-semibold flex justify-between\"><span>KHAN NFC<\/span><span>100% ORGANIC<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-white mb-1\">Eco Bamboo Wood<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Sustainable organic bamboo with embedded high-frequency antenna and deep laser engraving.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP Embedded<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Material:<\/span><span>Natural Treated Wood<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Texture:<\/span><span>Laser Burned Grain<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Eco Bamboo Wood (\u09f31,890 BDT)')\" class=\"w-full py-3 rounded-xl bg-slate-800 hover:bg-slate-700 text-white text-xs font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>Order (\u09f31,890 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"compatibility\" class=\"py-20 bg-deepdark border-y border-white\/[0.07]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-center\">\r\n \r\n <div class=\"lg:col-span-5 space-y-4\">\r\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-emerald-400\">100% Hardware Compatible<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-black text-white\">Will It Work on My Client\u2019s Phone?<\/h2>\r\n <p class=\"text-sm text-slate-300 leading-relaxed\">\r\n Yes! Virtually all modern smartphones come with native NFC enabled by default. Even for older devices without NFC hardware, our dynamic laser QR code guarantees seamless instant access.\r\n <\/p>\r\n\r\n <div class=\"p-4 rounded-2xl bg-surface border border-white\/10 space-y-2 text-xs\">\r\n <div class=\"flex items-center gap-2 text-slate-200 font-bold\">\r\n <i class=\"fa-brands fa-apple text-base text-white\"><\/i>\r\n <span>Apple iPhone:<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 pl-6\">iPhone XS, 11, 12, 13, 14, 15, 16 and newer natively read the card in background mode with zero configuration.<\/p>\r\n \r\n <div class=\"flex items-center gap-2 text-slate-200 font-bold pt-2\">\r\n <i class=\"fa-brands fa-android text-base text-emerald-400\"><\/i>\r\n <span>Android Devices:<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 pl-6\">Samsung, Xiaomi, Pixel, OnePlus, Vivo, Oppo and 85%+ modern Android phones work with one tap.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7 p-6 sm:p-8 rounded-3xl glass-card shadow-2xl\">\r\n <h3 class=\"text-lg font-bold text-white mb-2 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-magnifying-glass text-cyan-400\"><\/i> Instant Phone Model Compatibility Checker\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400 mb-5\">Type your smartphone model below (e.g., iPhone 15, Galaxy S24, Redmi Note 13):<\/p>\r\n\r\n <div class=\"flex gap-2 mb-4\">\r\n <input type=\"text\" id=\"phoneCheckInput\" placeholder=\"e.g. iPhone 15 Pro or Samsung S23 Ultra\" oninput=\"runDeviceCheck(this.value)\" class=\"flex-1 bg-deepdark border border-white\/10 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-cyan-400 transition\">\r\n <button onclick=\"quickTestPhone('iPhone 15 Pro')\" class=\"hidden sm:inline-block px-3.5 py-2 rounded-xl bg-slate-800 hover:bg-slate-700 text-xs text-slate-300 font-medium transition\">iPhone 15<\/button>\r\n <button onclick=\"quickTestPhone('Samsung Galaxy S24')\" class=\"hidden sm:inline-block px-3.5 py-2 rounded-xl bg-slate-800 hover:bg-slate-700 text-xs text-slate-300 font-medium transition\">Galaxy S24<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"checkResultCard\" class=\"p-4 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/30 flex items-center gap-3.5 transition-all\">\r\n <div class=\"w-10 h-10 rounded-xl bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-lg flex-shrink-0\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs sm:text-sm font-bold text-white\" id=\"checkResultTitle\">100% Universally Compatible<\/p>\r\n <p class=\"text-[11px] sm:text-xs text-slate-300\" id=\"checkResultDesc\">Supported via native contactless NFC sensor + Dynamic QR backup camera scan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"pricing\" class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">\r\n Choose Your <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500\">Plan<\/span>\r\n <\/h2>\r\n <p class=\"text-sm text-slate-400\">\r\n Transparent pricing in BDT. No hidden costs. Includes verified bio-profile hosting and lifetime contactless hardware.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-stretch\">\r\n \r\n \r\n <div class=\"p-8 rounded-3xl glass-card flex flex-col justify-between shadow-xl\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <h3 class=\"text-xl font-bold text-white\">Starter (50% Off)<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-slate-400 bg-slate-800 px-2.5 py-1 rounded-full\">PVC Matte<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-400 mb-6\">Perfect for individual professionals & consultants<\/p>\r\n\r\n <div class=\"mb-6\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-4xl font-black text-white\">\u09f31,490<\/span>\r\n <span class=\"text-xs text-slate-500\">BDT \/ 1st Year<\/span>\r\n <\/div>\r\n <p class=\"text-xs font-semibold text-amber-400 mt-1\">\u09f3799 BDT \/ Annual Profile Hosting & Cloud Sync<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3.5 text-xs sm:text-sm text-slate-300 pb-8 border-t border-white\/5 pt-6\">\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>1x NFC PVC Matte Black Card<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Custom Profile Link (khan.nfc.bd\/yourname)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Unlimited Contactless Taps<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Lead Capture & Contact Form<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Starter Plan (\u09f31,490 BDT)')\" class=\"w-full py-4 rounded-xl bg-slate-800\/90 hover:bg-slate-700 text-white font-bold text-sm transition border border-white\/10 flex items-center justify-center gap-2 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400 text-lg\"><\/i>\r\n <span>Order Starter via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-3xl bg-[#0b1329] border-2 border-cyan-400\/80 flex flex-col justify-between relative shadow-[0_0_50px_rgba(0,242,254,0.25)] transform lg:-translate-y-2\">\r\n <div class=\"absolute -top-3.5 right-6 bg-gradient-to-r from-cyan-500 to-blue-600 text-slate-950 font-black text-[10px] uppercase tracking-wider px-3.5 py-1 rounded-full shadow-lg\">\r\n Best Seller \u2022 Most Popular\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <h3 class=\"text-xl font-black text-white\">Professional (50% Off)<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-cyan-400 bg-cyan-950\/60 border border-cyan-500\/40 px-2.5 py-1 rounded-full\">Custom Laser Print<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-300 mb-6\">Custom printed luxury experience for founders & executives<\/p>\r\n\r\n <div class=\"mb-6\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-4xl font-black text-amber-400\">\u09f31,990<\/span>\r\n <span class=\"text-xs text-slate-400\">BDT \/ 1st Year<\/span>\r\n <\/div>\r\n <p class=\"text-xs font-semibold text-amber-400 mt-1\">\u09f3999 BDT \/ Annual VIP Cloud & Profile Renewal<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3.5 text-xs sm:text-sm text-slate-200 pb-8 border-t border-white\/10 pt-6\">\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span class=\"font-bold text-white\">1x Premium Custom Metal\/PVC Card<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span>Custom Name & Company Logo Printing<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span>Laser Dynamic QR Code Backup<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span>Profile Theme & Color Customization<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-emerald-400\"><\/i>\r\n <span class=\"font-bold text-emerald-400\">Priority WhatsApp VIP Support<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Professional Plan (\u09f31,990 BDT)')\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-cyan-500 via-blue-600 to-indigo-600 hover:from-cyan-400 hover:to-blue-500 text-white font-black text-sm shadow-xl shadow-cyan-500\/30 transition border border-cyan-300\/30 flex items-center justify-center gap-2 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-300 text-xl\"><\/i>\r\n <span>Order Professional via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-3xl glass-card flex flex-col justify-between shadow-xl\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <h3 class=\"text-xl font-bold text-white\">Corporate Teams<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-slate-400 bg-slate-800 px-2.5 py-1 rounded-full\">Bulk Tier<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-400 mb-6\">Centralized control for companies, banks & sales forces<\/p>\r\n\r\n <div class=\"mb-6\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-4xl font-black text-white\">Custom<\/span>\r\n <span class=\"text-xs text-slate-500\">\/ Volume Tier<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-400 mt-1\">Volume tier discounts up to 35%<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3.5 text-xs sm:text-sm text-slate-300 pb-8 border-t border-white\/5 pt-6\">\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Bulk Card Discounts (5+ Cards)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Centralized HR Team Management Portal<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Corporate Brand Guidelines Alignment<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Dedicated Account Manager & Invoicing<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Corporate Team Bulk Tier')\" class=\"w-full py-4 rounded-xl bg-slate-800\/90 hover:bg-slate-700 text-white font-bold text-sm transition border border-white\/10 flex items-center justify-center gap-2 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400 text-lg\"><\/i>\r\n <span>Contact Sales via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"corporate\" class=\"py-20 bg-deepdark border-t border-white\/[0.07]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"rounded-3xl p-8 sm:p-12 glass-card border border-cyan-500\/30 relative overflow-hidden shadow-2xl\">\r\n <div class=\"absolute -top-24 -right-24 w-96 h-96 bg-cyan-500\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-center relative z-10\">\r\n <div class=\"lg:col-span-7 space-y-4\">\r\n <span class=\"text-xs uppercase font-extrabold tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 px-3.5 py-1 rounded-full\">\r\n Enterprise Central Dashboard\r\n <\/span>\r\n <h3 class=\"text-2xl sm:text-4xl font-black text-white\">\r\n Instant Card Management For Your Entire Team\r\n <\/h3>\r\n <p class=\"text-sm text-slate-300 leading-relaxed\">\r\n Equip 10 to 500+ employees with synchronized corporate NFC cards. Instantly lock or reassign cards when team members transition.\r\n <\/p>\r\n \r\n \r\n <div class=\"p-4 rounded-2xl bg-surface border border-white\/10 space-y-3 mt-4\">\r\n <div class=\"flex justify-between text-xs font-bold\">\r\n <span class=\"text-slate-300\">Select Card Quantity: <span id=\"bulkCountLabel\" class=\"text-cyan-400 font-extrabold text-sm\">10 Cards<\/span><\/span>\r\n <span class=\"text-emerald-400\" id=\"bulkDiscountLabel\">20% Volume Discount Active!<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"bulkSlider\" min=\"5\" max=\"100\" value=\"10\" step=\"5\" oninput=\"calculateBulkPrice(this.value)\" class=\"w-full accent-cyan-400 cursor-pointer\">\r\n <div class=\"flex justify-between items-center pt-2 text-xs border-t border-white\/5\">\r\n <span class=\"text-slate-400\">Estimated Total Quote: <strong id=\"bulkPriceTotal\" class=\"text-white text-sm\">\u09f315,920 BDT<\/strong><\/span>\r\n <span class=\"text-slate-400\">(\u09f31,592 BDT \/ Card)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 flex flex-col justify-center gap-3\">\r\n <button onclick=\"submitBulkInquiry()\" class=\"w-full py-4 rounded-2xl bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white font-extrabold text-sm shadow-xl shadow-emerald-600\/30 transition transform hover:scale-102 active:scale-95 flex items-center justify-center gap-2.5\">\r\n <i class=\"fa-brands fa-whatsapp text-2xl\"><\/i>\r\n <span>Request Corporate Invoice (WhatsApp)<\/span>\r\n <\/button>\r\n <p class=\"text-center text-[11px] text-slate-400\"><i class=\"fa-solid fa-file-invoice mr-1 text-cyan-400\"><\/i> Official VAT receipt & corporate invoices provided.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"reviews\" class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <span class=\"text-xs uppercase tracking-widest text-cyan-400 font-extrabold\">Executive Testimonials<\/span>\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">Trusted by Leaders in Bangladesh<\/h2>\r\n <p class=\"text-sm text-slate-400\">Join hundreds of CEOs, tech founders, and doctors redefining their professional presence.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-7\">\r\n \r\n <div class=\"p-7 rounded-3xl glass-card relative flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex items-center gap-1 text-amber-400 text-xs mb-4\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"text-slate-400 text-[11px] ml-2 font-bold\">5.0 \/ 5.0<\/span>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed mb-6\">\r\n \"Tapping this card on a client\u2019s iPhone during business meetings instantly sets a futuristic first impression. No paper clutter, just instant connection.\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 pt-4 border-t border-white\/5\">\r\n <div class=\"w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center font-black text-white text-xs\">TA<\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold text-white\">Tanveer Ahmed Chowdhury<\/h4>\r\n <p class=\"text-[10px] text-cyan-400\">Managing Director, NextGen Logistics<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card relative flex flex-col justify-between border-cyan-500\/40 shadow-xl\">\r\n <div>\r\n <div class=\"flex items-center gap-1 text-amber-400 text-xs mb-4\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"text-slate-400 text-[11px] ml-2 font-bold\">5.0 \/ 5.0<\/span>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed mb-6\">\r\n \"The 24K Brushed Gold Metal card has a solid 22-gram heft. The laser engraving is crisp, and the web bio profile loads with zero latency.\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 pt-4 border-t border-white\/5\">\r\n <div class=\"w-10 h-10 rounded-full bg-gradient-to-tr from-amber-500 to-amber-600 flex items-center justify-center font-black text-slate-950 text-xs\">SK<\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold text-white\">Sakibul Hasan<\/h4>\r\n <p class=\"text-[10px] text-amber-400\">Principal Software Architect<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card relative flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex items-center gap-1 text-amber-400 text-xs mb-4\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"text-slate-400 text-[11px] ml-2 font-bold\">5.0 \/ 5.0<\/span>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed mb-6\">\r\n \"Ordered 25 custom cards for our corporate sales team in Gulshan. Nationwide delivery was fast (within 48 hours), and the team portal makes updates effortless.\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 pt-4 border-t border-white\/5\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-600 flex items-center justify-center font-black text-white text-xs\">RH<\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold text-white\">Rafiqul Islam<\/h4>\r\n <p class=\"text-[10px] text-emerald-400\">VP of Sales, Prime Properties BD<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"faq\" class=\"py-20 bg-deepdark border-t border-white\/[0.07]\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center mb-14 space-y-2\">\r\n <span class=\"text-xs uppercase tracking-widest text-cyan-400 font-extrabold\">Got Questions?<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-black text-white\">Frequently Asked Questions<\/h2>\r\n <p class=\"text-xs sm:text-sm text-slate-400\">Everything you need to know about KHAN NFC Smart Cards.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n \r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>Does the other person need an app to receive my contact details?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n No app or Bluetooth configuration is required! The recipient simply taps their smartphone against your card (or scans the laser QR code on the back), and your digital bio profile opens immediately in Safari, Chrome, or their default browser.\r\n <\/p>\r\n <\/details>\r\n\r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>Can I update my phone number or social links after ordering?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n Yes! You have full access to your cloud dashboard. Whenever you change your job title, email, phone number, address, or social media links, your physical NFC card reflects the new information instantly. You never need to reprint a card.\r\n <\/p>\r\n <\/details>\r\n\r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>What payment methods and delivery timelines do you offer in Bangladesh?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n We accept Cash on Delivery (COD) across all 64 districts of Bangladesh, as well as bKash, Nagad, Visa, and Mastercard. Deliveries inside Dhaka arrive within 24 to 48 hours, and outside Dhaka within 48 to 72 hours via trusted courier services.\r\n <\/p>\r\n <\/details>\r\n\r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>What warranty is included with the NFC hardware chip?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n Every KHAN NFC card comes with a 1-Year Chip Replacement Warranty. If your card experiences any hardware antenna or transmission failure under normal use, we replace it free of charge.\r\n <\/p>\r\n <\/details>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"border-t border-white\/[0.07] bg-[#020408] pt-16 pb-12 text-xs text-slate-400\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-10 pb-12 border-b border-white\/[0.06]\">\r\n \r\n \r\n <div class=\"space-y-4 md:col-span-2\">\r\n <div class=\"flex items-center gap-3.5\">\r\n <div class=\"w-10 h-10 rounded-2xl bg-gradient-to-br from-cyan-400\/20 to-blue-500\/20 p-0.5 border border-white\/10 flex items-center justify-center overflow-hidden\">\r\n <img decoding=\"async\" \r\n id=\"mainBottomLogo\"\r\n src=\"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\" \r\n alt=\"KHAN NFC BD Bottom Logo\" \r\n class=\"w-full h-full object-cover rounded-2xl\"\r\n onerror=\"this.src='https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC'\"\r\n \/>\r\n <\/div>\r\n <span class=\"text-xl font-extrabold text-white tracking-tight\">KHAN<span class=\"text-cyan-400\">.NFC.BD<\/span><\/span>\r\n <\/div>\r\n\r\n <p class=\"text-xs text-slate-400 max-w-sm leading-relaxed\">\r\n Next-generation smart NFC business cards and enterprise digital profile ecosystems tailored for Bangladeshi innovators and global professionals.\r\n <\/p>\r\n\r\n <div class=\"flex items-center gap-3 text-sm text-slate-300\">\r\n <a href=\"#\" class=\"w-8 h-8 rounded-xl bg-surface border border-white\/10 flex items-center justify-center hover:text-cyan-400 transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a id=\"footerWaIconLink\" href=\"#\" target=\"_blank\" class=\"w-8 h-8 rounded-xl bg-surface border border-white\/10 flex items-center justify-center hover:text-emerald-400 transition\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-8 h-8 rounded-xl bg-surface border border-white\/10 flex items-center justify-center hover:text-cyan-400 transition\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n <p class=\"font-extrabold text-white uppercase tracking-wider text-[11px]\">Quick Navigation<\/p>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#materials\" class=\"hover:text-cyan-400 transition\">Card Materials<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"hover:text-cyan-400 transition\">Live Phone Demo<\/a><\/li>\r\n <li><a href=\"#compatibility\" class=\"hover:text-cyan-400 transition\">Device Compatibility<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"hover:text-cyan-400 transition\">Pricing Plans<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"hover:text-cyan-400 transition\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n <p class=\"font-extrabold text-white uppercase tracking-wider text-[11px]\">Payment & Delivery<\/p>\r\n <p class=\"text-[11px] text-slate-400\">Cash on Delivery, bKash, Nagad, Visa, Mastercard accepted.<\/p>\r\n <div class=\"flex flex-wrap gap-2 pt-1 font-bold text-[10px]\">\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-pink-400\">bKash<\/span>\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-orange-400\">Nagad<\/span>\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-blue-400\">Visa \/ Cards<\/span>\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-emerald-400\">Cash on Delivery<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"pt-8 flex flex-col sm:flex-row items-center justify-between text-[11px] text-slate-500 gap-2\">\r\n <p>\u00a9 2026 KHAN.NFC.BD. All rights reserved. Service Powered By Khan IT Host.<\/p>\r\n <p class=\"text-slate-400\">Enterprise Contactless System & Instant WhatsApp Checkout.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a id=\"floatingStickyWaBtn\" href=\"#\" target=\"_blank\" class=\"fixed bottom-6 left-6 z-40 flex items-center gap-2.5 bg-[#25D366] hover:bg-[#20ba5a] text-slate-950 px-5 py-3.5 rounded-full shadow-2xl transition transform hover:scale-105 active:scale-95 border-2 border-white\/30 font-black text-xs\">\r\n <i class=\"fa-brands fa-whatsapp text-2xl text-slate-950\"><\/i>\r\n <span class=\"hidden sm:inline\">WhatsApp Concierge<\/span>\r\n <\/a>\r\n\r\n \r\n <div id=\"orderModal\" class=\"fixed inset-0 bg-black\/85 backdrop-blur-md z-50 hidden items-center justify-center p-4\">\r\n <div class=\"bg-deepdark border border-white\/15 rounded-3xl p-6 sm:p-8 max-w-md w-full shadow-2xl relative\">\r\n \r\n <button onclick=\"toggleOrderModal(false)\" class=\"absolute top-5 right-5 text-slate-400 hover:text-white text-lg\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-2xl flex items-center justify-center mx-auto mb-3 text-xl\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-extrabold text-white\">Order Your Smart NFC Card<\/h3>\r\n <p class=\"text-xs text-slate-400 mt-1\">Submit your details below to directly initiate your order via our official WhatsApp concierge.<\/p>\r\n <\/div>\r\n\r\n <form onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Selected Plan \/ Material<\/label>\r\n <input type=\"text\" id=\"modalPlanInput\" readonly class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs font-bold text-cyan-400 focus:outline-none\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Name to Print on Card<\/label>\r\n <input type=\"text\" id=\"modalNameInput\" required placeholder=\"e.g. Mahmudul Hasan Khan\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs text-white focus:outline-none focus:border-cyan-400\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">WhatsApp \/ Contact Phone<\/label>\r\n <input type=\"tel\" id=\"modalPhoneInput\" required placeholder=\"+880 17XXXXXXXX\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs text-white focus:outline-none focus:border-cyan-400\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Payment Method Preference<\/label>\r\n <select id=\"modalPaymentSelect\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs text-white focus:outline-none focus:border-cyan-400\">\r\n <option value=\"Cash on Delivery (Nationwide)\">Cash on Delivery (Pay upon receiving card)<\/option>\r\n <option value=\"bKash \/ Nagad Advance\">bKash \/ Nagad Mobile Banking<\/option>\r\n <option value=\"Visa \/ Mastercard \/ Bank\">Visa \/ Mastercard \/ Bank Wire<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Delivery Address<\/label>\r\n <textarea id=\"modalAddressInput\" rows=\"2\" placeholder=\"House\/Road, Area, District\/Thana...\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2 text-xs text-white focus:outline-none focus:border-cyan-400 resize-none\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full py-3.5 rounded-xl bg-[#25D366] hover:bg-[#20ba5a] text-slate-950 font-black text-sm shadow-xl shadow-[#25D366]\/25 transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-xl\"><\/i>\r\n <span>Confirm & Order via WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"toastNotification\" class=\"fixed bottom-6 right-6 transform translate-y-24 opacity-0 transition-all duration-300 z-50 flex items-center gap-3 bg-[#0c152a] border border-cyan-500\/40 text-white px-4 py-3 rounded-2xl shadow-2xl\">\r\n <div class=\"w-7 h-7 rounded-lg bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-sm\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/div>\r\n <span id=\"toastMessage\" class=\"text-xs font-bold\">Successfully Completed!<\/span>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/* =========================================================================\r\n GLOBAL CONFIGURATION (Update your business phone and logo URLs here)\r\n ========================================================================= *\/\r\n const KHAN_WHATSAPP_NUMBER = \"8801700000000\"; \/\/ Country code + phone number\r\n const KHAN_TOP_LOGO_URL = \"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\";\r\n const KHAN_BOTTOM_LOGO_URL = \"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\";\r\n\r\n function initStudio() {\r\n \/\/ Set logos\r\n const topLogo = document.getElementById('mainTopLogo');\r\n if (topLogo) topLogo.src = KHAN_TOP_LOGO_URL;\r\n const bottomLogo = document.getElementById('mainBottomLogo');\r\n if (bottomLogo) bottomLogo.src = KHAN_BOTTOM_LOGO_URL;\r\n\r\n \/\/ Set global WhatsApp direct links\r\n const directWaUrl = `https:\/\/wa.me\/${KHAN_WHATSAPP_NUMBER}?text=${encodeURIComponent('Hello KHAN NFC BD! I would like to inquire about ordering smart NFC cards.')}`;\r\n \r\n const topWaLink = document.getElementById('topBarWaLink');\r\n if (topWaLink) topWaLink.href = directWaUrl;\r\n\r\n const floatWaBtn = document.getElementById('floatingStickyWaBtn');\r\n if (floatWaBtn) floatWaBtn.href = directWaUrl;\r\n\r\n const footerWa = document.getElementById('footerWaIconLink');\r\n if (footerWa) footerWa.href = directWaUrl;\r\n\r\n \/\/ 3D Card Interactive Gyro Tilt on Mouse Move\r\n const cardContainer = document.getElementById('cardTiltWrapper');\r\n const cardInner = document.getElementById('heroLiveCard');\r\n \r\n if (cardContainer && cardInner) {\r\n cardContainer.addEventListener('mousemove', (e) => {\r\n const rect = cardContainer.getBoundingClientRect();\r\n const x = e.clientX - rect.left - rect.width \/ 2;\r\n const y = e.clientY - rect.top - rect.height \/ 2;\r\n const rotateX = (-y \/ rect.height) * 22;\r\n const rotateY = (x \/ rect.width) * 22;\r\n cardInner.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n });\r\n\r\n cardContainer.addEventListener('mouseleave', () => {\r\n cardInner.style.transform = `rotateX(0deg) rotateY(0deg)`;\r\n });\r\n }\r\n }\r\n\r\n \/\/ Live 3D Card Customizer\r\n function updateLiveCardName(val) {\r\n const nameElem = document.getElementById('cardNameDisplay');\r\n const slugElem = document.getElementById('cardSlugDisplay');\r\n if (val && val.trim() !== '') {\r\n nameElem.innerText = val.toUpperCase();\r\n const slug = val.toLowerCase().replace(\/[^a-z0-9]\/g, '');\r\n slugElem.innerText = `khan.nfc.bd\/${slug || 'profile'}`;\r\n } else {\r\n nameElem.innerText = 'YOUR NAME HERE';\r\n slugElem.innerText = 'khan.nfc.bd\/username';\r\n }\r\n }\r\n\r\n function updateLiveCardTitle(val) {\r\n const titleElem = document.getElementById('cardTitleDisplay');\r\n titleElem.innerText = (val && val.trim() !== '') ? val.toUpperCase() : 'DIGITAL BUSINESS CARD';\r\n }\r\n\r\n \/\/ Material Switcher\r\n function switchCardFinish(finishClass) {\r\n const card = document.getElementById('heroLiveCard');\r\n card.className = `card-3d-body rounded-3xl p-7 relative overflow-hidden aspect-[1.586\/1] flex flex-col justify-between select-none ${finishClass}`;\r\n showToast('Card material finish updated!');\r\n }\r\n\r\n \/\/ Download Simulator vCard\r\n function downloadSimulatorVCard() {\r\n const vcardData = \r\n`BEGIN:VCARD\r\nVERSION:3.0\r\nFN:Mahmudul Hasan Khan\r\nTITLE:Founder & CEO\r\nORG:Tech Solutions BD\r\nTEL;TYPE=CELL:+8801700000000\r\nEMAIL;TYPE=INTERNET:contact@khan.nfc.bd\r\nURL:https:\/\/khan.nfc.bd\r\nADR;TYPE=WORK:;;Gulshan-2;Dhaka;;;Bangladesh\r\nNOTE:KHAN NFC Smart Profile System\r\nEND:VCARD`;\r\n\r\n const blob = new Blob([vcardData], { type: 'text\/vcard;charset=utf-8;' });\r\n const a = document.createElement('a');\r\n a.href = URL.createObjectURL(blob);\r\n a.download = 'Mahmudul_Hasan_Khan.vcf';\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n showToast('Verified .vcf contact card downloaded!');\r\n }\r\n\r\n \/\/ Device Compatibility Search Engine\r\n function runDeviceCheck(val) {\r\n const title = document.getElementById('checkResultTitle');\r\n const desc = document.getElementById('checkResultDesc');\r\n const card = document.getElementById('checkResultCard');\r\n\r\n if (!val || val.trim() === '') {\r\n title.innerText = '100% Universally Compatible';\r\n desc.innerText = 'Supported via native contactless NFC sensor + Dynamic QR backup camera scan.';\r\n card.className = 'p-4 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/30 flex items-center gap-3.5';\r\n return;\r\n }\r\n\r\n const q = val.toLowerCase();\r\n if (q.includes('iphone') || q.includes('samsung') || q.includes('galaxy') || q.includes('pixel') || q.includes('oneplus') || q.includes('xiaomi') || q.includes('redmi') || q.includes('oppo') || q.includes('vivo')) {\r\n title.innerText = `Confirmed: Native NFC supported on ${val}!`;\r\n desc.innerText = 'Your digital profile opens immediately on tap without any extra apps.';\r\n card.className = 'p-4 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/30 flex items-center gap-3.5';\r\n } else {\r\n title.innerText = `${val} \u2014 Supported via Dynamic Laser QR Backup`;\r\n desc.innerText = 'If NFC is toggled off, any smartphone camera scanner opens your profile in seconds.';\r\n card.className = 'p-4 rounded-2xl bg-blue-500\/10 border border-blue-500\/30 flex items-center gap-3.5';\r\n }\r\n }\r\n\r\n function quickTestPhone(name) {\r\n document.getElementById('phoneCheckInput').value = name;\r\n runDeviceCheck(name);\r\n }\r\n\r\n \/\/ Corporate Bulk Price Calculator\r\n function calculateBulkPrice(count) {\r\n const countNum = parseInt(count);\r\n let unitPrice = 1990;\r\n let discountRate = 0.10;\r\n\r\n if (countNum >= 25) discountRate = 0.30;\r\n else if (countNum >= 15) discountRate = 0.25;\r\n else if (countNum >= 10) discountRate = 0.20;\r\n\r\n const discountedUnitPrice = Math.round(unitPrice * (1 - discountRate));\r\n const total = discountedUnitPrice * countNum;\r\n\r\n document.getElementById('bulkCountLabel').innerText = `${countNum} Cards`;\r\n document.getElementById('bulkDiscountLabel').innerText = `${Math.round(discountRate * 100)}% Volume Discount Active!`;\r\n document.getElementById('bulkPriceTotal').innerText = `\u09f3${total.toLocaleString()} BDT`;\r\n }\r\n\r\n function submitBulkInquiry() {\r\n const count = document.getElementById('bulkCountLabel').innerText;\r\n const total = document.getElementById('bulkPriceTotal').innerText;\r\n const msg = `*\ud83d\udd14 Corporate Bulk Order Inquiry (KHAN NFC BD)*\\n\\n*Card Quantity:* ${count}\\n*Estimated Budget:* ${total}\\n\\n_We require custom company logo printing, laser engraving, and the centralized HR team management portal._`;\r\n window.open(`https:\/\/wa.me\/${KHAN_WHATSAPP_NUMBER}?text=${encodeURIComponent(msg)}`, '_blank');\r\n }\r\n\r\n \/\/ Modal Control\r\n function openOrderModal(planName) {\r\n document.getElementById('modalPlanInput').value = planName;\r\n const typedName = document.getElementById('studioNameInput').value;\r\n if (typedName && typedName.trim() !== '') {\r\n document.getElementById('modalNameInput').value = typedName;\r\n }\r\n toggleOrderModal(true);\r\n }\r\n\r\n function toggleOrderModal(show) {\r\n const modal = document.getElementById('orderModal');\r\n if (show) {\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n } else {\r\n modal.classList.add('hidden');\r\n modal.classList.remove('flex');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobileMenu');\r\n menu.classList.toggle('hidden');\r\n }\r\n\r\n \/\/ Form Submission to WhatsApp\r\n function handleFormSubmit(e) {\r\n e.preventDefault();\r\n const plan = document.getElementById('modalPlanInput').value;\r\n const name = document.getElementById('modalNameInput').value;\r\n const phone = document.getElementById('modalPhoneInput').value;\r\n const payment = document.getElementById('modalPaymentSelect').value;\r\n const address = document.getElementById('modalAddressInput').value || 'Not specified';\r\n\r\n const message = \r\n`*\ud83d\udd14 New Smart NFC Card Order (KHAN NFC BD)*\r\n\r\n*Package \/ Material:* ${plan}\r\n*Name to Print on Card:* ${name}\r\n*Contact Mobile (WhatsApp):* ${phone}\r\n*Payment Preference:* ${payment}\r\n*Delivery Address:* ${address}\r\n\r\n_Please confirm my order and share the final mockup._`;\r\n\r\n const targetUrl = `https:\/\/wa.me\/${KHAN_WHATSAPP_NUMBER}?text=${encodeURIComponent(message)}`;\r\n window.open(targetUrl, '_blank');\r\n toggleOrderModal(false);\r\n showToast('Opening WhatsApp with your order details...');\r\n }\r\n\r\n \/\/ Copy Elementor Code\r\n function copyElementorCode() {\r\n const fullHtml = document.documentElement.outerHTML;\r\n const tempArea = document.createElement('textarea');\r\n tempArea.value = fullHtml;\r\n document.body.appendChild(tempArea);\r\n tempArea.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(tempArea);\r\n showToast('Full Elementor HTML code copied to clipboard!');\r\n }\r\n\r\n \/\/ Toast Alert Helper\r\n function showToast(text) {\r\n const toast = document.getElementById('toastNotification');\r\n const msg = document.getElementById('toastMessage');\r\n msg.innerText = text;\r\n toast.classList.remove('translate-y-24', 'opacity-0');\r\n toast.classList.add('translate-y-0', 'opacity-100');\r\n\r\n setTimeout(() => {\r\n toast.classList.remove('translate-y-0', 'opacity-100');\r\n toast.classList.add('translate-y-24', 'opacity-0');\r\n }, 3500);\r\n }\r\n\r\n window.onload = function() {\r\n initStudio();\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>KHAN NFC BD \u2014 Next-Gen Smart NFC Business Cards & Enterprise Bio Profiles NEW GENERATION NFC 3.0 Bangladesh\u2019s #1 Smart Business Card & Enterprise Contact Ecosystem. Copy Elementor HTML Code WhatsApp Concierge KHAN.NFC.BD Enterprise Smart Cards Materials Live Demo Compatibility Pricing Corporate Teams Reviews FAQ Order via WhatsApp Materials & Finishes Smartphone Demo Device Compatibility […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":7,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"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

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n KHAN NFC BD \u2014 Next-Gen Smart NFC Business Cards & Enterprise Bio Profiles<\/title>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n obsidian: '#030508',\r\n deepdark: '#070a14',\r\n surface: '#0d1326',\r\n electric: '#00f2fe',\r\n neonblue: '#3b82f6',\r\n luxgold: '#eab308',\r\n brandemerald: '#10b981',\r\n },\r\n fontFamily: {\r\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n mono: ['\"JetBrains Mono\"', 'monospace'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n :root {\r\n color-scheme: dark;\r\n }\r\n body {\r\n background-color: #030508;\r\n color: #f1f5f9;\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Ambient background grid pattern *\/\r\n .bg-tech-grid {\r\n background-size: 36px 36px;\r\n background-image: \r\n radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n }\r\n\r\n \/* Ambient lighting orbs *\/\r\n .glow-cyan {\r\n background: radial-gradient(circle, rgba(0, 242, 254, 0.14) 0%, rgba(59, 130, 246, 0.06) 45%, transparent 70%);\r\n }\r\n .glow-gold {\r\n background: radial-gradient(circle, rgba(234, 179, 8, 0.11) 0%, transparent 70%);\r\n }\r\n\r\n \/* Glassmorphism Surface 3.0 *\/\r\n .glass-card {\r\n background: rgba(13, 19, 38, 0.6);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .glass-card:hover {\r\n border-color: rgba(0, 242, 254, 0.3);\r\n box-shadow: 0 15px 35px -10px rgba(0, 242, 254, 0.12);\r\n }\r\n\r\n \/* 3D Interactive Card Physics *\/\r\n .card-3d-scene {\r\n perspective: 1200px;\r\n }\r\n .card-3d-body {\r\n transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;\r\n transform-style: preserve-3d;\r\n }\r\n\r\n \/* Card Material Finishes *\/\r\n .finish-obsidian {\r\n background: linear-gradient(135deg, #192033 0%, #0d121f 50%, #050811 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n color: #ffffff;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.9), inset 0 1px 2px rgba(255, 255, 255, 0.35);\r\n }\r\n .finish-gold {\r\n background: linear-gradient(135deg, #c48b1d 0%, #fae28c 35%, #ad7612 70%, #fdf09d 100%);\r\n border: 1px solid rgba(254, 240, 138, 0.65);\r\n color: #1a1205;\r\n box-shadow: 0 30px 60px -15px rgba(234, 179, 8, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.85);\r\n }\r\n .finish-silver {\r\n background: linear-gradient(135deg, #d3dbe6 0%, #f8fafc 40%, #94a3b8 70%, #e2e8f0 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.75);\r\n color: #0f172a;\r\n box-shadow: 0 30px 60px -15px rgba(148, 163, 184, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.9);\r\n }\r\n .finish-rosegold {\r\n background: linear-gradient(135deg, #c46d69 0%, #fad4d2 40%, #a44d48 75%, #fde6e4 100%);\r\n border: 1px solid rgba(254, 205, 211, 0.6);\r\n color: #2e0f11;\r\n box-shadow: 0 30px 60px -15px rgba(244, 63, 94, 0.35), inset 0 1px 3px rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n \/* Subtle light reflection sheen *\/\r\n .sheen-effect {\r\n background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.12) 46%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0.12) 54%, transparent 70%);\r\n mix-blend-mode: overlay;\r\n }\r\n\r\n \/* Custom scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 7px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #030508;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #1e293b;\r\n border-radius: 9999px;\r\n }\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #334155;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"selection:bg-cyan-400 selection:text-slate-950\">\r\n\r\n \r\n <div class=\"bg-[#050914] border-b border-white\/[0.08] py-2 px-4 sticky top-0 z-50 backdrop-blur-xl\">\r\n <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-between gap-3 text-xs\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <span class=\"px-2.5 py-0.5 rounded-full bg-cyan-500\/10 text-cyan-400 border border-cyan-500\/25 font-semibold flex items-center gap-1.5\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-cyan-400 animate-ping\"><\/span>\r\n NEW GENERATION NFC 3.0\r\n <\/span>\r\n <span class=\"text-slate-400 hidden md:inline\">\r\n Bangladesh\u2019s #1 Smart Business Card & Enterprise Contact Ecosystem.\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-3\">\r\n <button onclick=\"copyElementorCode()\" class=\"flex items-center gap-1.5 bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white font-bold px-3 py-1.5 rounded-lg text-xs transition shadow-md hover:shadow-emerald-500\/20 active:scale-95\">\r\n <i class=\"fa-solid fa-code\"><\/i>\r\n <span>Copy Elementor HTML Code<\/span>\r\n <\/button>\r\n <a id=\"topBarWaLink\" href=\"#\" target=\"_blank\" class=\"text-slate-300 hover:text-white font-medium transition flex items-center gap-1.5\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>WhatsApp Concierge<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"sticky top-9 z-40 bg-obsidian\/85 backdrop-blur-2xl border-b border-white\/[0.06] transition-all\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between\">\r\n \r\n \r\n <a href=\"#\" class=\"flex items-center gap-3.5 group\">\r\n <div class=\"w-11 h-11 rounded-2xl bg-gradient-to-br from-cyan-400\/20 via-blue-500\/10 to-transparent p-0.5 border border-white\/15 shadow-lg group-hover:scale-105 transition-transform flex items-center justify-center overflow-hidden\">\r\n <img decoding=\"async\" \r\n id=\"mainTopLogo\"\r\n src=\"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\" \r\n alt=\"KHAN NFC BD Logo\" \r\n class=\"w-full h-full object-cover rounded-2xl\"\r\n onerror=\"this.src='https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC'\"\r\n \/>\r\n <\/div>\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-xl font-black tracking-tight text-white flex items-center gap-1\">\r\n KHAN<span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500 font-black\">.NFC.BD<\/span>\r\n <\/span>\r\n <span class=\"text-[9px] uppercase tracking-widest text-slate-400 font-bold -mt-0.5\">Enterprise Smart Cards<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"hidden lg:flex items-center space-x-7 text-sm font-semibold text-slate-300\">\r\n <a href=\"#materials\" class=\"hover:text-cyan-400 transition\">Materials<\/a>\r\n <a href=\"#demo\" class=\"hover:text-cyan-400 transition\">Live Demo<\/a>\r\n <a href=\"#compatibility\" class=\"hover:text-cyan-400 transition\">Compatibility<\/a>\r\n <a href=\"#pricing\" class=\"hover:text-cyan-400 transition\">Pricing<\/a>\r\n <a href=\"#corporate\" class=\"hover:text-cyan-400 transition\">Corporate Teams<\/a>\r\n <a href=\"#reviews\" class=\"hover:text-cyan-400 transition\">Reviews<\/a>\r\n <a href=\"#faq\" class=\"hover:text-cyan-400 transition\">FAQ<\/a>\r\n <\/nav>\r\n\r\n \r\n <div class=\"flex items-center gap-3\">\r\n <button onclick=\"openOrderModal('General Express Inquiry')\" class=\"hidden sm:inline-flex items-center gap-2.5 px-5 py-2.5 rounded-full bg-[#25D366] hover:bg-[#20ba5a] text-slate-950 font-black text-xs sm:text-sm shadow-xl shadow-[#25D366]\/20 transition transform hover:-translate-y-0.5 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-lg text-slate-950\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/button>\r\n <button onclick=\"toggleMobileMenu()\" class=\"lg:hidden p-2 rounded-xl text-slate-300 hover:text-white hover:bg-slate-800 transition\">\r\n <i class=\"fa-solid fa-bars-staggered text-xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"mobileMenu\" class=\"hidden lg:hidden bg-deepdark\/95 border-b border-white\/10 px-6 py-6 space-y-3.5 backdrop-blur-2xl text-sm font-medium\">\r\n <a href=\"#materials\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Materials & Finishes<\/a>\r\n <a href=\"#demo\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Smartphone Demo<\/a>\r\n <a href=\"#compatibility\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Device Compatibility<\/a>\r\n <a href=\"#pricing\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Pricing Plans<\/a>\r\n <a href=\"#corporate\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Bulk Team Calculator<\/a>\r\n <a href=\"#reviews\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">Customer Reviews<\/a>\r\n <a href=\"#faq\" onclick=\"toggleMobileMenu()\" class=\"block text-slate-300 hover:text-cyan-400 py-1\">FAQ<\/a>\r\n <button onclick=\"openOrderModal('Mobile Menu Order'); toggleMobileMenu();\" class=\"w-full py-3 rounded-xl bg-[#25D366] text-slate-950 font-black text-sm flex items-center justify-center gap-2 mt-2 shadow-lg\">\r\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"relative pt-12 pb-20 lg:pt-20 lg:pb-32 overflow-hidden bg-tech-grid\">\r\n <div class=\"absolute top-10 left-1\/2 -translate-x-1\/2 w-[700px] h-[350px] glow-cyan blur-[160px] rounded-full pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-10 right-10 w-[420px] h-[420px] glow-gold blur-[170px] rounded-full pointer-events-none\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-10 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-7 space-y-7 text-center lg:text-left\">\r\n \r\n <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-surface border border-white\/10 text-cyan-300 text-xs font-semibold backdrop-blur-xl shadow-lg\">\r\n <i class=\"fa-solid fa-bolt text-amber-400\"><\/i>\r\n <span>ENGINEERED IN BANGLADESH \u2022 POWERED BY KHAN IT HOST<\/span>\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-cyan-400\"><\/span>\r\n <span class=\"text-slate-400\">NXP NTAG216<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl sm:text-6xl lg:text-[70px] font-black text-white tracking-tight leading-[1.08]\">\r\n One Tap.<br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-blue-400 to-indigo-300\">Infinite<\/span>\r\n <span>Connections.<\/span>\r\n <\/h1>\r\n\r\n <p class=\"text-base sm:text-lg text-slate-300 max-w-xl mx-auto lg:mx-0 leading-relaxed font-normal\">\r\n The ultimate smart NFC business card and enterprise bio-profile system. Instantly share contacts, social channels, portfolios, and payment details with zero apps required.\r\n <\/p>\r\n\r\n \r\n <div class=\"flex flex-wrap items-center justify-center lg:justify-start gap-4 pt-2\">\r\n <button onclick=\"openOrderModal('Hero Instant Order')\" class=\"flex items-center gap-3 px-8 py-4 rounded-2xl bg-gradient-to-r from-cyan-500 via-blue-600 to-blue-700 hover:from-cyan-400 hover:to-blue-600 text-white font-extrabold text-sm sm:text-base shadow-2xl shadow-blue-600\/30 transition transform hover:-translate-y-0.5 active:scale-95 border border-cyan-400\/30\">\r\n <i class=\"fa-brands fa-whatsapp text-2xl text-emerald-300\"><\/i>\r\n <span>Order via WhatsApp<\/span>\r\n <\/button>\r\n <a href=\"#pricing\" class=\"flex items-center gap-2.5 px-7 py-4 rounded-2xl bg-surface\/90 hover:bg-slate-800 text-slate-200 border border-white\/10 font-bold text-sm sm:text-base transition transform hover:-translate-y-0.5 backdrop-blur-xl\">\r\n <i class=\"fa-solid fa-tags text-cyan-400\"><\/i>\r\n <span>Explore Plans<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-2 flex flex-wrap items-center justify-center lg:justify-start gap-y-2 gap-x-6 text-xs text-slate-400 font-medium\">\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-check-circle text-emerald-400\"><\/i> No App Required<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-check-circle text-emerald-400\"><\/i> 1-Year Replacement Warranty<\/span>\r\n <span class=\"flex items-center gap-1.5\"><i class=\"fa-solid fa-check-circle text-emerald-400\"><\/i> Nationwide 48-72h Delivery<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 flex flex-col items-center\">\r\n \r\n <div class=\"w-full max-w-md card-3d-scene\" id=\"cardTiltWrapper\">\r\n \r\n \r\n <div id=\"heroLiveCard\" class=\"card-3d-body finish-obsidian rounded-3xl p-7 relative overflow-hidden aspect-[1.586\/1] flex flex-col justify-between select-none\">\r\n \r\n <div class=\"sheen-effect absolute inset-0 pointer-events-none\"><\/div>\r\n\r\n \r\n <div class=\"flex items-center justify-between relative z-10\">\r\n \r\n <div class=\"w-12 h-9 rounded-lg bg-gradient-to-br from-amber-300 via-amber-400 to-amber-600 p-0.5 shadow-md flex items-center justify-center relative\">\r\n <div class=\"w-full h-full border border-amber-950\/40 rounded flex items-center justify-center\">\r\n <div class=\"w-7 h-4 border-t border-b border-amber-950\/30 flex items-center justify-center\">\r\n <div class=\"w-2.5 h-full border-r border-amber-950\/20\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-2xl opacity-90\">\r\n <i class=\"fa-solid fa-wifi rotate-90\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative z-10 my-auto\">\r\n <h3 id=\"cardNameDisplay\" class=\"text-xl sm:text-2xl font-black uppercase tracking-wider drop-shadow-md\">\r\n YOUR NAME HERE\r\n <\/h3>\r\n <p id=\"cardTitleDisplay\" class=\"text-[11px] font-bold tracking-widest uppercase opacity-80 mt-1\">\r\n DIGITAL BUSINESS CARD\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-center justify-between text-xs relative z-10 pt-2 border-t border-white\/10\">\r\n <div class=\"flex items-center gap-1.5 font-mono text-[11px] opacity-90\">\r\n <i class=\"fa-solid fa-globe text-cyan-400\"><\/i>\r\n <span id=\"cardSlugDisplay\">khan.nfc.bd\/username<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-1.5 font-black text-[11px] tracking-wider\">\r\n <span class=\"w-2 h-2 rounded-full bg-cyan-400\"><\/span>\r\n <span>KHAN NFC<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-6 p-5 rounded-3xl glass-card space-y-4 shadow-2xl\">\r\n <div class=\"flex items-center justify-between text-xs font-bold text-slate-300\">\r\n <span><i class=\"fa-solid fa-wand-magic-sparkles text-cyan-400 mr-1.5\"><\/i> Test Your Name on Card:<\/span>\r\n <span class=\"text-emerald-400 text-[11px]\"><i class=\"fa-solid fa-circle-check\"><\/i> Real-time Live<\/span>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\r\n <input type=\"text\" id=\"studioNameInput\" placeholder=\"Enter Full Name...\" oninput=\"updateLiveCardName(this.value)\" class=\"bg-deepdark border border-white\/10 text-white rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-cyan-400 transition\">\r\n <input type=\"text\" id=\"studioTitleInput\" placeholder=\"Designation (e.g. CEO)\" oninput=\"updateLiveCardTitle(this.value)\" class=\"bg-deepdark border border-white\/10 text-white rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-cyan-400 transition\">\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label class=\"block text-[11px] font-semibold text-slate-400 mb-2\">Select Material Finish:<\/label>\r\n <div class=\"grid grid-cols-4 gap-2\">\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-obsidian')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-cyan-500\/50 hover:bg-slate-800 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-slate-900 border border-white\/30 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">Obsidian<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-gold')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-white\/10 hover:border-amber-400 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-gradient-to-tr from-amber-600 to-amber-300 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">24K Gold<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-silver')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-white\/10 hover:border-slate-300 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-slate-300 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">Silver<\/span>\r\n <\/button>\r\n <button type=\"button\" onclick=\"switchCardFinish('finish-rosegold')\" class=\"flex flex-col items-center gap-1 p-2 rounded-xl bg-slate-900 border border-white\/10 hover:border-rose-400 transition\">\r\n <span class=\"w-5 h-5 rounded-full bg-rose-400 shadow\"><\/span>\r\n <span class=\"text-[10px] font-semibold text-slate-200\">Rose Gold<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"border-y border-white\/[0.07] bg-[#050814] py-10 relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x-0 md:divide-x divide-white\/[0.06]\">\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-400\">1,200+<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Smart Cards Delivered<\/p>\r\n <p class=\"text-[11px] text-slate-500\">Dhaka & Nationwide in BD<\/p>\r\n <\/div>\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-yellow-300\">85,000+<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Contact Taps Shared<\/p>\r\n <p class=\"text-[11px] text-slate-500\">With 100% Zero App Overhead<\/p>\r\n <\/div>\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-emerald-400 to-teal-300\">99.8%<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Universal Compatibility<\/p>\r\n <p class=\"text-[11px] text-slate-500\">iOS, Android & Dynamic QR<\/p>\r\n <\/div>\r\n <div class=\"space-y-1.5\">\r\n <p class=\"text-3xl sm:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-indigo-300\">24\/7<\/p>\r\n <p class=\"text-xs font-bold text-slate-200 uppercase tracking-wider\">Dedicated Support<\/p>\r\n <p class=\"text-[11px] text-slate-500\">Fast WhatsApp Concierge<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 px-3 py-1 rounded-full\">\r\n Enterprise Edge\r\n <\/span>\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">Why Choose KHAN.NFC.BD?<\/h2>\r\n <p class=\"text-sm text-slate-400\">Next-generation contactless architecture built for executives, agencies, and teams.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-7\">\r\n \r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-cyan-500\/15 text-cyan-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-bolt-lightning\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Instant Contactless Tap<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Simply tap the card against any modern iPhone or Android. Your personalized profile pops up instantly in the native browser.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-amber-500\/15 text-amber-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-microchip\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Original NXP NTAG216 Microchips<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Built with certified high-frequency semiconductors featuring 888 bytes memory and 100,000+ rewrite longevity.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-emerald-500\/15 text-emerald-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-address-book\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">One-Click vCard Contact Save<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Recipients download and save your phone, email, company, and links directly to their iOS\/Android address book with a single tap.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-blue-500\/15 text-blue-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-cloud-arrow-up\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Real-Time Cloud Profile Updates<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Changed your phone number or job title? Update your profile anytime through the online dashboard without reprinting the physical card.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-purple-500\/15 text-purple-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-qrcode\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Dynamic Laser QR Backup<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Every card includes a precision laser-printed dynamic QR code on the back, ensuring 100% compatibility even on older devices without NFC.<\/p>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card space-y-4\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-rose-500\/15 text-rose-400 flex items-center justify-center text-xl\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white\">Bank-Grade 256-Bit Security<\/h3>\r\n <p class=\"text-xs text-slate-400 leading-relaxed\">Your data is hosted on enterprise SSL infrastructure. No confidential financial information is ever requested or stored on the chip.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"demo\" class=\"py-24 bg-deepdark border-y border-white\/[0.07] relative overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-6 space-y-6\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-cyan-500\/10 border border-cyan-500\/20 text-cyan-400 text-xs font-bold uppercase tracking-wider\">\r\n <i class=\"fa-solid fa-mobile-screen\"><\/i> Experience The Digital Profile\r\n <\/div>\r\n\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white tracking-tight leading-tight\">\r\n What Happens When Someone Taps Your Card?\r\n <\/h2>\r\n\r\n <p class=\"text-base text-slate-300 leading-relaxed\">\r\n The recipient\u2019s phone immediately opens this high-performance web bio-profile. Try clicking the interactive buttons on the simulated phone to experience the live contact sync!\r\n <\/p>\r\n\r\n <div class=\"space-y-4 pt-2\">\r\n <div class=\"p-4 rounded-2xl bg-surface\/70 border border-white\/5 flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-xl bg-cyan-500\/15 text-cyan-400 flex items-center justify-center text-lg flex-shrink-0\">\r\n <i class=\"fa-solid fa-file-arrow-down\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-white\">Direct vCard Sync File<\/h4>\r\n <p class=\"text-xs text-slate-400 mt-0.5\">Clicking \"Save Contact\" downloads a verified .vcf contact card directly to iOS Contacts or Google Contacts.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-4 rounded-2xl bg-surface\/70 border border-white\/5 flex items-start gap-4\">\r\n <div class=\"w-10 h-10 rounded-xl bg-emerald-500\/15 text-emerald-400 flex items-center justify-center text-lg flex-shrink-0\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-sm font-bold text-white\">Live Click Tracking & Analytics<\/h4>\r\n <p class=\"text-xs text-slate-400 mt-0.5\">Monitor how many people tapped your card and see which social links received the highest engagement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-2\">\r\n <button onclick=\"openOrderModal('Live Simulator Feature')\" class=\"px-7 py-3.5 rounded-2xl bg-gradient-to-r from-blue-600 to-cyan-500 hover:from-blue-500 hover:to-cyan-400 text-white font-extrabold text-sm shadow-xl shadow-cyan-500\/20 transition transform hover:-translate-y-0.5 active:scale-95\">\r\n <span>Get Your Own Smart Profile<\/span>\r\n <i class=\"fa-solid fa-arrow-right ml-2 text-xs\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-6 flex justify-center\">\r\n <div class=\"w-full max-w-[350px] bg-[#020307] border-[8px] border-slate-800 rounded-[50px] p-3 shadow-[0_30px_100px_rgba(0,0,0,0.9)] relative ring-1 ring-white\/20\">\r\n \r\n \r\n <div class=\"absolute top-5 left-1\/2 -translate-x-1\/2 w-28 h-6 bg-black rounded-full z-30 flex items-center justify-between px-3\">\r\n <div class=\"w-2.5 h-2.5 rounded-full bg-[#101726]\"><\/div>\r\n <div class=\"w-2.5 h-2.5 rounded-full bg-blue-900\/60 border border-blue-400\/40\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-[#0b1020] rounded-[40px] overflow-hidden border border-white\/10 text-white select-none\">\r\n \r\n \r\n <div class=\"h-32 bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 relative p-4 flex justify-between items-start pt-8\">\r\n <span class=\"bg-black\/40 backdrop-blur-md px-3 py-0.5 rounded-full text-[10px] font-bold text-cyan-300 border border-white\/10 flex items-center gap-1\">\r\n <i class=\"fa-solid fa-wifi rotate-90 text-[8px]\"><\/i>\r\n khan.nfc.bd\r\n <\/span>\r\n <button onclick=\"showToast('Profile link copied to clipboard!')\" class=\"w-7 h-7 rounded-full bg-black\/40 backdrop-blur-md flex items-center justify-center text-xs text-white hover:bg-black\/60 transition\">\r\n <i class=\"fa-solid fa-share-nodes\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-5 text-center -mt-12 relative z-10 pb-6\">\r\n <div class=\"relative w-20 h-20 mx-auto mb-2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=300&auto=format&fit=crop&q=80\" alt=\"Avatar\" class=\"w-full h-full rounded-full object-cover border-4 border-[#0b1020] shadow-xl\">\r\n <span class=\"absolute bottom-0 right-0 w-6 h-6 bg-cyan-500 rounded-full text-slate-950 text-xs flex items-center justify-center font-bold border-2 border-[#0b1020]\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/span>\r\n <\/div>\r\n\r\n <h3 class=\"text-base font-extrabold text-white\">Mahmudul Hasan Khan<\/h3>\r\n <p class=\"text-xs text-cyan-400 font-semibold\">Founder & CEO, Tech Solutions BD<\/p>\r\n <p class=\"text-[11px] text-slate-400 mt-1 leading-snug px-2\">Fintech entrepreneur and digital transformation consultant in Dhaka.<\/p>\r\n\r\n \r\n <div class=\"grid grid-cols-2 gap-2.5 my-4\">\r\n <a href=\"tel:+8801700000000\" class=\"py-2.5 rounded-xl bg-blue-600 hover:bg-blue-500 text-white text-xs font-bold flex items-center justify-center gap-1.5 shadow-md shadow-blue-600\/30 transition active:scale-95\">\r\n <i class=\"fa-solid fa-phone text-xs\"><\/i> Call Now\r\n <\/a>\r\n <button onclick=\"downloadSimulatorVCard()\" class=\"py-2.5 rounded-xl bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white text-xs font-bold flex items-center justify-center gap-1.5 shadow-md shadow-emerald-600\/30 transition active:scale-95\">\r\n <i class=\"fa-solid fa-user-plus text-xs\"><\/i> Save Contact\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-2 text-left text-xs max-h-[220px] overflow-y-auto pr-0.5\">\r\n <a href=\"https:\/\/wa.me\/8801700000000\" target=\"_blank\" class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] hover:bg-white\/[0.08] border border-white\/[0.06] transition\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-sm\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">WhatsApp Chat<\/p><p class=\"text-[10px] text-slate-400\">Direct instant message<\/p><\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-chevron-right text-[11px] text-slate-500\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"mailto:contact@khan.nfc.bd\" class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] hover:bg-white\/[0.08] border border-white\/[0.06] transition\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-rose-500\/20 text-rose-400 flex items-center justify-center text-sm\"><i class=\"fa-regular fa-envelope\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">Official Email<\/p><p class=\"text-[10px] text-slate-400\">contact@khan.nfc.bd<\/p><\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-chevron-right text-[11px] text-slate-500\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/linkedin.com\" target=\"_blank\" class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] hover:bg-white\/[0.08] border border-white\/[0.06] transition\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-sky-500\/20 text-sky-400 flex items-center justify-center text-sm\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">LinkedIn Network<\/p><p class=\"text-[10px] text-slate-400\">Connect with me<\/p><\/div>\r\n <\/div>\r\n <i class=\"fa-solid fa-chevron-right text-[11px] text-slate-500\"><\/i>\r\n <\/a>\r\n\r\n <div class=\"flex items-center justify-between p-2.5 rounded-xl bg-white\/[0.04] border border-white\/[0.06]\">\r\n <div class=\"flex items-center gap-2.5\">\r\n <div class=\"w-8 h-8 rounded-lg bg-amber-500\/20 text-amber-400 flex items-center justify-center text-sm\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n <div><p class=\"text-xs font-bold text-white\">Head Office<\/p><p class=\"text-[10px] text-slate-400\">Gulshan-2, Dhaka, Bangladesh<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-3 border-t border-white\/10 mt-3 flex items-center justify-center gap-2 text-[10px] text-slate-400\">\r\n <i class=\"fa-solid fa-qrcode text-cyan-400\"><\/i>\r\n <span>Dynamic QR Code Backup Enabled<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"materials\" class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 px-3 py-1 rounded-full\">\r\n Craftsmanship & Specs\r\n <\/span>\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">World-Class Card Materials<\/h2>\r\n <p class=\"text-sm text-slate-400\">Engineered with authentic NXP NTAG216 high-speed semiconductors and military-grade finishes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-7\">\r\n \r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300\">\r\n <div>\r\n <div class=\"h-40 rounded-2xl finish-obsidian p-4 mb-5 flex flex-col justify-between shadow-lg group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"w-3.5 h-3.5 rounded-full bg-slate-700\"><\/span>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-slate-400 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-slate-100\">MATTE OBSIDIAN PVC<\/p>\r\n <div class=\"text-[9px] text-slate-400 flex justify-between\"><span>KHAN NFC<\/span><span>WATERPROOF<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-white mb-1\">Matte Obsidian PVC<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Sleek, lightweight, waterproof, and scratch-resistant for high-frequency everyday networking.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP NTAG216<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Weight:<\/span><span>5.5g Ultra-Slim<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Printing:<\/span><span>HD UV Matte Color<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Matte Obsidian PVC (\u09f31,490 BDT)')\" class=\"w-full py-3 rounded-xl bg-slate-800 hover:bg-slate-700 text-white text-xs font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>Order (\u09f31,490 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300 border-amber-500\/40 relative shadow-2xl shadow-amber-500\/10\">\r\n <div class=\"absolute -top-3.5 right-6 bg-gradient-to-r from-amber-500 to-amber-600 text-slate-950 font-black text-[10px] uppercase tracking-wider px-3 py-1 rounded-full shadow-md\">\r\n Executive Choice\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"h-40 rounded-2xl finish-gold p-4 mb-5 flex flex-col justify-between shadow-xl text-slate-950 group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"w-4 h-3 bg-amber-900 rounded-sm\"><\/span>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-amber-950 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-slate-950\">24K BRUSHED GOLD<\/p>\r\n <div class=\"text-[9px] text-amber-950 font-bold flex justify-between\"><span>KHAN NFC<\/span><span>REAL METAL<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-amber-400 mb-1\">24K Brushed Gold Metal<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Solid stainless steel metal card with luxury weighted handfeel and deep laser engraving.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP Dual-Antenna<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Weight:<\/span><span class=\"font-bold text-amber-400\">22g Weighted Metal<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Engraving:<\/span><span>Precision Fiber Laser<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('24K Brushed Gold Metal (\u09f32,490 BDT)')\" class=\"w-full py-3 rounded-xl bg-gradient-to-r from-amber-500 to-amber-600 hover:from-amber-400 hover:to-amber-500 text-slate-950 text-xs font-black transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-slate-950\"><\/i>\r\n <span>Order (\u09f32,490 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300\">\r\n <div>\r\n <div class=\"h-40 rounded-2xl finish-silver p-4 mb-5 flex flex-col justify-between shadow-lg text-slate-900 group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <span class=\"w-3.5 h-3.5 rounded-full bg-slate-400\"><\/span>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-slate-700 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-slate-950\">CYBER TITANIUM<\/p>\r\n <div class=\"text-[9px] text-slate-700 font-bold flex justify-between\"><span>KHAN NFC<\/span><span>STAINLESS STEEL<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-white mb-1\">Cyber Titanium Silver<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Minimalist frosted metallic luster loved by tech founders, software architects, and investors.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP NTAG216<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Weight:<\/span><span>21.5g Solid Steel<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Finish:<\/span><span>Anti-Fingerprint Coat<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Cyber Titanium Silver (\u09f32,490 BDT)')\" class=\"w-full py-3 rounded-xl bg-slate-800 hover:bg-slate-700 text-white text-xs font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>Order (\u09f32,490 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 rounded-3xl glass-card flex flex-col justify-between group transition duration-300\">\r\n <div>\r\n <div class=\"h-40 rounded-2xl bg-gradient-to-tr from-amber-950 via-amber-900 to-yellow-950 border border-amber-700\/40 p-4 mb-5 flex flex-col justify-between shadow-lg text-amber-100 group-hover:scale-102 transition\">\r\n <div class=\"flex justify-between items-center\">\r\n <i class=\"fa-solid fa-leaf text-emerald-400 text-xs\"><\/i>\r\n <i class=\"fa-solid fa-wifi rotate-90 text-amber-200 text-xs\"><\/i>\r\n <\/div>\r\n <p class=\"text-xs font-black tracking-widest text-amber-100\">ECO BAMBOO WOOD<\/p>\r\n <div class=\"text-[9px] text-amber-300\/70 font-semibold flex justify-between\"><span>KHAN NFC<\/span><span>100% ORGANIC<\/span><\/div>\r\n <\/div>\r\n \r\n <h3 class=\"text-lg font-bold text-white mb-1\">Eco Bamboo Wood<\/h3>\r\n <p class=\"text-xs text-slate-400 mb-4 leading-relaxed\">Sustainable organic bamboo with embedded high-frequency antenna and deep laser engraving.<\/p>\r\n \r\n <div class=\"border-t border-white\/5 pt-3 space-y-2 text-[11px] text-slate-300 mb-5\">\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Chipset:<\/span><span class=\"font-mono text-cyan-400\">NXP Embedded<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Material:<\/span><span>Natural Treated Wood<\/span><\/div>\r\n <div class=\"flex justify-between\"><span class=\"text-slate-500\">Texture:<\/span><span>Laser Burned Grain<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Eco Bamboo Wood (\u09f31,890 BDT)')\" class=\"w-full py-3 rounded-xl bg-slate-800 hover:bg-slate-700 text-white text-xs font-bold transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400\"><\/i>\r\n <span>Order (\u09f31,890 BDT)<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"compatibility\" class=\"py-20 bg-deepdark border-y border-white\/[0.07]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-center\">\r\n \r\n <div class=\"lg:col-span-5 space-y-4\">\r\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-emerald-400\">100% Hardware Compatible<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-black text-white\">Will It Work on My Client\u2019s Phone?<\/h2>\r\n <p class=\"text-sm text-slate-300 leading-relaxed\">\r\n Yes! Virtually all modern smartphones come with native NFC enabled by default. Even for older devices without NFC hardware, our dynamic laser QR code guarantees seamless instant access.\r\n <\/p>\r\n\r\n <div class=\"p-4 rounded-2xl bg-surface border border-white\/10 space-y-2 text-xs\">\r\n <div class=\"flex items-center gap-2 text-slate-200 font-bold\">\r\n <i class=\"fa-brands fa-apple text-base text-white\"><\/i>\r\n <span>Apple iPhone:<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 pl-6\">iPhone XS, 11, 12, 13, 14, 15, 16 and newer natively read the card in background mode with zero configuration.<\/p>\r\n \r\n <div class=\"flex items-center gap-2 text-slate-200 font-bold pt-2\">\r\n <i class=\"fa-brands fa-android text-base text-emerald-400\"><\/i>\r\n <span>Android Devices:<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 pl-6\">Samsung, Xiaomi, Pixel, OnePlus, Vivo, Oppo and 85%+ modern Android phones work with one tap.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-7 p-6 sm:p-8 rounded-3xl glass-card shadow-2xl\">\r\n <h3 class=\"text-lg font-bold text-white mb-2 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-magnifying-glass text-cyan-400\"><\/i> Instant Phone Model Compatibility Checker\r\n <\/h3>\r\n <p class=\"text-xs text-slate-400 mb-5\">Type your smartphone model below (e.g., iPhone 15, Galaxy S24, Redmi Note 13):<\/p>\r\n\r\n <div class=\"flex gap-2 mb-4\">\r\n <input type=\"text\" id=\"phoneCheckInput\" placeholder=\"e.g. iPhone 15 Pro or Samsung S23 Ultra\" oninput=\"runDeviceCheck(this.value)\" class=\"flex-1 bg-deepdark border border-white\/10 text-white rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-cyan-400 transition\">\r\n <button onclick=\"quickTestPhone('iPhone 15 Pro')\" class=\"hidden sm:inline-block px-3.5 py-2 rounded-xl bg-slate-800 hover:bg-slate-700 text-xs text-slate-300 font-medium transition\">iPhone 15<\/button>\r\n <button onclick=\"quickTestPhone('Samsung Galaxy S24')\" class=\"hidden sm:inline-block px-3.5 py-2 rounded-xl bg-slate-800 hover:bg-slate-700 text-xs text-slate-300 font-medium transition\">Galaxy S24<\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"checkResultCard\" class=\"p-4 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/30 flex items-center gap-3.5 transition-all\">\r\n <div class=\"w-10 h-10 rounded-xl bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-lg flex-shrink-0\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-xs sm:text-sm font-bold text-white\" id=\"checkResultTitle\">100% Universally Compatible<\/p>\r\n <p class=\"text-[11px] sm:text-xs text-slate-300\" id=\"checkResultDesc\">Supported via native contactless NFC sensor + Dynamic QR backup camera scan.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"pricing\" class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">\r\n Choose Your <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500\">Plan<\/span>\r\n <\/h2>\r\n <p class=\"text-sm text-slate-400\">\r\n Transparent pricing in BDT. No hidden costs. Includes verified bio-profile hosting and lifetime contactless hardware.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-stretch\">\r\n \r\n \r\n <div class=\"p-8 rounded-3xl glass-card flex flex-col justify-between shadow-xl\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <h3 class=\"text-xl font-bold text-white\">Starter (50% Off)<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-slate-400 bg-slate-800 px-2.5 py-1 rounded-full\">PVC Matte<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-400 mb-6\">Perfect for individual professionals & consultants<\/p>\r\n\r\n <div class=\"mb-6\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-4xl font-black text-white\">\u09f31,490<\/span>\r\n <span class=\"text-xs text-slate-500\">BDT \/ 1st Year<\/span>\r\n <\/div>\r\n <p class=\"text-xs font-semibold text-amber-400 mt-1\">\u09f3799 BDT \/ Annual Profile Hosting & Cloud Sync<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3.5 text-xs sm:text-sm text-slate-300 pb-8 border-t border-white\/5 pt-6\">\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>1x NFC PVC Matte Black Card<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Custom Profile Link (khan.nfc.bd\/yourname)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Unlimited Contactless Taps<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Lead Capture & Contact Form<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Starter Plan (\u09f31,490 BDT)')\" class=\"w-full py-4 rounded-xl bg-slate-800\/90 hover:bg-slate-700 text-white font-bold text-sm transition border border-white\/10 flex items-center justify-center gap-2 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400 text-lg\"><\/i>\r\n <span>Order Starter via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-3xl bg-[#0b1329] border-2 border-cyan-400\/80 flex flex-col justify-between relative shadow-[0_0_50px_rgba(0,242,254,0.25)] transform lg:-translate-y-2\">\r\n <div class=\"absolute -top-3.5 right-6 bg-gradient-to-r from-cyan-500 to-blue-600 text-slate-950 font-black text-[10px] uppercase tracking-wider px-3.5 py-1 rounded-full shadow-lg\">\r\n Best Seller \u2022 Most Popular\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <h3 class=\"text-xl font-black text-white\">Professional (50% Off)<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-cyan-400 bg-cyan-950\/60 border border-cyan-500\/40 px-2.5 py-1 rounded-full\">Custom Laser Print<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-300 mb-6\">Custom printed luxury experience for founders & executives<\/p>\r\n\r\n <div class=\"mb-6\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-4xl font-black text-amber-400\">\u09f31,990<\/span>\r\n <span class=\"text-xs text-slate-400\">BDT \/ 1st Year<\/span>\r\n <\/div>\r\n <p class=\"text-xs font-semibold text-amber-400 mt-1\">\u09f3999 BDT \/ Annual VIP Cloud & Profile Renewal<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3.5 text-xs sm:text-sm text-slate-200 pb-8 border-t border-white\/10 pt-6\">\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span class=\"font-bold text-white\">1x Premium Custom Metal\/PVC Card<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span>Custom Name & Company Logo Printing<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span>Laser Dynamic QR Code Backup<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-cyan-400\"><\/i>\r\n <span>Profile Theme & Color Customization<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-circle-check text-emerald-400\"><\/i>\r\n <span class=\"font-bold text-emerald-400\">Priority WhatsApp VIP Support<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Professional Plan (\u09f31,990 BDT)')\" class=\"w-full py-4 rounded-xl bg-gradient-to-r from-cyan-500 via-blue-600 to-indigo-600 hover:from-cyan-400 hover:to-blue-500 text-white font-black text-sm shadow-xl shadow-cyan-500\/30 transition border border-cyan-300\/30 flex items-center justify-center gap-2 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-300 text-xl\"><\/i>\r\n <span>Order Professional via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-8 rounded-3xl glass-card flex flex-col justify-between shadow-xl\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-2\">\r\n <h3 class=\"text-xl font-bold text-white\">Corporate Teams<\/h3>\r\n <span class=\"text-[10px] uppercase font-bold text-slate-400 bg-slate-800 px-2.5 py-1 rounded-full\">Bulk Tier<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-400 mb-6\">Centralized control for companies, banks & sales forces<\/p>\r\n\r\n <div class=\"mb-6\">\r\n <div class=\"flex items-baseline gap-2\">\r\n <span class=\"text-4xl font-black text-white\">Custom<\/span>\r\n <span class=\"text-xs text-slate-500\">\/ Volume Tier<\/span>\r\n <\/div>\r\n <p class=\"text-xs text-slate-400 mt-1\">Volume tier discounts up to 35%<\/p>\r\n <\/div>\r\n\r\n <ul class=\"space-y-3.5 text-xs sm:text-sm text-slate-300 pb-8 border-t border-white\/5 pt-6\">\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Bulk Card Discounts (5+ Cards)<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Centralized HR Team Management Portal<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Corporate Brand Guidelines Alignment<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <i class=\"fa-solid fa-check text-cyan-400\"><\/i>\r\n <span>Dedicated Account Manager & Invoicing<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"openOrderModal('Corporate Team Bulk Tier')\" class=\"w-full py-4 rounded-xl bg-slate-800\/90 hover:bg-slate-700 text-white font-bold text-sm transition border border-white\/10 flex items-center justify-center gap-2 active:scale-95\">\r\n <i class=\"fa-brands fa-whatsapp text-emerald-400 text-lg\"><\/i>\r\n <span>Contact Sales via WhatsApp<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"corporate\" class=\"py-20 bg-deepdark border-t border-white\/[0.07]\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"rounded-3xl p-8 sm:p-12 glass-card border border-cyan-500\/30 relative overflow-hidden shadow-2xl\">\r\n <div class=\"absolute -top-24 -right-24 w-96 h-96 bg-cyan-500\/10 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-center relative z-10\">\r\n <div class=\"lg:col-span-7 space-y-4\">\r\n <span class=\"text-xs uppercase font-extrabold tracking-widest text-cyan-400 bg-cyan-500\/10 border border-cyan-500\/20 px-3.5 py-1 rounded-full\">\r\n Enterprise Central Dashboard\r\n <\/span>\r\n <h3 class=\"text-2xl sm:text-4xl font-black text-white\">\r\n Instant Card Management For Your Entire Team\r\n <\/h3>\r\n <p class=\"text-sm text-slate-300 leading-relaxed\">\r\n Equip 10 to 500+ employees with synchronized corporate NFC cards. Instantly lock or reassign cards when team members transition.\r\n <\/p>\r\n \r\n \r\n <div class=\"p-4 rounded-2xl bg-surface border border-white\/10 space-y-3 mt-4\">\r\n <div class=\"flex justify-between text-xs font-bold\">\r\n <span class=\"text-slate-300\">Select Card Quantity: <span id=\"bulkCountLabel\" class=\"text-cyan-400 font-extrabold text-sm\">10 Cards<\/span><\/span>\r\n <span class=\"text-emerald-400\" id=\"bulkDiscountLabel\">20% Volume Discount Active!<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"bulkSlider\" min=\"5\" max=\"100\" value=\"10\" step=\"5\" oninput=\"calculateBulkPrice(this.value)\" class=\"w-full accent-cyan-400 cursor-pointer\">\r\n <div class=\"flex justify-between items-center pt-2 text-xs border-t border-white\/5\">\r\n <span class=\"text-slate-400\">Estimated Total Quote: <strong id=\"bulkPriceTotal\" class=\"text-white text-sm\">\u09f315,920 BDT<\/strong><\/span>\r\n <span class=\"text-slate-400\">(\u09f31,592 BDT \/ Card)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-5 flex flex-col justify-center gap-3\">\r\n <button onclick=\"submitBulkInquiry()\" class=\"w-full py-4 rounded-2xl bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white font-extrabold text-sm shadow-xl shadow-emerald-600\/30 transition transform hover:scale-102 active:scale-95 flex items-center justify-center gap-2.5\">\r\n <i class=\"fa-brands fa-whatsapp text-2xl\"><\/i>\r\n <span>Request Corporate Invoice (WhatsApp)<\/span>\r\n <\/button>\r\n <p class=\"text-center text-[11px] text-slate-400\"><i class=\"fa-solid fa-file-invoice mr-1 text-cyan-400\"><\/i> Official VAT receipt & corporate invoices provided.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"reviews\" class=\"py-24 bg-obsidian relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center max-w-2xl mx-auto mb-16 space-y-3\">\r\n <span class=\"text-xs uppercase tracking-widest text-cyan-400 font-extrabold\">Executive Testimonials<\/span>\r\n <h2 class=\"text-3xl sm:text-5xl font-black text-white\">Trusted by Leaders in Bangladesh<\/h2>\r\n <p class=\"text-sm text-slate-400\">Join hundreds of CEOs, tech founders, and doctors redefining their professional presence.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-7\">\r\n \r\n <div class=\"p-7 rounded-3xl glass-card relative flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex items-center gap-1 text-amber-400 text-xs mb-4\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"text-slate-400 text-[11px] ml-2 font-bold\">5.0 \/ 5.0<\/span>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed mb-6\">\r\n \"Tapping this card on a client\u2019s iPhone during business meetings instantly sets a futuristic first impression. No paper clutter, just instant connection.\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 pt-4 border-t border-white\/5\">\r\n <div class=\"w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center font-black text-white text-xs\">TA<\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold text-white\">Tanveer Ahmed Chowdhury<\/h4>\r\n <p class=\"text-[10px] text-cyan-400\">Managing Director, NextGen Logistics<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card relative flex flex-col justify-between border-cyan-500\/40 shadow-xl\">\r\n <div>\r\n <div class=\"flex items-center gap-1 text-amber-400 text-xs mb-4\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"text-slate-400 text-[11px] ml-2 font-bold\">5.0 \/ 5.0<\/span>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed mb-6\">\r\n \"The 24K Brushed Gold Metal card has a solid 22-gram heft. The laser engraving is crisp, and the web bio profile loads with zero latency.\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 pt-4 border-t border-white\/5\">\r\n <div class=\"w-10 h-10 rounded-full bg-gradient-to-tr from-amber-500 to-amber-600 flex items-center justify-center font-black text-slate-950 text-xs\">SK<\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold text-white\">Sakibul Hasan<\/h4>\r\n <p class=\"text-[10px] text-amber-400\">Principal Software Architect<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-7 rounded-3xl glass-card relative flex flex-col justify-between\">\r\n <div>\r\n <div class=\"flex items-center gap-1 text-amber-400 text-xs mb-4\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span class=\"text-slate-400 text-[11px] ml-2 font-bold\">5.0 \/ 5.0<\/span>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-slate-300 leading-relaxed mb-6\">\r\n \"Ordered 25 custom cards for our corporate sales team in Gulshan. Nationwide delivery was fast (within 48 hours), and the team portal makes updates effortless.\"\r\n <\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 pt-4 border-t border-white\/5\">\r\n <div class=\"w-10 h-10 rounded-full bg-emerald-600 flex items-center justify-center font-black text-white text-xs\">RH<\/div>\r\n <div>\r\n <h4 class=\"text-xs font-bold text-white\">Rafiqul Islam<\/h4>\r\n <p class=\"text-[10px] text-emerald-400\">VP of Sales, Prime Properties BD<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"faq\" class=\"py-20 bg-deepdark border-t border-white\/[0.07]\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"text-center mb-14 space-y-2\">\r\n <span class=\"text-xs uppercase tracking-widest text-cyan-400 font-extrabold\">Got Questions?<\/span>\r\n <h2 class=\"text-3xl sm:text-4xl font-black text-white\">Frequently Asked Questions<\/h2>\r\n <p class=\"text-xs sm:text-sm text-slate-400\">Everything you need to know about KHAN NFC Smart Cards.<\/p>\r\n <\/div>\r\n\r\n <div class=\"space-y-4\">\r\n \r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>Does the other person need an app to receive my contact details?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n No app or Bluetooth configuration is required! The recipient simply taps their smartphone against your card (or scans the laser QR code on the back), and your digital bio profile opens immediately in Safari, Chrome, or their default browser.\r\n <\/p>\r\n <\/details>\r\n\r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>Can I update my phone number or social links after ordering?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n Yes! You have full access to your cloud dashboard. Whenever you change your job title, email, phone number, address, or social media links, your physical NFC card reflects the new information instantly. You never need to reprint a card.\r\n <\/p>\r\n <\/details>\r\n\r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>What payment methods and delivery timelines do you offer in Bangladesh?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n We accept Cash on Delivery (COD) across all 64 districts of Bangladesh, as well as bKash, Nagad, Visa, and Mastercard. Deliveries inside Dhaka arrive within 24 to 48 hours, and outside Dhaka within 48 to 72 hours via trusted courier services.\r\n <\/p>\r\n <\/details>\r\n\r\n <details class=\"group p-5 rounded-2xl glass-card open:border-cyan-500\/50 transition\">\r\n <summary class=\"flex items-center justify-between cursor-pointer font-bold text-sm text-white list-none\">\r\n <span>What warranty is included with the NFC hardware chip?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-xs text-cyan-400 group-open:rotate-180 transition-transform\"><\/i>\r\n <\/summary>\r\n <p class=\"text-xs sm:text-sm text-slate-300 mt-3 leading-relaxed\">\r\n Every KHAN NFC card comes with a 1-Year Chip Replacement Warranty. If your card experiences any hardware antenna or transmission failure under normal use, we replace it free of charge.\r\n <\/p>\r\n <\/details>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"border-t border-white\/[0.07] bg-[#020408] pt-16 pb-12 text-xs text-slate-400\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-10 pb-12 border-b border-white\/[0.06]\">\r\n \r\n \r\n <div class=\"space-y-4 md:col-span-2\">\r\n <div class=\"flex items-center gap-3.5\">\r\n <div class=\"w-10 h-10 rounded-2xl bg-gradient-to-br from-cyan-400\/20 to-blue-500\/20 p-0.5 border border-white\/10 flex items-center justify-center overflow-hidden\">\r\n <img decoding=\"async\" \r\n id=\"mainBottomLogo\"\r\n src=\"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\" \r\n alt=\"KHAN NFC BD Bottom Logo\" \r\n class=\"w-full h-full object-cover rounded-2xl\"\r\n onerror=\"this.src='https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC'\"\r\n \/>\r\n <\/div>\r\n <span class=\"text-xl font-extrabold text-white tracking-tight\">KHAN<span class=\"text-cyan-400\">.NFC.BD<\/span><\/span>\r\n <\/div>\r\n\r\n <p class=\"text-xs text-slate-400 max-w-sm leading-relaxed\">\r\n Next-generation smart NFC business cards and enterprise digital profile ecosystems tailored for Bangladeshi innovators and global professionals.\r\n <\/p>\r\n\r\n <div class=\"flex items-center gap-3 text-sm text-slate-300\">\r\n <a href=\"#\" class=\"w-8 h-8 rounded-xl bg-surface border border-white\/10 flex items-center justify-center hover:text-cyan-400 transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a id=\"footerWaIconLink\" href=\"#\" target=\"_blank\" class=\"w-8 h-8 rounded-xl bg-surface border border-white\/10 flex items-center justify-center hover:text-emerald-400 transition\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-8 h-8 rounded-xl bg-surface border border-white\/10 flex items-center justify-center hover:text-cyan-400 transition\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n <p class=\"font-extrabold text-white uppercase tracking-wider text-[11px]\">Quick Navigation<\/p>\r\n <ul class=\"space-y-2\">\r\n <li><a href=\"#materials\" class=\"hover:text-cyan-400 transition\">Card Materials<\/a><\/li>\r\n <li><a href=\"#demo\" class=\"hover:text-cyan-400 transition\">Live Phone Demo<\/a><\/li>\r\n <li><a href=\"#compatibility\" class=\"hover:text-cyan-400 transition\">Device Compatibility<\/a><\/li>\r\n <li><a href=\"#pricing\" class=\"hover:text-cyan-400 transition\">Pricing Plans<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"hover:text-cyan-400 transition\">FAQ<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-3\">\r\n <p class=\"font-extrabold text-white uppercase tracking-wider text-[11px]\">Payment & Delivery<\/p>\r\n <p class=\"text-[11px] text-slate-400\">Cash on Delivery, bKash, Nagad, Visa, Mastercard accepted.<\/p>\r\n <div class=\"flex flex-wrap gap-2 pt-1 font-bold text-[10px]\">\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-pink-400\">bKash<\/span>\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-orange-400\">Nagad<\/span>\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-blue-400\">Visa \/ Cards<\/span>\r\n <span class=\"px-2.5 py-1 rounded-lg bg-surface border border-white\/10 text-emerald-400\">Cash on Delivery<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"pt-8 flex flex-col sm:flex-row items-center justify-between text-[11px] text-slate-500 gap-2\">\r\n <p>\u00a9 2026 KHAN.NFC.BD. All rights reserved. Service Powered By Khan IT Host.<\/p>\r\n <p class=\"text-slate-400\">Enterprise Contactless System & Instant WhatsApp Checkout.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a id=\"floatingStickyWaBtn\" href=\"#\" target=\"_blank\" class=\"fixed bottom-6 left-6 z-40 flex items-center gap-2.5 bg-[#25D366] hover:bg-[#20ba5a] text-slate-950 px-5 py-3.5 rounded-full shadow-2xl transition transform hover:scale-105 active:scale-95 border-2 border-white\/30 font-black text-xs\">\r\n <i class=\"fa-brands fa-whatsapp text-2xl text-slate-950\"><\/i>\r\n <span class=\"hidden sm:inline\">WhatsApp Concierge<\/span>\r\n <\/a>\r\n\r\n \r\n <div id=\"orderModal\" class=\"fixed inset-0 bg-black\/85 backdrop-blur-md z-50 hidden items-center justify-center p-4\">\r\n <div class=\"bg-deepdark border border-white\/15 rounded-3xl p-6 sm:p-8 max-w-md w-full shadow-2xl relative\">\r\n \r\n <button onclick=\"toggleOrderModal(false)\" class=\"absolute top-5 right-5 text-slate-400 hover:text-white text-lg\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"text-center mb-6\">\r\n <div class=\"w-12 h-12 bg-emerald-500\/20 text-emerald-400 rounded-2xl flex items-center justify-center mx-auto mb-3 text-xl\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-extrabold text-white\">Order Your Smart NFC Card<\/h3>\r\n <p class=\"text-xs text-slate-400 mt-1\">Submit your details below to directly initiate your order via our official WhatsApp concierge.<\/p>\r\n <\/div>\r\n\r\n <form onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Selected Plan \/ Material<\/label>\r\n <input type=\"text\" id=\"modalPlanInput\" readonly class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs font-bold text-cyan-400 focus:outline-none\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Name to Print on Card<\/label>\r\n <input type=\"text\" id=\"modalNameInput\" required placeholder=\"e.g. Mahmudul Hasan Khan\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs text-white focus:outline-none focus:border-cyan-400\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">WhatsApp \/ Contact Phone<\/label>\r\n <input type=\"tel\" id=\"modalPhoneInput\" required placeholder=\"+880 17XXXXXXXX\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs text-white focus:outline-none focus:border-cyan-400\">\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Payment Method Preference<\/label>\r\n <select id=\"modalPaymentSelect\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2.5 text-xs text-white focus:outline-none focus:border-cyan-400\">\r\n <option value=\"Cash on Delivery (Nationwide)\">Cash on Delivery (Pay upon receiving card)<\/option>\r\n <option value=\"bKash \/ Nagad Advance\">bKash \/ Nagad Mobile Banking<\/option>\r\n <option value=\"Visa \/ Mastercard \/ Bank\">Visa \/ Mastercard \/ Bank Wire<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-300 mb-1\">Delivery Address<\/label>\r\n <textarea id=\"modalAddressInput\" rows=\"2\" placeholder=\"House\/Road, Area, District\/Thana...\" class=\"w-full bg-obsidian border border-white\/10 rounded-xl px-3.5 py-2 text-xs text-white focus:outline-none focus:border-cyan-400 resize-none\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"w-full py-3.5 rounded-xl bg-[#25D366] hover:bg-[#20ba5a] text-slate-950 font-black text-sm shadow-xl shadow-[#25D366]\/25 transition flex items-center justify-center gap-2\">\r\n <i class=\"fa-brands fa-whatsapp text-xl\"><\/i>\r\n <span>Confirm & Order via WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"toastNotification\" class=\"fixed bottom-6 right-6 transform translate-y-24 opacity-0 transition-all duration-300 z-50 flex items-center gap-3 bg-[#0c152a] border border-cyan-500\/40 text-white px-4 py-3 rounded-2xl shadow-2xl\">\r\n <div class=\"w-7 h-7 rounded-lg bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-sm\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n <\/div>\r\n <span id=\"toastMessage\" class=\"text-xs font-bold\">Successfully Completed!<\/span>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/* =========================================================================\r\n GLOBAL CONFIGURATION (Update your business phone and logo URLs here)\r\n ========================================================================= *\/\r\n const KHAN_WHATSAPP_NUMBER = \"8801700000000\"; \/\/ Country code + phone number\r\n const KHAN_TOP_LOGO_URL = \"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\";\r\n const KHAN_BOTTOM_LOGO_URL = \"https:\/\/placehold.co\/140x140\/070a12\/00f2fe?text=KHAN+NFC&font=Montserrat\";\r\n\r\n function initStudio() {\r\n \/\/ Set logos\r\n const topLogo = document.getElementById('mainTopLogo');\r\n if (topLogo) topLogo.src = KHAN_TOP_LOGO_URL;\r\n const bottomLogo = document.getElementById('mainBottomLogo');\r\n if (bottomLogo) bottomLogo.src = KHAN_BOTTOM_LOGO_URL;\r\n\r\n \/\/ Set global WhatsApp direct links\r\n const directWaUrl = `https:\/\/wa.me\/${KHAN_WHATSAPP_NUMBER}?text=${encodeURIComponent('Hello KHAN NFC BD! I would like to inquire about ordering smart NFC cards.')}`;\r\n \r\n const topWaLink = document.getElementById('topBarWaLink');\r\n if (topWaLink) topWaLink.href = directWaUrl;\r\n\r\n const floatWaBtn = document.getElementById('floatingStickyWaBtn');\r\n if (floatWaBtn) floatWaBtn.href = directWaUrl;\r\n\r\n const footerWa = document.getElementById('footerWaIconLink');\r\n if (footerWa) footerWa.href = directWaUrl;\r\n\r\n \/\/ 3D Card Interactive Gyro Tilt on Mouse Move\r\n const cardContainer = document.getElementById('cardTiltWrapper');\r\n const cardInner = document.getElementById('heroLiveCard');\r\n \r\n if (cardContainer && cardInner) {\r\n cardContainer.addEventListener('mousemove', (e) => {\r\n const rect = cardContainer.getBoundingClientRect();\r\n const x = e.clientX - rect.left - rect.width \/ 2;\r\n const y = e.clientY - rect.top - rect.height \/ 2;\r\n const rotateX = (-y \/ rect.height) * 22;\r\n const rotateY = (x \/ rect.width) * 22;\r\n cardInner.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n });\r\n\r\n cardContainer.addEventListener('mouseleave', () => {\r\n cardInner.style.transform = `rotateX(0deg) rotateY(0deg)`;\r\n });\r\n }\r\n }\r\n\r\n \/\/ Live 3D Card Customizer\r\n function updateLiveCardName(val) {\r\n const nameElem = document.getElementById('cardNameDisplay');\r\n const slugElem = document.getElementById('cardSlugDisplay');\r\n if (val && val.trim() !== '') {\r\n nameElem.innerText = val.toUpperCase();\r\n const slug = val.toLowerCase().replace(\/[^a-z0-9]\/g, '');\r\n slugElem.innerText = `khan.nfc.bd\/${slug || 'profile'}`;\r\n } else {\r\n nameElem.innerText = 'YOUR NAME HERE';\r\n slugElem.innerText = 'khan.nfc.bd\/username';\r\n }\r\n }\r\n\r\n function updateLiveCardTitle(val) {\r\n const titleElem = document.getElementById('cardTitleDisplay');\r\n titleElem.innerText = (val && val.trim() !== '') ? val.toUpperCase() : 'DIGITAL BUSINESS CARD';\r\n }\r\n\r\n \/\/ Material Switcher\r\n function switchCardFinish(finishClass) {\r\n const card = document.getElementById('heroLiveCard');\r\n card.className = `card-3d-body rounded-3xl p-7 relative overflow-hidden aspect-[1.586\/1] flex flex-col justify-between select-none ${finishClass}`;\r\n showToast('Card material finish updated!');\r\n }\r\n\r\n \/\/ Download Simulator vCard\r\n function downloadSimulatorVCard() {\r\n const vcardData = \r\n`BEGIN:VCARD\r\nVERSION:3.0\r\nFN:Mahmudul Hasan Khan\r\nTITLE:Founder & CEO\r\nORG:Tech Solutions BD\r\nTEL;TYPE=CELL:+8801700000000\r\nEMAIL;TYPE=INTERNET:contact@khan.nfc.bd\r\nURL:https:\/\/khan.nfc.bd\r\nADR;TYPE=WORK:;;Gulshan-2;Dhaka;;;Bangladesh\r\nNOTE:KHAN NFC Smart Profile System\r\nEND:VCARD`;\r\n\r\n const blob = new Blob([vcardData], { type: 'text\/vcard;charset=utf-8;' });\r\n const a = document.createElement('a');\r\n a.href = URL.createObjectURL(blob);\r\n a.download = 'Mahmudul_Hasan_Khan.vcf';\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n showToast('Verified .vcf contact card downloaded!');\r\n }\r\n\r\n \/\/ Device Compatibility Search Engine\r\n function runDeviceCheck(val) {\r\n const title = document.getElementById('checkResultTitle');\r\n const desc = document.getElementById('checkResultDesc');\r\n const card = document.getElementById('checkResultCard');\r\n\r\n if (!val || val.trim() === '') {\r\n title.innerText = '100% Universally Compatible';\r\n desc.innerText = 'Supported via native contactless NFC sensor + Dynamic QR backup camera scan.';\r\n card.className = 'p-4 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/30 flex items-center gap-3.5';\r\n return;\r\n }\r\n\r\n const q = val.toLowerCase();\r\n if (q.includes('iphone') || q.includes('samsung') || q.includes('galaxy') || q.includes('pixel') || q.includes('oneplus') || q.includes('xiaomi') || q.includes('redmi') || q.includes('oppo') || q.includes('vivo')) {\r\n title.innerText = `Confirmed: Native NFC supported on ${val}!`;\r\n desc.innerText = 'Your digital profile opens immediately on tap without any extra apps.';\r\n card.className = 'p-4 rounded-2xl bg-emerald-500\/10 border border-emerald-500\/30 flex items-center gap-3.5';\r\n } else {\r\n title.innerText = `${val} \u2014 Supported via Dynamic Laser QR Backup`;\r\n desc.innerText = 'If NFC is toggled off, any smartphone camera scanner opens your profile in seconds.';\r\n card.className = 'p-4 rounded-2xl bg-blue-500\/10 border border-blue-500\/30 flex items-center gap-3.5';\r\n }\r\n }\r\n\r\n function quickTestPhone(name) {\r\n document.getElementById('phoneCheckInput').value = name;\r\n runDeviceCheck(name);\r\n }\r\n\r\n \/\/ Corporate Bulk Price Calculator\r\n function calculateBulkPrice(count) {\r\n const countNum = parseInt(count);\r\n let unitPrice = 1990;\r\n let discountRate = 0.10;\r\n\r\n if (countNum >= 25) discountRate = 0.30;\r\n else if (countNum >= 15) discountRate = 0.25;\r\n else if (countNum >= 10) discountRate = 0.20;\r\n\r\n const discountedUnitPrice = Math.round(unitPrice * (1 - discountRate));\r\n const total = discountedUnitPrice * countNum;\r\n\r\n document.getElementById('bulkCountLabel').innerText = `${countNum} Cards`;\r\n document.getElementById('bulkDiscountLabel').innerText = `${Math.round(discountRate * 100)}% Volume Discount Active!`;\r\n document.getElementById('bulkPriceTotal').innerText = `\u09f3${total.toLocaleString()} BDT`;\r\n }\r\n\r\n function submitBulkInquiry() {\r\n const count = document.getElementById('bulkCountLabel').innerText;\r\n const total = document.getElementById('bulkPriceTotal').innerText;\r\n const msg = `*\ud83d\udd14 Corporate Bulk Order Inquiry (KHAN NFC BD)*\\n\\n*Card Quantity:* ${count}\\n*Estimated Budget:* ${total}\\n\\n_We require custom company logo printing, laser engraving, and the centralized HR team management portal._`;\r\n window.open(`https:\/\/wa.me\/${KHAN_WHATSAPP_NUMBER}?text=${encodeURIComponent(msg)}`, '_blank');\r\n }\r\n\r\n \/\/ Modal Control\r\n function openOrderModal(planName) {\r\n document.getElementById('modalPlanInput').value = planName;\r\n const typedName = document.getElementById('studioNameInput').value;\r\n if (typedName && typedName.trim() !== '') {\r\n document.getElementById('modalNameInput').value = typedName;\r\n }\r\n toggleOrderModal(true);\r\n }\r\n\r\n function toggleOrderModal(show) {\r\n const modal = document.getElementById('orderModal');\r\n if (show) {\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n } else {\r\n modal.classList.add('hidden');\r\n modal.classList.remove('flex');\r\n }\r\n }\r\n\r\n function toggleMobileMenu() {\r\n const menu = document.getElementById('mobileMenu');\r\n menu.classList.toggle('hidden');\r\n }\r\n\r\n \/\/ Form Submission to WhatsApp\r\n function handleFormSubmit(e) {\r\n e.preventDefault();\r\n const plan = document.getElementById('modalPlanInput').value;\r\n const name = document.getElementById('modalNameInput').value;\r\n const phone = document.getElementById('modalPhoneInput').value;\r\n const payment = document.getElementById('modalPaymentSelect').value;\r\n const address = document.getElementById('modalAddressInput').value || 'Not specified';\r\n\r\n const message = \r\n`*\ud83d\udd14 New Smart NFC Card Order (KHAN NFC BD)*\r\n\r\n*Package \/ Material:* ${plan}\r\n*Name to Print on Card:* ${name}\r\n*Contact Mobile (WhatsApp):* ${phone}\r\n*Payment Preference:* ${payment}\r\n*Delivery Address:* ${address}\r\n\r\n_Please confirm my order and share the final mockup._`;\r\n\r\n const targetUrl = `https:\/\/wa.me\/${KHAN_WHATSAPP_NUMBER}?text=${encodeURIComponent(message)}`;\r\n window.open(targetUrl, '_blank');\r\n toggleOrderModal(false);\r\n showToast('Opening WhatsApp with your order details...');\r\n }\r\n\r\n \/\/ Copy Elementor Code\r\n function copyElementorCode() {\r\n const fullHtml = document.documentElement.outerHTML;\r\n const tempArea = document.createElement('textarea');\r\n tempArea.value = fullHtml;\r\n document.body.appendChild(tempArea);\r\n tempArea.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(tempArea);\r\n showToast('Full Elementor HTML code copied to clipboard!');\r\n }\r\n\r\n \/\/ Toast Alert Helper\r\n function showToast(text) {\r\n const toast = document.getElementById('toastNotification');\r\n const msg = document.getElementById('toastMessage');\r\n msg.innerText = text;\r\n toast.classList.remove('translate-y-24', 'opacity-0');\r\n toast.classList.add('translate-y-0', 'opacity-100');\r\n\r\n setTimeout(() => {\r\n toast.classList.remove('translate-y-0', 'opacity-100');\r\n toast.classList.add('translate-y-24', 'opacity-0');\r\n }, 3500);\r\n }\r\n\r\n window.onload = function() {\r\n initStudio();\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>KHAN NFC BD \u2014 Next-Gen Smart NFC Business Cards & Enterprise Bio Profiles NEW GENERATION NFC 3.0 Bangladesh\u2019s #1 Smart Business Card & Enterprise Contact Ecosystem. Copy Elementor HTML Code WhatsApp Concierge KHAN.NFC.BD Enterprise Smart Cards Materials Live Demo Compatibility Pricing Corporate Teams Reviews FAQ Order via WhatsApp Materials & Finishes Smartphone Demo Device Compatibility […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":7,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/nfc.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}