About Us | IDNA Ideas Sdn. Bhd. – UKM EdTech Start-Up<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n display: ['\"Space Grotesk\"', 'sans-serif'],\n },\n colors: {\n brand: {\n 50: '#f0f7ff',\n 100: '#e0effe',\n 500: '#0284c7',\n 600: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n ukm: '#8b0000', \/\/ UKM Crimson reference\n navy: '#0b132b',\n accent: '#06b6d4',\n gold: '#f59e0b'\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Custom subtle grid background *\/\n .bg-grid-pattern {\n background-size: 36px 36px;\n background-image: \n linear-gradient(to right, rgba(2, 132, 199, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(2, 132, 199, 0.05) 1px, transparent 1px);\n }\n \n .glow-effect {\n box-shadow: 0 0 45px -10px rgba(6, 182, 212, 0.3);\n }\n\n \/* Glassmorphism *\/\n .glass-panel {\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n }\n\n \/* Pulse beacon *\/\n @keyframes subtle-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.85; transform: scale(1.03); }\n }\n .animate-subtle {\n animation: subtle-pulse 3s infinite ease-in-out;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased selection:bg-brand-500 selection:text-white\">\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 z-50 transform translate-y-24 opacity-0 transition-all duration-300 ease-out bg-slate-900 text-white px-5 py-3.5 rounded-xl shadow-2xl flex items-center space-x-3 border border-slate-700 pointer-events-none\">\n <div id=\"toast-icon\" class=\"text-emerald-400 text-lg\">\n <i class=\"fa-solid fa-circle-check\"><\/i>\n <\/div>\n <span id=\"toast-message\" class=\"text-sm font-medium\">Text copied to clipboard<\/span>\n <\/div>\n\n \n <div class=\"bg-gradient-to-r from-brand-900 via-brand-800 to-slate-900 text-white text-xs sm:text-sm py-2 px-4 text-center border-b border-brand-800\">\n <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-center gap-2\">\n <span class=\"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-semibold bg-emerald-500\/20 text-emerald-300 border border-emerald-500\/30\">\n <i class=\"fa-solid fa-shield-halved mr-1.5 text-[10px]\"><\/i> SSM Registered\n <\/span>\n <span>Official Universiti Kebangsaan Malaysia (UKM) EdTech Start-Up • Recipient of SME Corp RM200k i-SEE Grant<\/span>\n <a href=\"#statutory\" class=\"underline text-brand-100 hover:text-white font-medium ml-1\">View Credentials →<\/a>\n <\/div>\n <\/div>\n\n \n <nav class=\"sticky top-0 z-40 bg-white\/90 backdrop-blur-md border-b border-slate-200\/80 transition-all duration-200\" id=\"main-nav\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n \n \n <a href=\"#\" class=\"flex items-center space-x-3 group\">\n <div class=\"w-11 h-11 rounded-xl bg-gradient-to-br from-brand-600 to-cyan-500 flex items-center justify-center text-white font-display font-extrabold text-xl shadow-md group-hover:scale-105 transition-transform\">\n ID\n <\/div>\n <div>\n <div class=\"flex items-center space-x-1.5\">\n <span class=\"font-display font-bold text-xl tracking-tight text-slate-900\">IDNA IDEAS<\/span>\n <span class=\"text-xs px-1.5 py-0.5 bg-brand-100 text-brand-800 font-bold rounded\">UKM<\/span>\n <\/div>\n <p class=\"text-[11px] text-slate-500 font-medium tracking-wide\">EdTech & Engineering Start-Up<\/p>\n <\/div>\n <\/a>\n\n \n <div class=\"hidden lg:flex items-center space-x-6 text-sm font-semibold text-slate-600\">\n <a href=\"#about\" class=\"hover:text-brand-600 transition-colors\">About Us<\/a>\n <a href=\"#modules\" class=\"hover:text-brand-600 transition-colors\">Core Modules<\/a>\n <a href=\"#partnerships\" class=\"hover:text-brand-600 transition-colors\">Strategic MoUs<\/a>\n <a href=\"#milestones\" class=\"hover:text-brand-600 transition-colors\">Journey<\/a>\n <a href=\"#statutory\" class=\"hover:text-brand-600 transition-colors\">Company & Bank Info<\/a>\n <a href=\"#reviews\" class=\"hover:text-brand-600 transition-colors\">Reviews (5.0\u2605)<\/a>\n <a href=\"#locations\" class=\"hover:text-brand-600 transition-colors\">Locations<\/a>\n <\/div>\n\n \n <div class=\"hidden sm:flex items-center space-x-3\">\n <a href=\"tel:+60105521174\" class=\"inline-flex items-center text-sm font-semibold text-slate-600 hover:text-brand-600 px-3 py-2 rounded-lg\">\n <i class=\"fa-solid fa-phone mr-2 text-brand-500\"><\/i> +6010 552 1174\n <\/a>\n <a href=\"mailto:ceo@idna.com.my\" class=\"inline-flex items-center justify-center px-4 py-2.5 rounded-xl font-semibold text-sm text-white bg-gradient-to-r from-brand-600 to-cyan-600 hover:from-brand-700 hover:to-cyan-700 shadow-md shadow-brand-500\/20 hover:shadow-lg transition-all transform hover:-translate-y-0.5\">\n <i class=\"fa-solid fa-paper-plane mr-2\"><\/i> Contact CEO\n <\/a>\n <\/div>\n\n \n <div class=\"flex lg:hidden\">\n <button type=\"button\" id=\"mobile-menu-btn\" class=\"text-slate-600 hover:text-slate-900 p-2 rounded-lg focus:outline-none\" aria-label=\"Toggle menu\">\n <i class=\"fa-solid fa-bars text-xl\" id=\"menu-icon\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden lg:hidden border-t border-slate-200 bg-white px-4 pt-3 pb-6 space-y-3\">\n <a href=\"#about\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">About Us<\/a>\n <a href=\"#modules\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Core Modules<\/a>\n <a href=\"#partnerships\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Strategic MoUs<\/a>\n <a href=\"#milestones\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Journey & Milestones<\/a>\n <a href=\"#statutory\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Company & Bank Info<\/a>\n <a href=\"#reviews\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Google Reviews<\/a>\n <a href=\"#locations\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Locations<\/a>\n <div class=\"pt-3 border-t border-slate-100 flex flex-col gap-2\">\n <a href=\"tel:+60105521174\" class=\"flex items-center justify-center px-4 py-2.5 rounded-lg border border-slate-300 font-semibold text-slate-700\">\n <i class=\"fa-solid fa-phone mr-2 text-brand-600\"><\/i> Call +6010 552 1174\n <\/a>\n <a href=\"mailto:ceo@idna.com.my\" class=\"flex items-center justify-center px-4 py-2.5 rounded-lg bg-brand-600 text-white font-semibold shadow-md\">\n <i class=\"fa-solid fa-envelope mr-2\"><\/i> Email ceo@idna.com.my\n <\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"relative overflow-hidden bg-slate-900 text-white py-20 lg:py-28 bg-grid-pattern\">\n \n <div class=\"absolute -top-32 -left-32 w-96 h-96 bg-brand-500\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n <div class=\"absolute top-1\/2 -right-32 w-96 h-96 bg-cyan-500\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n \n \n <div class=\"inline-flex flex-wrap items-center justify-center lg:justify-start gap-2\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-brand-500\/10 text-cyan-300 border border-cyan-400\/30 backdrop-blur-sm\">\n <i class=\"fa-solid fa-graduation-cap mr-1.5 text-xs text-cyan-400\"><\/i> Universiti Kebangsaan Malaysia Start-Up\n <\/span>\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-amber-500\/10 text-amber-300 border border-amber-400\/30\">\n <i class=\"fa-solid fa-award mr-1.5 text-amber-400\"><\/i> RM200k i-SEE Grantee\n <\/span>\n <\/div>\n\n \n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-display font-extrabold tracking-tight leading-tight\">\n Pioneering Future Tech, <br class=\"hidden sm:inline\" \/>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-sky-300 to-indigo-300\">\n AI, IoT & Robotics\n <\/span> Education.\n <\/h1>\n\n \n <p class=\"text-base sm:text-lg text-slate-300 font-normal leading-relaxed max-w-2xl mx-auto lg:mx-0\">\n <strong>IDNA Ideas Sdn. Bhd.<\/strong> is an officially incorporated UKM start-up specializing in cutting-edge Technology Training, Engineering Education, and Consultation Services. We bridge abstract theory and practical innovation using our iPad-powered wireless classrooms.\n <\/p>\n\n \n <div class=\"flex flex-wrap items-center justify-center lg:justify-start gap-4 pt-2\">\n <a href=\"#modules\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-cyan-500 hover:bg-cyan-400 text-slate-950 shadow-lg shadow-cyan-500\/25 transition-all transform hover:-translate-y-0.5 flex items-center\">\n Explore Our Training Modules <i class=\"fa-solid fa-arrow-right ml-2 text-xs\"><\/i>\n <\/a>\n <a href=\"#statutory\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-slate-800\/80 hover:bg-slate-700 text-white border border-slate-700 backdrop-blur-sm transition-all flex items-center\">\n <i class=\"fa-solid fa-file-contract mr-2 text-brand-400\"><\/i> Corporate Verification\n <\/a>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 pt-8 border-t border-slate-800\/80\">\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-cyan-400\">1,000+<\/div>\n <div class=\"text-xs text-slate-400 font-medium\">Students & Teachers<\/div>\n <\/div>\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-amber-400 flex items-center justify-center lg:justify-start gap-1\">\n 5.0 <i class=\"fa-solid fa-star text-xs\"><\/i>\n <\/div>\n <div class=\"text-xs text-slate-400 font-medium\">Google Reviews<\/div>\n <\/div>\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-emerald-400\">RM200k<\/div>\n <div class=\"text-xs text-slate-400 font-medium\">SME Corp Grant<\/div>\n <\/div>\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-sky-400\">6+<\/div>\n <div class=\"text-xs text-slate-400 font-medium\">Years of Excellence<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 relative\">\n <div class=\"relative rounded-2xl p-1 bg-gradient-to-b from-cyan-500\/30 via-brand-500\/20 to-transparent shadow-2xl\">\n <div class=\"bg-slate-900\/90 rounded-2xl p-6 sm:p-8 backdrop-blur-xl border border-slate-700\/60 space-y-6\">\n \n \n <div class=\"flex items-center justify-between pb-4 border-b border-slate-800\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"w-3 h-3 rounded-full bg-emerald-500 animate-ping\"><\/span>\n <span class=\"text-xs uppercase font-bold tracking-wider text-emerald-400\">Active UKM Start-Up Entity<\/span>\n <\/div>\n <span class=\"text-xs text-slate-400 font-mono\">EST. 2018<\/span>\n <\/div>\n\n \n <div class=\"space-y-3 bg-slate-800\/60 p-4 rounded-xl border border-slate-700\/80\">\n <div class=\"flex items-start space-x-3\">\n <div class=\"w-10 h-10 rounded-lg bg-brand-600\/30 flex items-center justify-center text-brand-400 text-lg flex-shrink-0\">\n <i class=\"fa-solid fa-book-bookmark\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[11px] font-bold uppercase tracking-wider text-cyan-400\">Authored Publication<\/span>\n <h4 class=\"text-sm font-bold text-white leading-snug\">\u201cComputational Thinking in Project-Oriented Problem-Based Learning for Engineering Design\u201d<\/h4>\n <p class=\"text-xs text-slate-400 mt-1\">Published by <strong>UKM Press<\/strong> \u2014 our core instructional blueprint for hands-on technical education.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"space-y-2.5\">\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <i class=\"fa-solid fa-tablet-screen-button text-cyan-400 text-base w-5 text-center\"><\/i>\n <span><strong>Wireless Coding:<\/strong> iPads replace bulky laptops for seamless learning<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <i class=\"fa-solid fa-microchip text-indigo-400 text-base w-5 text-center\"><\/i>\n <span><strong>Edge AI & IoT:<\/strong> Halocode, Arduino, and Teachable Machine<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <i class=\"fa-solid fa-helicopter text-amber-400 text-base w-5 text-center\"><\/i>\n <span><strong>Autonomous Flight:<\/strong> Python & Block programming with Tello Edu<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"pt-4 border-t border-slate-800 flex items-center justify-between text-xs text-slate-400\">\n <div>\n <span class=\"text-white font-semibold\">Nazrul Anuar bin Nayan<\/span>\n <p class=\"text-[11px] text-slate-500\">Managing Director & CEO<\/p>\n <\/div>\n <a href=\"#director\" class=\"text-cyan-400 hover:text-cyan-300 font-semibold inline-flex items-center\">\n Profile <i class=\"fa-solid fa-chevron-right ml-1 text-[10px]\"><\/i>\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 space-y-24\">\n\n \n <section id=\"about\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Who We Are\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Democratizing Advanced Technology Education\n <\/h2>\n <p class=\"text-base text-slate-600 mt-4 leading-relaxed\">\n <strong>IDNA Ideas Sdn. Bhd.<\/strong> is an official UKM start-up registered with the Companies Commission of Malaysia (SSM: 202401008552 \/ 1554402-U). Our mission is to equip the next generation with hands-on skills in AI, IoT, Robotics, and Drones through innovative, future-ready programs with Computational Thinking at the core.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-cyan-100 text-cyan-700 flex items-center justify-center text-2xl mb-6 group-hover:bg-cyan-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-laptop-code\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Hands-on Technology Training<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Curriculums engineered specifically so students with zero prior programming knowledge can design, code, and operate intelligent machines from day one.\n <\/p>\n <ul class=\"text-xs font-semibold text-slate-500 space-y-2\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Scratch \/ mBlock Logic<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Real-time Robot Telemetry<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Zero-barrier iPad Deployments<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-100 text-brand-700 flex items-center justify-center text-2xl mb-6 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-lightbulb\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Engineering Consultation<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Advising educational institutions, government bodies, and international forums on creating scalable STEM curricula tailored to regional development needs.\n <\/p>\n <ul class=\"text-xs font-semibold text-slate-500 space-y-2\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Project-Oriented PBL Modules<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Trainer of Trainers (ToT) Workshops<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> SME Corp i-SEE Research Integration<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-amber-100 text-amber-700 flex items-center justify-center text-2xl mb-6 group-hover:bg-amber-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-users-gear\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Community & Grassroots Reach<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Bridging urban and rural disparities by conducting technology camps with community centers, regional masjids, and rural schools across Southeast Asia.\n <\/p>\n <ul class=\"text-xs font-semibold text-slate-500 space-y-2\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Mosque Tech Bootcamps<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Rural Sarawak Outreach Initiatives<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Cross-border Youth Camps (Indonesia)<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"modules\" class=\"scroll-mt-24\">\n <div class=\"bg-gradient-to-br from-slate-900 via-brand-900 to-slate-950 rounded-3xl p-8 sm:p-12 text-white shadow-2xl relative overflow-hidden\">\n \n <div class=\"relative z-10\">\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-wider text-cyan-400\">Proprietary Training Architecture<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-bold mt-2\">Core Technology Modules<\/h2>\n <p class=\"text-slate-300 text-sm mt-2 max-w-xl\">Every program integrates Computational Thinking with practical hardware manipulation.<\/p>\n <\/div>\n <div class=\"mt-4 md:mt-0 flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs font-medium rounded-lg border border-slate-700 text-slate-300 flex items-center\">\n <i class=\"fa-brands fa-apple mr-1.5 text-cyan-400\"><\/i> iPad-Enabled\n <\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs font-medium rounded-lg border border-slate-700 text-slate-300 flex items-center\">\n <i class=\"fa-solid fa-certificate mr-1.5 text-amber-400\"><\/i> UKM Endorsed\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 text-cyan-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-robot\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Robotics & Block Programming<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Interactive coding utilizing <strong>mBlock<\/strong> and <strong>mBot robots<\/strong>. Teaches mechanical assembly, ultrasonic obstacle avoidance, and PID line-tracking algorithms.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">mBlock<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">mBot<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Sensors<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-indigo-500\/20 text-indigo-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-network-wired\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Microcontrollers & IoT<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Hands-on electronic prototyping using <strong>Halocode microcontrollers<\/strong> and <strong>Arduino<\/strong>. Connects sensor networks to the cloud with real-time telemetry dashboards.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Halocode<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Arduino<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">MQTT \/ IoT<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-purple-500\/20 text-purple-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-brain\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Embedded AI & Vision<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Integrating <strong>Google Teachable Machine<\/strong> with edge devices. Participants train visual classification models to detect gestures and automate robotic behaviors.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Teachable Machine<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Computer Vision<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Neural Models<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-amber-500\/20 text-amber-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-helicopter\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Drone Programming & Avionics<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Autonomous aerial maneuvers utilizing <strong>Tello Edu programmable drones<\/strong>. Covers 3D spatial coordinates, waypoints, mission pads, and formation flight logic.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Tello Edu<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Autonomous Waypoints<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Swarm Flight<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-solar-panel\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Green Tech & Solar Energy<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Educational solar kits exploring photovoltaic power conversion, clean battery storage, efficiency calculations, and smart environmental sustainability systems.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Solar Kits<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Photovoltaics<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Renewable Energy<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-rose-500\/20 text-rose-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-award\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">SME Corp i-SEE Research<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n In 2024, we secured an i-SEE grant from SME Corp (RM200,000) to develop AI-embedded IoT, Robotics, and Drones, advancing wireless tech education with iPads.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">RM200,000 Grant<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">R&D Prototypes<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Commercialization<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"partnerships\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-14\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Global & Regional Alliances\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Strategic Memorandums of Understanding (MoUs)\n <\/h2>\n <p class=\"text-base text-slate-600 mt-3 leading-relaxed\">\n Expanding educational horizons and technology exchange through cross-border collaboration and institutional sponsorship.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white rounded-2xl border border-slate-200 p-8 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between group hover:-translate-y-1\">\n <div>\n <div class=\"flex items-center justify-between mb-5\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-rose-50 text-rose-700 border border-rose-200\">\n <i class=\"fa-solid fa-handshake mr-1.5\"><\/i> International MoU\n <\/span>\n <span class=\"text-xs font-mono font-semibold text-slate-400\">Japan<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-2 group-hover:text-brand-600 transition-colors\">\n ZipCare Corp, Japan\n <\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n We are proud to announce the signing of a Memorandum of Understanding (MoU) between IDNA Ideas Sdn. Bhd. and ZipCare Corp, Japan. We were honored to have their President, <strong>Mr. Hiroaki Kuwabara<\/strong>, join us for this special occasion as we collaborate on future-ready healthcare and technology solutions.\n <\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Partner Organization<\/span>\n <a href=\"https:\/\/zipcare.co.jp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center text-xs font-bold text-brand-600 hover:text-brand-700 group-hover:underline\">\n zipcare.co.jp <i class=\"fa-solid fa-arrow-up-right-from-square ml-1.5 text-[10px]\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 p-8 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between group hover:-translate-y-1\">\n <div>\n <div class=\"flex items-center justify-between mb-5\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-emerald-50 text-emerald-700 border border-emerald-200\">\n <i class=\"fa-solid fa-file-signature mr-1.5\"><\/i> Bilateral MoU\n <\/span>\n <span class=\"text-xs font-mono font-semibold text-slate-400\">Indonesia<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-2 group-hover:text-brand-600 transition-colors\">\n Al-Sudais Indonesia Foundation\n <\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Official MoU established with <strong>Al-Sudais Indonesia Foundation<\/strong> (supporting the prestigious <strong>Al Wafi International Islamic Boarding School<\/strong> in West Java). Accelerating Computational Thinking, drone automation, and IoT training modules for regional international educators and students.\n <\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Cross-Border Education<\/span>\n <span class=\"text-xs font-bold text-emerald-600\">Al Wafi Boarding School<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 p-8 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between group hover:-translate-y-1\">\n <div>\n <div class=\"flex items-center justify-between mb-5\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-amber-50 text-amber-800 border border-amber-200\">\n <i class=\"fa-solid fa-landmark-flag mr-1.5\"><\/i> State Sponsorship\n <\/span>\n <span class=\"text-xs font-mono font-semibold text-slate-400\">2024<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-2 group-hover:text-brand-600 transition-colors\">\n Yayasan Negeri Sembilan\n <\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Funded by <strong>Yayasan Negeri Sembilan<\/strong> in 2024 to execute the flagship <strong>Future Technology Exploration Program<\/strong> hosted at <strong>Dewan Majlis Bandaraya Seremban (MBS)<\/strong>, providing immersive AI, robotics, and drone coding workshops for local youth.\n <\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Event Venue<\/span>\n <span class=\"text-xs font-bold text-amber-700\">Dewan MBS Seremban<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"milestones\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Our Track Record\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Our Journey & International Achievements\n <\/h2>\n <p class=\"text-base text-slate-600 mt-4\">\n From grassroots robotic workshops in rural Borneo to international training symposiums across Europe, Japan, and the Middle East.\n <\/p>\n <\/div>\n\n <div class=\"relative border-l-2 border-slate-200 ml-4 md:ml-32 space-y-12\">\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-white border-4 border-brand-600 flex items-center justify-center text-brand-600 shadow-md\">\n <div class=\"w-2 h-2 rounded-full bg-brand-600\"><\/div>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-brand-600 uppercase tracking-wider\">\n 2018\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n <h3 class=\"text-lg font-bold text-slate-900\">Genesis as Idna Training & Consulting<\/h3>\n <p class=\"text-sm text-slate-600 mt-2\">\n Established with the core vision of introducing project-oriented problem-based learning (PoPBL) and Computational Thinking into STEM education across schools and universities.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-white border-4 border-cyan-500 flex items-center justify-center text-cyan-600 shadow-md\">\n <div class=\"w-2 h-2 rounded-full bg-cyan-500\"><\/div>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-cyan-600 uppercase tracking-wider\">\n 2019\u20132023\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n <div class=\"flex items-center gap-2 mb-1\">\n <span class=\"text-xs px-2 py-0.5 rounded bg-cyan-100 text-cyan-800 font-bold\">Sebuyau, Sarawak<\/span>\n <span class=\"text-xs text-slate-400\">Multi-year Outreach<\/span>\n <\/div>\n <h3 class=\"text-lg font-bold text-slate-900\">Robotic Block Programming in Rural Sarawak<\/h3>\n <p class=\"text-sm text-slate-600 mt-2\">\n Successfully conducted continuous training cohorts benefiting <strong>200+ students and 55 school teachers<\/strong> in Sebuyau (2019, 2022, 2023), demonstrating that geographical distance is no barrier to high-tech coding literacy.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-brand-600 border-4 border-brand-200 flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa-solid fa-star text-[10px]\"><\/i>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-emerald-600 uppercase tracking-wider\">\n Mar 2024\n <\/div>\n <div class=\"bg-gradient-to-r from-brand-50 to-cyan-50 p-6 rounded-2xl border border-brand-200 shadow-sm\">\n <div class=\"flex items-center gap-2 mb-1\">\n <span class=\"text-xs px-2.5 py-0.5 rounded-full bg-brand-600 text-white font-bold\">SSM Incorporation<\/span>\n <span class=\"text-xs px-2.5 py-0.5 rounded-full bg-amber-500 text-white font-bold\">RM200k i-SEE Grant<\/span>\n <\/div>\n <h3 class=\"text-lg font-bold text-slate-900\">IDNA Ideas Sdn. Bhd. Formal Incorporation & Grant Award<\/h3>\n <p class=\"text-sm text-slate-700 mt-2\">\n Officially incorporated on <strong>4 Mac 2024 (3:13 PM)<\/strong> under the Companies Act 2016 (Registration: <strong>202401008552 \/ 1554402-U<\/strong>) as an approved UKM start-up. Concurrently secured the competitive <strong>RM200,000 i-SEE Grant from SME Corp<\/strong> to develop AI-embedded robotics and wireless iPad education modules.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-white border-4 border-indigo-500 flex items-center justify-center text-indigo-500 shadow-md\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500\"><\/div>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-indigo-600 uppercase tracking-wider\">\n 2024\u20132026\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n <h3 class=\"text-lg font-bold text-slate-900\">Regional Footprint & Global Presence<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\n <div class=\"p-3 bg-amber-50\/70 rounded-xl border border-amber-200\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-landmark text-amber-600 mr-2\"><\/i> Dewan MBS, Seremban (2024)\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n <strong>Future Technology Exploration Program<\/strong> funded by <strong>Yayasan Negeri Sembilan<\/strong> held at Dewan Majlis Bandaraya Seremban.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-school text-brand-600 mr-2\"><\/i> Melaka & Negeri Sembilan\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Future Tech programs reaching <strong>430 students and 130 teachers<\/strong> across primary and secondary schools in 2024.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-globe text-cyan-600 mr-2\"><\/i> West Java, Indonesia\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Future Tech Camp for <strong>100 students and 10 lecturers<\/strong> at Al Wafi International Islamic Boarding School under the Al-Sudais Indonesia Foundation MoU.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-plane text-indigo-600 mr-2\"><\/i> Global Delegations & Corporate\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Invited speaker and instructor for <strong>SEAMEO Voctech (Brunei)<\/strong> and MITC-led programs in <strong>Vienna, Amsterdam, Dubai, and Kuala Lumpur<\/strong>.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100 md:col-span-2\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-building-columns text-emerald-600 mr-2\"><\/i> University STEM & Leadership\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Key bootcamps with <strong>UKM STEM Center, Institut Islam Hadhari UKM<\/strong>, and <strong>Universiti Teknikal Melaka (UTeM)<\/strong>, benefiting 145 students and 10 teachers.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"director\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-3xl border border-slate-200 overflow-hidden shadow-xl\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12\">\n \n <div class=\"lg:col-span-5 bg-gradient-to-br from-brand-900 via-slate-900 to-brand-950 p-8 sm:p-12 text-white flex flex-col justify-between\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-wider text-cyan-400\">Company Leadership<\/span>\n <h3 class=\"text-2xl sm:text-3xl font-display font-bold mt-2\">Nazrul Anuar bin Nayan<\/h3>\n <p class=\"text-brand-200 text-sm font-medium mt-1\">Managing Director & CEO, IDNA Ideas Sdn. Bhd.<\/p>\n \n <div class=\"mt-8 space-y-4\">\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <div class=\"w-8 h-8 rounded-lg bg-white\/10 flex items-center justify-center text-cyan-400\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <\/div>\n <a href=\"mailto:ceo@idna.com.my\" class=\"hover:text-white transition-colors\">ceo@idna.com.my<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <div class=\"w-8 h-8 rounded-lg bg-white\/10 flex items-center justify-center text-emerald-400\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/div>\n <a href=\"https:\/\/wa.me\/60105521174\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-colors\">+6010 552 1174<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <div class=\"w-8 h-8 rounded-lg bg-white\/10 flex items-center justify-center text-amber-400\">\n <i class=\"fa-solid fa-globe\"><\/i>\n <\/div>\n <a href=\"https:\/\/idna.com.my\" class=\"hover:text-white transition-colors\">idna.com.my<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-6 border-t border-slate-800 text-xs text-slate-400\">\n <p>Specialist in Engineering Education, Computational Thinking, and IoT curriculum architecture.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-7 p-8 sm:p-12 space-y-6\">\n <h4 class=\"text-xl font-bold text-slate-900\">Message from the Director<\/h4>\n <div class=\"space-y-4 text-sm text-slate-600 leading-relaxed\">\n <p>\n \u201cAt IDNA Ideas, we believe that learning technology should never be about memorizing syntax from blackboards. It should be an tactile, empowering experience where a student writes three lines of block logic and immediately sees a robot rotate, an IoT light activate, or a drone hover effortlessly in mid-air.\u201d\n <\/p>\n <p>\n \u201cBy transitioning our entire training stack to modern, wire-free iPads and modular microcontrollers, we eliminated the classic technical friction points that used to discourage beginners. Whether we are in a rural school in Sarawak or conducting an international camp in West Java, our goal remains unwavering: equipping today\u2019s youth with the computational mindset they need to build tomorrow.\u201d\n <\/p>\n <\/div>\n\n \n <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-200 flex items-start space-x-4\">\n <div class=\"w-12 h-12 rounded-lg bg-brand-100 text-brand-700 flex items-center justify-center text-xl flex-shrink-0\">\n <i class=\"fa-solid fa-book\"><\/i>\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-brand-700 uppercase\">Authoritative Research<\/span>\n <h5 class=\"text-sm font-bold text-slate-900\">Computational Thinking in Project-Oriented Problem-Based Learning for Engineering Design<\/h5>\n <p class=\"text-xs text-slate-500 mt-1\">Official publication by <strong>UKM Press<\/strong>, authored to provide an academic methodology for engineering pedagogy.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pt-2\">\n <a href=\"https:\/\/wa.me\/60105521174\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-5 py-2.5 rounded-xl bg-emerald-600 hover:bg-emerald-700 text-white font-semibold text-sm transition-all shadow-md shadow-emerald-600\/20\">\n <i class=\"fa-brands fa-whatsapp mr-2 text-base\"><\/i> Chat Directly on WhatsApp\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"statutory\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-12\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Corporate Governance\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Statutory Registration & Banking Credentials\n <\/h2>\n <p class=\"text-base text-slate-600 mt-3\">\n Telah diperbadankan di bawah Akta Syarikat 2016. Syarikat ini adalah sebuah syarikat sendirian berhad menurut saham.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n \n \n <div class=\"lg:col-span-6 bg-white rounded-2xl border border-slate-200 p-6 sm:p-8 shadow-sm\">\n <div class=\"flex items-center space-x-3 mb-6 pb-4 border-b border-slate-100\">\n <div class=\"w-10 h-10 rounded-xl bg-brand-100 text-brand-700 flex items-center justify-center text-lg\">\n <i class=\"fa-solid fa-stamp\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg font-bold text-slate-900\">Suruhanjaya Syarikat Malaysia (SSM)<\/h3>\n <p class=\"text-xs text-slate-500\">Official Company Profile & Legal Status<\/p>\n <\/div>\n <\/div>\n\n <dl class=\"space-y-4 text-sm\">\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Nama Syarikat<\/dt>\n <dd class=\"font-bold text-slate-900 text-right\">IDNA IDEAS SDN. BHD.<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Nombor Pendaftaran SSM<\/dt>\n <dd class=\"font-mono font-bold text-brand-600 text-right flex items-center justify-end gap-2\">\n <span>202401008552 (1554402-U)<\/span>\n <button onclick=\"copyToClipboard('202401008552', 'SSM Registration Number')\" class=\"text-slate-400 hover:text-brand-600\" title=\"Salin Nombor\">\n <i class=\"fa-regular fa-copy\"><\/i>\n <\/button>\n <\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Tarikh Pendaftaran<\/dt>\n <dd class=\"font-semibold text-slate-800 text-right\">4 Mac 2024 (3:13 PM)<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Jenis Syarikat<\/dt>\n <dd class=\"font-semibold text-slate-800 text-right\">Berhad Menurut Saham (Syarikat Sendirian)<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Akta Berkenaan<\/dt>\n <dd class=\"font-semibold text-slate-800 text-right\">Akta Syarikat 2016 (Companies Act 2016)<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2\">\n <dt class=\"font-medium text-slate-500\">Status Entiti<\/dt>\n <dd class=\"text-right\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-emerald-100 text-emerald-800\">\n <i class=\"fa-solid fa-circle-check mr-1.5 text-[10px]\"><\/i> UKM Start-Up Registered\n <\/span>\n <\/dd>\n <\/div>\n <\/dl>\n <\/div>\n\n \n <div class=\"lg:col-span-6 bg-gradient-to-br from-amber-500\/10 via-white to-brand-500\/10 rounded-2xl border-2 border-amber-500\/30 p-6 sm:p-8 shadow-sm flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-6 pb-4 border-b border-amber-200\/60\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 rounded-xl bg-amber-500 text-slate-950 font-black flex items-center justify-center text-lg shadow-sm\">\n <i class=\"fa-solid fa-building-columns\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg font-bold text-slate-900\">Official Banking Details<\/h3>\n <p class=\"text-xs text-slate-600\">Malayan Banking Berhad (Maybank) Account<\/p>\n <\/div>\n <\/div>\n <span class=\"text-[11px] font-bold px-2 py-1 bg-amber-500 text-slate-950 rounded uppercase tracking-wider\">\n Corporate Tier\n <\/span>\n <\/div>\n\n <div class=\"space-y-4\">\n <div class=\"p-4 bg-white\/90 rounded-xl border border-amber-200\/80 shadow-inner space-y-1\">\n <span class=\"text-xs font-medium text-slate-500 block uppercase\">Bank Name<\/span>\n <span class=\"text-base font-bold text-slate-900\">MAYBANK (Malayan Banking Berhad)<\/span>\n <\/div>\n\n <div class=\"p-4 bg-white\/90 rounded-xl border border-amber-200\/80 shadow-inner space-y-1\">\n <span class=\"text-xs font-medium text-slate-500 block uppercase\">Account Name<\/span>\n <span class=\"text-base font-bold text-slate-900 tracking-wide\">IDNA IDEAS SDN. BHD.<\/span>\n <\/div>\n\n <div class=\"p-4 bg-white\/90 rounded-xl border border-amber-200\/80 shadow-inner space-y-1\">\n <span class=\"text-xs font-medium text-slate-500 block uppercase\">Type of Account<\/span>\n <span class=\"text-sm font-semibold text-slate-800\">Current Account (ICA SME FIRST)<\/span>\n <\/div>\n\n <div class=\"p-4 bg-amber-50 rounded-xl border-2 border-dashed border-amber-400 flex items-center justify-between\">\n <div>\n <span class=\"text-xs font-bold text-amber-800 uppercase block\">Account Number<\/span>\n <span class=\"text-2xl font-mono font-extrabold text-slate-950 tracking-wider\" id=\"bank-acc-no\">555108381897<\/span>\n <\/div>\n <button \n onclick=\"copyToClipboard('555108381897', 'Maybank Account Number (555108381897)')\" \n class=\"px-4 py-2 bg-amber-500 hover:bg-amber-600 active:scale-95 text-slate-950 font-bold text-xs rounded-lg transition-all shadow-sm flex items-center\"\n >\n <i class=\"fa-regular fa-copy mr-1.5\"><\/i> Copy Number\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-xs text-slate-500 mt-6 text-center italic\">\n * Please submit your payment receipt to <strong>ceo@idna.com.my<\/strong> for invoice reconciliation.\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"reviews\" class=\"scroll-mt-24\">\n <div class=\"bg-slate-50 rounded-3xl border border-slate-200 p-8 sm:p-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-12\">\n <div>\n <div class=\"flex items-center space-x-2 text-amber-500 text-lg mb-2\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <span class=\"text-slate-900 font-bold ml-2 text-base\">5.0 Out of 5 Stars<\/span>\n <\/div>\n <h2 class=\"text-3xl font-display font-extrabold text-slate-900\">What Our Trainees & Partners Say<\/h2>\n <p class=\"text-sm text-slate-600 mt-1\">Real feedback gathered across our university workshops and community technology seminars.<\/p>\n <\/div>\n\n <div>\n <a \n href=\"https:\/\/share.google\/jDCQJkCMC5ldP3sdO\" \n target=\"_blank\" \n rel=\"noopener noreferrer\" \n class=\"inline-flex items-center px-5 py-3 rounded-xl bg-white border border-slate-300 hover:border-slate-400 font-bold text-sm text-slate-800 shadow-sm hover:shadow transition-all group\"\n >\n <img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/images\/branding\/product\/1x\/googleg_48dp.png\" alt=\"Google\" class=\"w-5 h-5 mr-2.5\">\n Read Verified Google Reviews <i class=\"fa-solid fa-arrow-up-right-from-square ml-2 text-xs text-slate-400 group-hover:text-brand-600\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n \n <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm flex flex-col justify-between\">\n <div class=\"space-y-3\">\n <div class=\"flex text-amber-400 text-xs\">\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>\n <\/div>\n <h4 class=\"font-bold text-slate-900 text-base\">Accessible Tech Education<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">\n \u201cUsers consistently highlight how complex topics like AI and drone programming are broken down into easy-to-understand, 2-way interactive sessions suitable even for absolute beginners.\u201d\n <\/p>\n <\/div>\n <div class=\"pt-4 mt-4 border-t border-slate-100 flex items-center space-x-3\">\n <div class=\"w-8 h-8 rounded-full bg-cyan-100 text-cyan-700 flex items-center justify-center font-bold text-xs\">\n AT\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-slate-800 block\">Interactive Trainee<\/span>\n <span class=\"text-[11px] text-slate-400\">Google Review Verified<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm flex flex-col justify-between\">\n <div class=\"space-y-3\">\n <div class=\"flex text-amber-400 text-xs\">\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>\n <\/div>\n <h4 class=\"font-bold text-slate-900 text-base\">Professional & Welcoming Team<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">\n \u201cThe training team is widely described as welcoming, patient, and highly knowledgeable. They guide every participant through hands-on troubleshooting with zero frustration.\u201d\n <\/p>\n <\/div>\n <div class=\"pt-4 mt-4 border-t border-slate-100 flex items-center space-x-3\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-700 flex items-center justify-center font-bold text-xs\">\n PI\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-slate-800 block\">School Educator<\/span>\n <span class=\"text-[11px] text-slate-400\">Google Review Verified<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm flex flex-col justify-between\">\n <div class=\"space-y-3\">\n <div class=\"flex text-amber-400 text-xs\">\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>\n <\/div>\n <h4 class=\"font-bold text-slate-900 text-base\">Mosque & Community Outreach<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">\n \u201cCommended for partnering directly with regional community bodies and local masjids to bring drone and robotics bootcamps to grassroots youths, sparking curiosity early on.\u201d\n <\/p>\n <\/div>\n <div class=\"pt-4 mt-4 border-t border-slate-100 flex items-center space-x-3\">\n <div class=\"w-8 h-8 rounded-full bg-emerald-100 text-emerald-700 flex items-center justify-center font-bold text-xs\">\n CC\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-slate-800 block\">Community Partner<\/span>\n <span class=\"text-[11px] text-slate-400\">Google Review Verified<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"locations\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-12\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Our Facilities\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Campus Headquarters & Regional Academy\n <\/h2>\n <p class=\"text-base text-slate-600 mt-3\">\n Centrally located at the heart of Malaysia\u2019s premier national research university with dedicated training classrooms.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-lg transition-shadow\">\n <div class=\"bg-brand-900 p-6 text-white flex items-center justify-between\">\n <div>\n <span class=\"text-xs font-bold text-cyan-400 uppercase tracking-wider\">Global Headquarters<\/span>\n <h3 class=\"text-xl font-bold font-display mt-1\">Technohub 2, UKM Bangi<\/h3>\n <\/div>\n <div class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center text-cyan-400\">\n <i class=\"fa-solid fa-landmark\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"p-6 space-y-4\">\n <div class=\"flex items-start space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-map-location-dot text-brand-600 mt-1 flex-shrink-0 text-base\"><\/i>\n <span>\n Technohub 2, Ground Floor, Akademia Siber Teknopolis, Universiti Kebangsaan Malaysia, 43600 UKM Bangi, Selangor, Malaysia.\n <\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-user-tie text-brand-600 flex-shrink-0\"><\/i>\n <span>Managing Director: <strong>Nazrul Anuar bin Nayan<\/strong><\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-phone text-brand-600 flex-shrink-0\"><\/i>\n <span>+6010 552 1174<\/span>\n <\/div>\n\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Main R&D, IoT Labs & Consultation<\/span>\n <button onclick=\"copyToClipboard('Technohub 2, Ground Floor, Akademia Siber Teknopolis, Universiti Kebangsaan Malaysia, 43600 UKM Bangi, Selangor, Malaysia', 'HQ Address')\" class=\"text-xs text-brand-600 font-bold hover:underline\">\n Copy Full Address\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-lg transition-shadow\">\n <div class=\"bg-slate-900 p-6 text-white flex items-center justify-between\">\n <div>\n <span class=\"text-xs font-bold text-amber-400 uppercase tracking-wider\">Regional Training Branch<\/span>\n <h3 class=\"text-xl font-bold font-display mt-1\">IDNA Academy, Mantin<\/h3>\n <\/div>\n <div class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center text-amber-400\">\n <i class=\"fa-solid fa-school\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"p-6 space-y-4\">\n <div class=\"flex items-start space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-map-location-dot text-amber-600 mt-1 flex-shrink-0 text-base\"><\/i>\n <span>\n IDNA Academy Branch, Mantin, Negeri Sembilan, Malaysia.\n <\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-chalkboard-user text-amber-600 flex-shrink-0\"><\/i>\n <span>Youth Robotics, Drone Flying & Coding Bootcamps<\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-calendar-check text-amber-600 flex-shrink-0\"><\/i>\n <span>Weekend & Holiday Modular Sessions<\/span>\n <\/div>\n\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Negeri Sembilan Student Hub<\/span>\n <a href=\"https:\/\/wa.me\/60105521174?text=Hi%20IDNA%20Ideas,%20I%20would%20like%20to%20inquire%20about%20IDNA%20Academy%20Mantin\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-xs text-amber-600 font-bold hover:underline\">\n Inquire via WhatsApp →\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gradient-to-r from-brand-600 via-sky-600 to-cyan-600 rounded-3xl p-8 sm:p-12 text-white shadow-xl\">\n <div class=\"max-w-4xl mx-auto text-center space-y-6\">\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold\">\n Ready to Revolutionize Tech Education in Your Institution?\n <\/h2>\n <p class=\"text-brand-100 text-sm sm:text-base leading-relaxed max-w-2xl mx-auto\">\n Whether you represent a school board, a university engineering department, a corporate CSR initiative, or a community organization\u2014let’s collaborate to equip tomorrow\u2019s pioneers today.\n <\/p>\n <div class=\"flex flex-wrap items-center justify-center gap-4 pt-2\">\n <a href=\"https:\/\/wa.me\/60105521174?text=Hello%20IDNA%20Ideas,%20we%20are%20interested%20in%20collaborating%20with%20your%20team\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-white text-slate-900 hover:bg-slate-100 shadow-lg transition-transform transform hover:-translate-y-0.5\">\n <i class=\"fa-brands fa-whatsapp text-emerald-600 mr-2 text-base\"><\/i> WhatsApp Our Director\n <\/a>\n <a href=\"mailto:ceo@idna.com.my?subject=Partnership%20Inquiry%20-%20IDNA%20Ideas\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-brand-900\/40 hover:bg-brand-900\/60 text-white border border-white\/20 transition-all\">\n <i class=\"fa-solid fa-envelope mr-2\"><\/i> Send Official Inquiry\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"bg-slate-950 text-slate-400 text-sm border-t border-slate-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10\">\n \n \n <div class=\"space-y-4\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 rounded-xl bg-brand-600 flex items-center justify-center text-white font-display font-bold text-lg\">\n ID\n <\/div>\n <div>\n <span class=\"text-white font-display font-bold text-lg\">IDNA IDEAS<\/span>\n <p class=\"text-xs text-slate-400\">UKM EdTech Start-Up<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-400 leading-relaxed\">\n Registered with Companies Commission of Malaysia (SSM No: 202401008552 \/ 1554402-U). Specializing in AI, IoT, Robotics, Drone programming, and teacher upskilling.\n <\/p>\n <div class=\"pt-2\">\n <span class=\"inline-flex items-center text-xs px-2.5 py-1 rounded bg-slate-900 border border-slate-800 text-slate-300\">\n <i class=\"fa-solid fa-award mr-1.5 text-amber-400\"><\/i> SME Corp i-SEE Recipient\n <\/span>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm uppercase tracking-wider mb-4\">Quick Navigation<\/h4>\n <ul class=\"space-y-2.5 text-xs\">\n <li><a href=\"#about\" class=\"hover:text-white transition-colors\">About the Company<\/a><\/li>\n <li><a href=\"#modules\" class=\"hover:text-white transition-colors\">Core Modules & Technologies<\/a><\/li>\n <li><a href=\"#partnerships\" class=\"hover:text-white transition-colors\">Strategic MoUs & Alliances<\/a><\/li>\n <li><a href=\"#milestones\" class=\"hover:text-white transition-colors\">Our Track Record & History<\/a><\/li>\n <li><a href=\"#statutory\" class=\"hover:text-white transition-colors\">SSM & Company Registration<\/a><\/li>\n <li><a href=\"#statutory\" class=\"hover:text-white transition-colors\">Maybank Account Details<\/a><\/li>\n <li><a href=\"#reviews\" class=\"hover:text-white transition-colors\">Google Reviews (5.0 Stars)<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm uppercase tracking-wider mb-4\">Direct Contact<\/h4>\n <ul class=\"space-y-3 text-xs\">\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-user text-cyan-400 w-4\"><\/i>\n <span class=\"text-slate-300\">Nazrul Anuar bin Nayan (Director)<\/span>\n <\/li>\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-phone text-cyan-400 w-4\"><\/i>\n <a href=\"tel:+60105521174\" class=\"hover:text-white\">+6010 552 1174<\/a>\n <\/li>\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-envelope text-cyan-400 w-4\"><\/i>\n <a href=\"mailto:ceo@idna.com.my\" class=\"hover:text-white\">ceo@idna.com.my<\/a>\n <\/li>\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-globe text-cyan-400 w-4\"><\/i>\n <a href=\"https:\/\/idna.com.my\" class=\"hover:text-white\">idna.com.my<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm uppercase tracking-wider mb-4\">Headquarters<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">\n Technohub 2, Ground Floor,<br>\n Akademia Siber Teknopolis,<br>\n Universiti Kebangsaan Malaysia (UKM),<br>\n 43600 UKM Bangi, Selangor, Malaysia.\n <\/p>\n <div class=\"mt-4 pt-3 border-t border-slate-800 text-xs\">\n <span class=\"text-slate-500 block\">Branch:<\/span>\n <span class=\"text-slate-300 font-medium\">IDNA Academy, Mantin, Negeri Sembilan<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-12 pt-8 border-t border-slate-800 flex flex-col sm:flex-row items-center justify-between text-xs text-slate-500 gap-4\">\n <p>© <span id=\"current-year\"><\/span> IDNA Ideas Sdn. Bhd. (202401008552 \/ 1554402-U). All rights reserved.<\/p>\n <p class=\"flex items-center gap-1\">\n Telah diperbadankan di bawah Akta Syarikat 2016. Berhad Menurut Saham.\n <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Set dynamic current year in footer\n document.getElementById('current-year').textContent = new Date().getFullYear();\n\n \/\/ Mobile Menu Toggle Logic\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const menuIcon = document.getElementById('menu-icon');\n\n mobileMenuBtn.addEventListener('click', () => {\n const isExpanded = !mobileMenu.classList.contains('hidden');\n if (isExpanded) {\n mobileMenu.classList.add('hidden');\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n } else {\n mobileMenu.classList.remove('hidden');\n menuIcon.classList.remove('fa-bars');\n menuIcon.classList.add('fa-xmark');\n }\n });\n\n \/\/ Close mobile menu on clicking any navigation link\n const mobileLinks = document.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n });\n });\n\n \/\/ Toast Notification System\n let toastTimeout;\n function showToast(message, isSuccess = true) {\n const toast = document.getElementById('toast');\n const toastMsg = document.getElementById('toast-message');\n const toastIcon = document.getElementById('toast-icon');\n\n toastMsg.textContent = message;\n if (isSuccess) {\n toastIcon.innerHTML = '<i class=\"fa-solid fa-circle-check text-emerald-400\"><\/i>';\n } else {\n toastIcon.innerHTML = '<i class=\"fa-solid fa-triangle-exclamation text-amber-400\"><\/i>';\n }\n\n \/\/ Show toast\n toast.classList.remove('translate-y-24', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n\n clearTimeout(toastTimeout);\n toastTimeout = setTimeout(() => {\n toast.classList.remove('translate-y-0', 'opacity-100');\n toast.classList.add('translate-y-24', 'opacity-0');\n }, 3500);\n }\n\n \/\/ Reliable Cross-Browser & iFrame Copy to Clipboard\n function copyToClipboard(textToCopy, label = 'Copied') {\n try {\n const textarea = document.createElement('textarea');\n textarea.value = textToCopy;\n textarea.style.position = 'fixed';\n textarea.style.opacity = '0';\n document.body.appendChild(textarea);\n textarea.focus();\n textarea.select();\n \n const successful = document.execCommand('copy');\n document.body.removeChild(textarea);\n\n if (successful) {\n showToast(`Copied ${label} to clipboard!`);\n } else {\n showToast(`Please manually copy: ${textToCopy}`, false);\n }\n } catch (err) {\n showToast(`Copy failed. Please write down: ${textToCopy}`, false);\n }\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us | IDNA Ideas Sdn. Bhd. – UKM EdTech Start-Up Text copied to clipboard SSM Registered Official Universiti Kebangsaan Malaysia (UKM) EdTech Start-Up • Recipient of SME Corp RM200k i-SEE Grant View Credentials → ID IDNA IDEAS UKM EdTech & Engineering Start-Up About Us Core Modules Strategic MoUs Journey Company & Bank Info Reviews (5.0\u2605) Locations +6010 552 1174 … <\/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-10240","page","type-page","status-publish","hentry","latest_post"],"_links":{"self":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages\/10240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/comments?post=10240"}],"version-history":[{"count":3,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages\/10240\/revisions"}],"predecessor-version":[{"id":10243,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages\/10240\/revisions\/10243"}],"wp:attachment":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/media?parent=10240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n About Us | IDNA Ideas Sdn. Bhd. – UKM EdTech Start-Up<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n display: ['\"Space Grotesk\"', 'sans-serif'],\n },\n colors: {\n brand: {\n 50: '#f0f7ff',\n 100: '#e0effe',\n 500: '#0284c7',\n 600: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n ukm: '#8b0000', \/\/ UKM Crimson reference\n navy: '#0b132b',\n accent: '#06b6d4',\n gold: '#f59e0b'\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n \/* Custom subtle grid background *\/\n .bg-grid-pattern {\n background-size: 36px 36px;\n background-image: \n linear-gradient(to right, rgba(2, 132, 199, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(2, 132, 199, 0.05) 1px, transparent 1px);\n }\n \n .glow-effect {\n box-shadow: 0 0 45px -10px rgba(6, 182, 212, 0.3);\n }\n\n \/* Glassmorphism *\/\n .glass-panel {\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n }\n\n \/* Pulse beacon *\/\n @keyframes subtle-pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.85; transform: scale(1.03); }\n }\n .animate-subtle {\n animation: subtle-pulse 3s infinite ease-in-out;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased selection:bg-brand-500 selection:text-white\">\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 z-50 transform translate-y-24 opacity-0 transition-all duration-300 ease-out bg-slate-900 text-white px-5 py-3.5 rounded-xl shadow-2xl flex items-center space-x-3 border border-slate-700 pointer-events-none\">\n <div id=\"toast-icon\" class=\"text-emerald-400 text-lg\">\n <i class=\"fa-solid fa-circle-check\"><\/i>\n <\/div>\n <span id=\"toast-message\" class=\"text-sm font-medium\">Text copied to clipboard<\/span>\n <\/div>\n\n \n <div class=\"bg-gradient-to-r from-brand-900 via-brand-800 to-slate-900 text-white text-xs sm:text-sm py-2 px-4 text-center border-b border-brand-800\">\n <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-center gap-2\">\n <span class=\"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-semibold bg-emerald-500\/20 text-emerald-300 border border-emerald-500\/30\">\n <i class=\"fa-solid fa-shield-halved mr-1.5 text-[10px]\"><\/i> SSM Registered\n <\/span>\n <span>Official Universiti Kebangsaan Malaysia (UKM) EdTech Start-Up • Recipient of SME Corp RM200k i-SEE Grant<\/span>\n <a href=\"#statutory\" class=\"underline text-brand-100 hover:text-white font-medium ml-1\">View Credentials →<\/a>\n <\/div>\n <\/div>\n\n \n <nav class=\"sticky top-0 z-40 bg-white\/90 backdrop-blur-md border-b border-slate-200\/80 transition-all duration-200\" id=\"main-nav\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-20\">\n \n \n <a href=\"#\" class=\"flex items-center space-x-3 group\">\n <div class=\"w-11 h-11 rounded-xl bg-gradient-to-br from-brand-600 to-cyan-500 flex items-center justify-center text-white font-display font-extrabold text-xl shadow-md group-hover:scale-105 transition-transform\">\n ID\n <\/div>\n <div>\n <div class=\"flex items-center space-x-1.5\">\n <span class=\"font-display font-bold text-xl tracking-tight text-slate-900\">IDNA IDEAS<\/span>\n <span class=\"text-xs px-1.5 py-0.5 bg-brand-100 text-brand-800 font-bold rounded\">UKM<\/span>\n <\/div>\n <p class=\"text-[11px] text-slate-500 font-medium tracking-wide\">EdTech & Engineering Start-Up<\/p>\n <\/div>\n <\/a>\n\n \n <div class=\"hidden lg:flex items-center space-x-6 text-sm font-semibold text-slate-600\">\n <a href=\"#about\" class=\"hover:text-brand-600 transition-colors\">About Us<\/a>\n <a href=\"#modules\" class=\"hover:text-brand-600 transition-colors\">Core Modules<\/a>\n <a href=\"#partnerships\" class=\"hover:text-brand-600 transition-colors\">Strategic MoUs<\/a>\n <a href=\"#milestones\" class=\"hover:text-brand-600 transition-colors\">Journey<\/a>\n <a href=\"#statutory\" class=\"hover:text-brand-600 transition-colors\">Company & Bank Info<\/a>\n <a href=\"#reviews\" class=\"hover:text-brand-600 transition-colors\">Reviews (5.0\u2605)<\/a>\n <a href=\"#locations\" class=\"hover:text-brand-600 transition-colors\">Locations<\/a>\n <\/div>\n\n \n <div class=\"hidden sm:flex items-center space-x-3\">\n <a href=\"tel:+60105521174\" class=\"inline-flex items-center text-sm font-semibold text-slate-600 hover:text-brand-600 px-3 py-2 rounded-lg\">\n <i class=\"fa-solid fa-phone mr-2 text-brand-500\"><\/i> +6010 552 1174\n <\/a>\n <a href=\"mailto:ceo@idna.com.my\" class=\"inline-flex items-center justify-center px-4 py-2.5 rounded-xl font-semibold text-sm text-white bg-gradient-to-r from-brand-600 to-cyan-600 hover:from-brand-700 hover:to-cyan-700 shadow-md shadow-brand-500\/20 hover:shadow-lg transition-all transform hover:-translate-y-0.5\">\n <i class=\"fa-solid fa-paper-plane mr-2\"><\/i> Contact CEO\n <\/a>\n <\/div>\n\n \n <div class=\"flex lg:hidden\">\n <button type=\"button\" id=\"mobile-menu-btn\" class=\"text-slate-600 hover:text-slate-900 p-2 rounded-lg focus:outline-none\" aria-label=\"Toggle menu\">\n <i class=\"fa-solid fa-bars text-xl\" id=\"menu-icon\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden lg:hidden border-t border-slate-200 bg-white px-4 pt-3 pb-6 space-y-3\">\n <a href=\"#about\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">About Us<\/a>\n <a href=\"#modules\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Core Modules<\/a>\n <a href=\"#partnerships\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Strategic MoUs<\/a>\n <a href=\"#milestones\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Journey & Milestones<\/a>\n <a href=\"#statutory\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Company & Bank Info<\/a>\n <a href=\"#reviews\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Google Reviews<\/a>\n <a href=\"#locations\" class=\"mobile-nav-link block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-100\">Locations<\/a>\n <div class=\"pt-3 border-t border-slate-100 flex flex-col gap-2\">\n <a href=\"tel:+60105521174\" class=\"flex items-center justify-center px-4 py-2.5 rounded-lg border border-slate-300 font-semibold text-slate-700\">\n <i class=\"fa-solid fa-phone mr-2 text-brand-600\"><\/i> Call +6010 552 1174\n <\/a>\n <a href=\"mailto:ceo@idna.com.my\" class=\"flex items-center justify-center px-4 py-2.5 rounded-lg bg-brand-600 text-white font-semibold shadow-md\">\n <i class=\"fa-solid fa-envelope mr-2\"><\/i> Email ceo@idna.com.my\n <\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"relative overflow-hidden bg-slate-900 text-white py-20 lg:py-28 bg-grid-pattern\">\n \n <div class=\"absolute -top-32 -left-32 w-96 h-96 bg-brand-500\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n <div class=\"absolute top-1\/2 -right-32 w-96 h-96 bg-cyan-500\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n \n \n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\n \n \n <div class=\"inline-flex flex-wrap items-center justify-center lg:justify-start gap-2\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-brand-500\/10 text-cyan-300 border border-cyan-400\/30 backdrop-blur-sm\">\n <i class=\"fa-solid fa-graduation-cap mr-1.5 text-xs text-cyan-400\"><\/i> Universiti Kebangsaan Malaysia Start-Up\n <\/span>\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-amber-500\/10 text-amber-300 border border-amber-400\/30\">\n <i class=\"fa-solid fa-award mr-1.5 text-amber-400\"><\/i> RM200k i-SEE Grantee\n <\/span>\n <\/div>\n\n \n <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-display font-extrabold tracking-tight leading-tight\">\n Pioneering Future Tech, <br class=\"hidden sm:inline\" \/>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-sky-300 to-indigo-300\">\n AI, IoT & Robotics\n <\/span> Education.\n <\/h1>\n\n \n <p class=\"text-base sm:text-lg text-slate-300 font-normal leading-relaxed max-w-2xl mx-auto lg:mx-0\">\n <strong>IDNA Ideas Sdn. Bhd.<\/strong> is an officially incorporated UKM start-up specializing in cutting-edge Technology Training, Engineering Education, and Consultation Services. We bridge abstract theory and practical innovation using our iPad-powered wireless classrooms.\n <\/p>\n\n \n <div class=\"flex flex-wrap items-center justify-center lg:justify-start gap-4 pt-2\">\n <a href=\"#modules\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-cyan-500 hover:bg-cyan-400 text-slate-950 shadow-lg shadow-cyan-500\/25 transition-all transform hover:-translate-y-0.5 flex items-center\">\n Explore Our Training Modules <i class=\"fa-solid fa-arrow-right ml-2 text-xs\"><\/i>\n <\/a>\n <a href=\"#statutory\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-slate-800\/80 hover:bg-slate-700 text-white border border-slate-700 backdrop-blur-sm transition-all flex items-center\">\n <i class=\"fa-solid fa-file-contract mr-2 text-brand-400\"><\/i> Corporate Verification\n <\/a>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-4 pt-8 border-t border-slate-800\/80\">\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-cyan-400\">1,000+<\/div>\n <div class=\"text-xs text-slate-400 font-medium\">Students & Teachers<\/div>\n <\/div>\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-amber-400 flex items-center justify-center lg:justify-start gap-1\">\n 5.0 <i class=\"fa-solid fa-star text-xs\"><\/i>\n <\/div>\n <div class=\"text-xs text-slate-400 font-medium\">Google Reviews<\/div>\n <\/div>\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-emerald-400\">RM200k<\/div>\n <div class=\"text-xs text-slate-400 font-medium\">SME Corp Grant<\/div>\n <\/div>\n <div class=\"p-3 rounded-lg bg-slate-800\/40 border border-slate-800 text-center lg:text-left\">\n <div class=\"text-2xl font-display font-extrabold text-sky-400\">6+<\/div>\n <div class=\"text-xs text-slate-400 font-medium\">Years of Excellence<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-5 relative\">\n <div class=\"relative rounded-2xl p-1 bg-gradient-to-b from-cyan-500\/30 via-brand-500\/20 to-transparent shadow-2xl\">\n <div class=\"bg-slate-900\/90 rounded-2xl p-6 sm:p-8 backdrop-blur-xl border border-slate-700\/60 space-y-6\">\n \n \n <div class=\"flex items-center justify-between pb-4 border-b border-slate-800\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"w-3 h-3 rounded-full bg-emerald-500 animate-ping\"><\/span>\n <span class=\"text-xs uppercase font-bold tracking-wider text-emerald-400\">Active UKM Start-Up Entity<\/span>\n <\/div>\n <span class=\"text-xs text-slate-400 font-mono\">EST. 2018<\/span>\n <\/div>\n\n \n <div class=\"space-y-3 bg-slate-800\/60 p-4 rounded-xl border border-slate-700\/80\">\n <div class=\"flex items-start space-x-3\">\n <div class=\"w-10 h-10 rounded-lg bg-brand-600\/30 flex items-center justify-center text-brand-400 text-lg flex-shrink-0\">\n <i class=\"fa-solid fa-book-bookmark\"><\/i>\n <\/div>\n <div>\n <span class=\"text-[11px] font-bold uppercase tracking-wider text-cyan-400\">Authored Publication<\/span>\n <h4 class=\"text-sm font-bold text-white leading-snug\">\u201cComputational Thinking in Project-Oriented Problem-Based Learning for Engineering Design\u201d<\/h4>\n <p class=\"text-xs text-slate-400 mt-1\">Published by <strong>UKM Press<\/strong> \u2014 our core instructional blueprint for hands-on technical education.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"space-y-2.5\">\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <i class=\"fa-solid fa-tablet-screen-button text-cyan-400 text-base w-5 text-center\"><\/i>\n <span><strong>Wireless Coding:<\/strong> iPads replace bulky laptops for seamless learning<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <i class=\"fa-solid fa-microchip text-indigo-400 text-base w-5 text-center\"><\/i>\n <span><strong>Edge AI & IoT:<\/strong> Halocode, Arduino, and Teachable Machine<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <i class=\"fa-solid fa-helicopter text-amber-400 text-base w-5 text-center\"><\/i>\n <span><strong>Autonomous Flight:<\/strong> Python & Block programming with Tello Edu<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"pt-4 border-t border-slate-800 flex items-center justify-between text-xs text-slate-400\">\n <div>\n <span class=\"text-white font-semibold\">Nazrul Anuar bin Nayan<\/span>\n <p class=\"text-[11px] text-slate-500\">Managing Director & CEO<\/p>\n <\/div>\n <a href=\"#director\" class=\"text-cyan-400 hover:text-cyan-300 font-semibold inline-flex items-center\">\n Profile <i class=\"fa-solid fa-chevron-right ml-1 text-[10px]\"><\/i>\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 space-y-24\">\n\n \n <section id=\"about\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Who We Are\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Democratizing Advanced Technology Education\n <\/h2>\n <p class=\"text-base text-slate-600 mt-4 leading-relaxed\">\n <strong>IDNA Ideas Sdn. Bhd.<\/strong> is an official UKM start-up registered with the Companies Commission of Malaysia (SSM: 202401008552 \/ 1554402-U). Our mission is to equip the next generation with hands-on skills in AI, IoT, Robotics, and Drones through innovative, future-ready programs with Computational Thinking at the core.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-cyan-100 text-cyan-700 flex items-center justify-center text-2xl mb-6 group-hover:bg-cyan-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-laptop-code\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Hands-on Technology Training<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Curriculums engineered specifically so students with zero prior programming knowledge can design, code, and operate intelligent machines from day one.\n <\/p>\n <ul class=\"text-xs font-semibold text-slate-500 space-y-2\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Scratch \/ mBlock Logic<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Real-time Robot Telemetry<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Zero-barrier iPad Deployments<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-brand-100 text-brand-700 flex items-center justify-center text-2xl mb-6 group-hover:bg-brand-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-lightbulb\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Engineering Consultation<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Advising educational institutions, government bodies, and international forums on creating scalable STEM curricula tailored to regional development needs.\n <\/p>\n <ul class=\"text-xs font-semibold text-slate-500 space-y-2\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Project-Oriented PBL Modules<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Trainer of Trainers (ToT) Workshops<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> SME Corp i-SEE Research Integration<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-8 border border-slate-200 shadow-sm hover:shadow-xl transition-all duration-300 group hover:-translate-y-1\">\n <div class=\"w-14 h-14 rounded-2xl bg-amber-100 text-amber-700 flex items-center justify-center text-2xl mb-6 group-hover:bg-amber-600 group-hover:text-white transition-colors\">\n <i class=\"fa-solid fa-users-gear\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Community & Grassroots Reach<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Bridging urban and rural disparities by conducting technology camps with community centers, regional masjids, and rural schools across Southeast Asia.\n <\/p>\n <ul class=\"text-xs font-semibold text-slate-500 space-y-2\">\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Mosque Tech Bootcamps<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Rural Sarawak Outreach Initiatives<\/li>\n <li class=\"flex items-center\"><i class=\"fa-solid fa-check text-emerald-500 mr-2\"><\/i> Cross-border Youth Camps (Indonesia)<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"modules\" class=\"scroll-mt-24\">\n <div class=\"bg-gradient-to-br from-slate-900 via-brand-900 to-slate-950 rounded-3xl p-8 sm:p-12 text-white shadow-2xl relative overflow-hidden\">\n \n <div class=\"relative z-10\">\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-12\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-wider text-cyan-400\">Proprietary Training Architecture<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-bold mt-2\">Core Technology Modules<\/h2>\n <p class=\"text-slate-300 text-sm mt-2 max-w-xl\">Every program integrates Computational Thinking with practical hardware manipulation.<\/p>\n <\/div>\n <div class=\"mt-4 md:mt-0 flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs font-medium rounded-lg border border-slate-700 text-slate-300 flex items-center\">\n <i class=\"fa-brands fa-apple mr-1.5 text-cyan-400\"><\/i> iPad-Enabled\n <\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs font-medium rounded-lg border border-slate-700 text-slate-300 flex items-center\">\n <i class=\"fa-solid fa-certificate mr-1.5 text-amber-400\"><\/i> UKM Endorsed\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-cyan-500\/20 text-cyan-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-robot\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Robotics & Block Programming<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Interactive coding utilizing <strong>mBlock<\/strong> and <strong>mBot robots<\/strong>. Teaches mechanical assembly, ultrasonic obstacle avoidance, and PID line-tracking algorithms.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">mBlock<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">mBot<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Sensors<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-indigo-500\/20 text-indigo-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-network-wired\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Microcontrollers & IoT<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Hands-on electronic prototyping using <strong>Halocode microcontrollers<\/strong> and <strong>Arduino<\/strong>. Connects sensor networks to the cloud with real-time telemetry dashboards.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Halocode<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Arduino<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">MQTT \/ IoT<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-purple-500\/20 text-purple-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-brain\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Embedded AI & Vision<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Integrating <strong>Google Teachable Machine<\/strong> with edge devices. Participants train visual classification models to detect gestures and automate robotic behaviors.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Teachable Machine<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Computer Vision<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Neural Models<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-amber-500\/20 text-amber-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-helicopter\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Drone Programming & Avionics<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Autonomous aerial maneuvers utilizing <strong>Tello Edu programmable drones<\/strong>. Covers 3D spatial coordinates, waypoints, mission pads, and formation flight logic.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Tello Edu<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Autonomous Waypoints<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Swarm Flight<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-emerald-500\/20 text-emerald-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-solar-panel\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">Green Tech & Solar Energy<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n Educational solar kits exploring photovoltaic power conversion, clean battery storage, efficiency calculations, and smart environmental sustainability systems.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Solar Kits<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Photovoltaics<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Renewable Energy<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-slate-800\/80 rounded-2xl p-6 border border-slate-700 hover:border-cyan-500\/50 transition-all duration-300 hover:bg-slate-800\">\n <div class=\"w-12 h-12 rounded-xl bg-rose-500\/20 text-rose-400 flex items-center justify-center text-xl mb-4\">\n <i class=\"fa-solid fa-award\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold text-white mb-2\">SME Corp i-SEE Research<\/h3>\n <p class=\"text-xs text-slate-300 leading-relaxed mb-4\">\n In 2024, we secured an i-SEE grant from SME Corp (RM200,000) to develop AI-embedded IoT, Robotics, and Drones, advancing wireless tech education with iPads.\n <\/p>\n <div class=\"flex flex-wrap gap-1.5\">\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">RM200,000 Grant<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">R&D Prototypes<\/span>\n <span class=\"text-[11px] font-mono px-2 py-0.5 rounded bg-slate-900 text-slate-300\">Commercialization<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"partnerships\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-14\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Global & Regional Alliances\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Strategic Memorandums of Understanding (MoUs)\n <\/h2>\n <p class=\"text-base text-slate-600 mt-3 leading-relaxed\">\n Expanding educational horizons and technology exchange through cross-border collaboration and institutional sponsorship.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n \n <div class=\"bg-white rounded-2xl border border-slate-200 p-8 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between group hover:-translate-y-1\">\n <div>\n <div class=\"flex items-center justify-between mb-5\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-rose-50 text-rose-700 border border-rose-200\">\n <i class=\"fa-solid fa-handshake mr-1.5\"><\/i> International MoU\n <\/span>\n <span class=\"text-xs font-mono font-semibold text-slate-400\">Japan<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-2 group-hover:text-brand-600 transition-colors\">\n ZipCare Corp, Japan\n <\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n We are proud to announce the signing of a Memorandum of Understanding (MoU) between IDNA Ideas Sdn. Bhd. and ZipCare Corp, Japan. We were honored to have their President, <strong>Mr. Hiroaki Kuwabara<\/strong>, join us for this special occasion as we collaborate on future-ready healthcare and technology solutions.\n <\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Partner Organization<\/span>\n <a href=\"https:\/\/zipcare.co.jp\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center text-xs font-bold text-brand-600 hover:text-brand-700 group-hover:underline\">\n zipcare.co.jp <i class=\"fa-solid fa-arrow-up-right-from-square ml-1.5 text-[10px]\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 p-8 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between group hover:-translate-y-1\">\n <div>\n <div class=\"flex items-center justify-between mb-5\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-emerald-50 text-emerald-700 border border-emerald-200\">\n <i class=\"fa-solid fa-file-signature mr-1.5\"><\/i> Bilateral MoU\n <\/span>\n <span class=\"text-xs font-mono font-semibold text-slate-400\">Indonesia<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-2 group-hover:text-brand-600 transition-colors\">\n Al-Sudais Indonesia Foundation\n <\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Official MoU established with <strong>Al-Sudais Indonesia Foundation<\/strong> (supporting the prestigious <strong>Al Wafi International Islamic Boarding School<\/strong> in West Java). Accelerating Computational Thinking, drone automation, and IoT training modules for regional international educators and students.\n <\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Cross-Border Education<\/span>\n <span class=\"text-xs font-bold text-emerald-600\">Al Wafi Boarding School<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 p-8 shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col justify-between group hover:-translate-y-1\">\n <div>\n <div class=\"flex items-center justify-between mb-5\">\n <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-bold bg-amber-50 text-amber-800 border border-amber-200\">\n <i class=\"fa-solid fa-landmark-flag mr-1.5\"><\/i> State Sponsorship\n <\/span>\n <span class=\"text-xs font-mono font-semibold text-slate-400\">2024<\/span>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-2 group-hover:text-brand-600 transition-colors\">\n Yayasan Negeri Sembilan\n <\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-4\">\n Funded by <strong>Yayasan Negeri Sembilan<\/strong> in 2024 to execute the flagship <strong>Future Technology Exploration Program<\/strong> hosted at <strong>Dewan Majlis Bandaraya Seremban (MBS)<\/strong>, providing immersive AI, robotics, and drone coding workshops for local youth.\n <\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Event Venue<\/span>\n <span class=\"text-xs font-bold text-amber-700\">Dewan MBS Seremban<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"milestones\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Our Track Record\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Our Journey & International Achievements\n <\/h2>\n <p class=\"text-base text-slate-600 mt-4\">\n From grassroots robotic workshops in rural Borneo to international training symposiums across Europe, Japan, and the Middle East.\n <\/p>\n <\/div>\n\n <div class=\"relative border-l-2 border-slate-200 ml-4 md:ml-32 space-y-12\">\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-white border-4 border-brand-600 flex items-center justify-center text-brand-600 shadow-md\">\n <div class=\"w-2 h-2 rounded-full bg-brand-600\"><\/div>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-brand-600 uppercase tracking-wider\">\n 2018\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n <h3 class=\"text-lg font-bold text-slate-900\">Genesis as Idna Training & Consulting<\/h3>\n <p class=\"text-sm text-slate-600 mt-2\">\n Established with the core vision of introducing project-oriented problem-based learning (PoPBL) and Computational Thinking into STEM education across schools and universities.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-white border-4 border-cyan-500 flex items-center justify-center text-cyan-600 shadow-md\">\n <div class=\"w-2 h-2 rounded-full bg-cyan-500\"><\/div>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-cyan-600 uppercase tracking-wider\">\n 2019\u20132023\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n <div class=\"flex items-center gap-2 mb-1\">\n <span class=\"text-xs px-2 py-0.5 rounded bg-cyan-100 text-cyan-800 font-bold\">Sebuyau, Sarawak<\/span>\n <span class=\"text-xs text-slate-400\">Multi-year Outreach<\/span>\n <\/div>\n <h3 class=\"text-lg font-bold text-slate-900\">Robotic Block Programming in Rural Sarawak<\/h3>\n <p class=\"text-sm text-slate-600 mt-2\">\n Successfully conducted continuous training cohorts benefiting <strong>200+ students and 55 school teachers<\/strong> in Sebuyau (2019, 2022, 2023), demonstrating that geographical distance is no barrier to high-tech coding literacy.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-brand-600 border-4 border-brand-200 flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa-solid fa-star text-[10px]\"><\/i>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-emerald-600 uppercase tracking-wider\">\n Mar 2024\n <\/div>\n <div class=\"bg-gradient-to-r from-brand-50 to-cyan-50 p-6 rounded-2xl border border-brand-200 shadow-sm\">\n <div class=\"flex items-center gap-2 mb-1\">\n <span class=\"text-xs px-2.5 py-0.5 rounded-full bg-brand-600 text-white font-bold\">SSM Incorporation<\/span>\n <span class=\"text-xs px-2.5 py-0.5 rounded-full bg-amber-500 text-white font-bold\">RM200k i-SEE Grant<\/span>\n <\/div>\n <h3 class=\"text-lg font-bold text-slate-900\">IDNA Ideas Sdn. Bhd. Formal Incorporation & Grant Award<\/h3>\n <p class=\"text-sm text-slate-700 mt-2\">\n Officially incorporated on <strong>4 Mac 2024 (3:13 PM)<\/strong> under the Companies Act 2016 (Registration: <strong>202401008552 \/ 1554402-U<\/strong>) as an approved UKM start-up. Concurrently secured the competitive <strong>RM200,000 i-SEE Grant from SME Corp<\/strong> to develop AI-embedded robotics and wireless iPad education modules.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative pl-8 group\">\n <div class=\"absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-white border-4 border-indigo-500 flex items-center justify-center text-indigo-500 shadow-md\">\n <div class=\"w-2 h-2 rounded-full bg-indigo-500\"><\/div>\n <\/div>\n <div class=\"md:absolute md:-left-28 md:top-2 text-sm font-bold font-display text-indigo-600 uppercase tracking-wider\">\n 2024\u20132026\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition-shadow\">\n <h3 class=\"text-lg font-bold text-slate-900\">Regional Footprint & Global Presence<\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\n <div class=\"p-3 bg-amber-50\/70 rounded-xl border border-amber-200\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-landmark text-amber-600 mr-2\"><\/i> Dewan MBS, Seremban (2024)\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n <strong>Future Technology Exploration Program<\/strong> funded by <strong>Yayasan Negeri Sembilan<\/strong> held at Dewan Majlis Bandaraya Seremban.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-school text-brand-600 mr-2\"><\/i> Melaka & Negeri Sembilan\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Future Tech programs reaching <strong>430 students and 130 teachers<\/strong> across primary and secondary schools in 2024.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-globe text-cyan-600 mr-2\"><\/i> West Java, Indonesia\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Future Tech Camp for <strong>100 students and 10 lecturers<\/strong> at Al Wafi International Islamic Boarding School under the Al-Sudais Indonesia Foundation MoU.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-plane text-indigo-600 mr-2\"><\/i> Global Delegations & Corporate\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Invited speaker and instructor for <strong>SEAMEO Voctech (Brunei)<\/strong> and MITC-led programs in <strong>Vienna, Amsterdam, Dubai, and Kuala Lumpur<\/strong>.\n <\/p>\n <\/div>\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-100 md:col-span-2\">\n <div class=\"text-xs font-bold text-slate-900 flex items-center\">\n <i class=\"fa-solid fa-building-columns text-emerald-600 mr-2\"><\/i> University STEM & Leadership\n <\/div>\n <p class=\"text-xs text-slate-600 mt-1\">\n Key bootcamps with <strong>UKM STEM Center, Institut Islam Hadhari UKM<\/strong>, and <strong>Universiti Teknikal Melaka (UTeM)<\/strong>, benefiting 145 students and 10 teachers.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"director\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-3xl border border-slate-200 overflow-hidden shadow-xl\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12\">\n \n <div class=\"lg:col-span-5 bg-gradient-to-br from-brand-900 via-slate-900 to-brand-950 p-8 sm:p-12 text-white flex flex-col justify-between\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-wider text-cyan-400\">Company Leadership<\/span>\n <h3 class=\"text-2xl sm:text-3xl font-display font-bold mt-2\">Nazrul Anuar bin Nayan<\/h3>\n <p class=\"text-brand-200 text-sm font-medium mt-1\">Managing Director & CEO, IDNA Ideas Sdn. Bhd.<\/p>\n \n <div class=\"mt-8 space-y-4\">\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <div class=\"w-8 h-8 rounded-lg bg-white\/10 flex items-center justify-center text-cyan-400\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <\/div>\n <a href=\"mailto:ceo@idna.com.my\" class=\"hover:text-white transition-colors\">ceo@idna.com.my<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <div class=\"w-8 h-8 rounded-lg bg-white\/10 flex items-center justify-center text-emerald-400\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/div>\n <a href=\"https:\/\/wa.me\/60105521174\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-colors\">+6010 552 1174<\/a>\n <\/div>\n <div class=\"flex items-center space-x-3 text-sm text-slate-300\">\n <div class=\"w-8 h-8 rounded-lg bg-white\/10 flex items-center justify-center text-amber-400\">\n <i class=\"fa-solid fa-globe\"><\/i>\n <\/div>\n <a href=\"https:\/\/idna.com.my\" class=\"hover:text-white transition-colors\">idna.com.my<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-6 border-t border-slate-800 text-xs text-slate-400\">\n <p>Specialist in Engineering Education, Computational Thinking, and IoT curriculum architecture.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-7 p-8 sm:p-12 space-y-6\">\n <h4 class=\"text-xl font-bold text-slate-900\">Message from the Director<\/h4>\n <div class=\"space-y-4 text-sm text-slate-600 leading-relaxed\">\n <p>\n \u201cAt IDNA Ideas, we believe that learning technology should never be about memorizing syntax from blackboards. It should be an tactile, empowering experience where a student writes three lines of block logic and immediately sees a robot rotate, an IoT light activate, or a drone hover effortlessly in mid-air.\u201d\n <\/p>\n <p>\n \u201cBy transitioning our entire training stack to modern, wire-free iPads and modular microcontrollers, we eliminated the classic technical friction points that used to discourage beginners. Whether we are in a rural school in Sarawak or conducting an international camp in West Java, our goal remains unwavering: equipping today\u2019s youth with the computational mindset they need to build tomorrow.\u201d\n <\/p>\n <\/div>\n\n \n <div class=\"p-4 rounded-xl bg-slate-50 border border-slate-200 flex items-start space-x-4\">\n <div class=\"w-12 h-12 rounded-lg bg-brand-100 text-brand-700 flex items-center justify-center text-xl flex-shrink-0\">\n <i class=\"fa-solid fa-book\"><\/i>\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-brand-700 uppercase\">Authoritative Research<\/span>\n <h5 class=\"text-sm font-bold text-slate-900\">Computational Thinking in Project-Oriented Problem-Based Learning for Engineering Design<\/h5>\n <p class=\"text-xs text-slate-500 mt-1\">Official publication by <strong>UKM Press<\/strong>, authored to provide an academic methodology for engineering pedagogy.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pt-2\">\n <a href=\"https:\/\/wa.me\/60105521174\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-5 py-2.5 rounded-xl bg-emerald-600 hover:bg-emerald-700 text-white font-semibold text-sm transition-all shadow-md shadow-emerald-600\/20\">\n <i class=\"fa-brands fa-whatsapp mr-2 text-base\"><\/i> Chat Directly on WhatsApp\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"statutory\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-12\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Corporate Governance\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Statutory Registration & Banking Credentials\n <\/h2>\n <p class=\"text-base text-slate-600 mt-3\">\n Telah diperbadankan di bawah Akta Syarikat 2016. Syarikat ini adalah sebuah syarikat sendirian berhad menurut saham.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n \n \n <div class=\"lg:col-span-6 bg-white rounded-2xl border border-slate-200 p-6 sm:p-8 shadow-sm\">\n <div class=\"flex items-center space-x-3 mb-6 pb-4 border-b border-slate-100\">\n <div class=\"w-10 h-10 rounded-xl bg-brand-100 text-brand-700 flex items-center justify-center text-lg\">\n <i class=\"fa-solid fa-stamp\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg font-bold text-slate-900\">Suruhanjaya Syarikat Malaysia (SSM)<\/h3>\n <p class=\"text-xs text-slate-500\">Official Company Profile & Legal Status<\/p>\n <\/div>\n <\/div>\n\n <dl class=\"space-y-4 text-sm\">\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Nama Syarikat<\/dt>\n <dd class=\"font-bold text-slate-900 text-right\">IDNA IDEAS SDN. BHD.<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Nombor Pendaftaran SSM<\/dt>\n <dd class=\"font-mono font-bold text-brand-600 text-right flex items-center justify-end gap-2\">\n <span>202401008552 (1554402-U)<\/span>\n <button onclick=\"copyToClipboard('202401008552', 'SSM Registration Number')\" class=\"text-slate-400 hover:text-brand-600\" title=\"Salin Nombor\">\n <i class=\"fa-regular fa-copy\"><\/i>\n <\/button>\n <\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Tarikh Pendaftaran<\/dt>\n <dd class=\"font-semibold text-slate-800 text-right\">4 Mac 2024 (3:13 PM)<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Jenis Syarikat<\/dt>\n <dd class=\"font-semibold text-slate-800 text-right\">Berhad Menurut Saham (Syarikat Sendirian)<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2 border-b border-slate-100\">\n <dt class=\"font-medium text-slate-500\">Akta Berkenaan<\/dt>\n <dd class=\"font-semibold text-slate-800 text-right\">Akta Syarikat 2016 (Companies Act 2016)<\/dd>\n <\/div>\n <div class=\"flex flex-col sm:flex-row sm:justify-between py-2\">\n <dt class=\"font-medium text-slate-500\">Status Entiti<\/dt>\n <dd class=\"text-right\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-emerald-100 text-emerald-800\">\n <i class=\"fa-solid fa-circle-check mr-1.5 text-[10px]\"><\/i> UKM Start-Up Registered\n <\/span>\n <\/dd>\n <\/div>\n <\/dl>\n <\/div>\n\n \n <div class=\"lg:col-span-6 bg-gradient-to-br from-amber-500\/10 via-white to-brand-500\/10 rounded-2xl border-2 border-amber-500\/30 p-6 sm:p-8 shadow-sm flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-6 pb-4 border-b border-amber-200\/60\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 rounded-xl bg-amber-500 text-slate-950 font-black flex items-center justify-center text-lg shadow-sm\">\n <i class=\"fa-solid fa-building-columns\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-lg font-bold text-slate-900\">Official Banking Details<\/h3>\n <p class=\"text-xs text-slate-600\">Malayan Banking Berhad (Maybank) Account<\/p>\n <\/div>\n <\/div>\n <span class=\"text-[11px] font-bold px-2 py-1 bg-amber-500 text-slate-950 rounded uppercase tracking-wider\">\n Corporate Tier\n <\/span>\n <\/div>\n\n <div class=\"space-y-4\">\n <div class=\"p-4 bg-white\/90 rounded-xl border border-amber-200\/80 shadow-inner space-y-1\">\n <span class=\"text-xs font-medium text-slate-500 block uppercase\">Bank Name<\/span>\n <span class=\"text-base font-bold text-slate-900\">MAYBANK (Malayan Banking Berhad)<\/span>\n <\/div>\n\n <div class=\"p-4 bg-white\/90 rounded-xl border border-amber-200\/80 shadow-inner space-y-1\">\n <span class=\"text-xs font-medium text-slate-500 block uppercase\">Account Name<\/span>\n <span class=\"text-base font-bold text-slate-900 tracking-wide\">IDNA IDEAS SDN. BHD.<\/span>\n <\/div>\n\n <div class=\"p-4 bg-white\/90 rounded-xl border border-amber-200\/80 shadow-inner space-y-1\">\n <span class=\"text-xs font-medium text-slate-500 block uppercase\">Type of Account<\/span>\n <span class=\"text-sm font-semibold text-slate-800\">Current Account (ICA SME FIRST)<\/span>\n <\/div>\n\n <div class=\"p-4 bg-amber-50 rounded-xl border-2 border-dashed border-amber-400 flex items-center justify-between\">\n <div>\n <span class=\"text-xs font-bold text-amber-800 uppercase block\">Account Number<\/span>\n <span class=\"text-2xl font-mono font-extrabold text-slate-950 tracking-wider\" id=\"bank-acc-no\">555108381897<\/span>\n <\/div>\n <button \n onclick=\"copyToClipboard('555108381897', 'Maybank Account Number (555108381897)')\" \n class=\"px-4 py-2 bg-amber-500 hover:bg-amber-600 active:scale-95 text-slate-950 font-bold text-xs rounded-lg transition-all shadow-sm flex items-center\"\n >\n <i class=\"fa-regular fa-copy mr-1.5\"><\/i> Copy Number\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-xs text-slate-500 mt-6 text-center italic\">\n * Please submit your payment receipt to <strong>ceo@idna.com.my<\/strong> for invoice reconciliation.\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"reviews\" class=\"scroll-mt-24\">\n <div class=\"bg-slate-50 rounded-3xl border border-slate-200 p-8 sm:p-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-12\">\n <div>\n <div class=\"flex items-center space-x-2 text-amber-500 text-lg mb-2\">\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <i class=\"fa-solid fa-star\"><\/i>\n <span class=\"text-slate-900 font-bold ml-2 text-base\">5.0 Out of 5 Stars<\/span>\n <\/div>\n <h2 class=\"text-3xl font-display font-extrabold text-slate-900\">What Our Trainees & Partners Say<\/h2>\n <p class=\"text-sm text-slate-600 mt-1\">Real feedback gathered across our university workshops and community technology seminars.<\/p>\n <\/div>\n\n <div>\n <a \n href=\"https:\/\/share.google\/jDCQJkCMC5ldP3sdO\" \n target=\"_blank\" \n rel=\"noopener noreferrer\" \n class=\"inline-flex items-center px-5 py-3 rounded-xl bg-white border border-slate-300 hover:border-slate-400 font-bold text-sm text-slate-800 shadow-sm hover:shadow transition-all group\"\n >\n <img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/images\/branding\/product\/1x\/googleg_48dp.png\" alt=\"Google\" class=\"w-5 h-5 mr-2.5\">\n Read Verified Google Reviews <i class=\"fa-solid fa-arrow-up-right-from-square ml-2 text-xs text-slate-400 group-hover:text-brand-600\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n \n <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm flex flex-col justify-between\">\n <div class=\"space-y-3\">\n <div class=\"flex text-amber-400 text-xs\">\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>\n <\/div>\n <h4 class=\"font-bold text-slate-900 text-base\">Accessible Tech Education<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">\n \u201cUsers consistently highlight how complex topics like AI and drone programming are broken down into easy-to-understand, 2-way interactive sessions suitable even for absolute beginners.\u201d\n <\/p>\n <\/div>\n <div class=\"pt-4 mt-4 border-t border-slate-100 flex items-center space-x-3\">\n <div class=\"w-8 h-8 rounded-full bg-cyan-100 text-cyan-700 flex items-center justify-center font-bold text-xs\">\n AT\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-slate-800 block\">Interactive Trainee<\/span>\n <span class=\"text-[11px] text-slate-400\">Google Review Verified<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm flex flex-col justify-between\">\n <div class=\"space-y-3\">\n <div class=\"flex text-amber-400 text-xs\">\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>\n <\/div>\n <h4 class=\"font-bold text-slate-900 text-base\">Professional & Welcoming Team<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">\n \u201cThe training team is widely described as welcoming, patient, and highly knowledgeable. They guide every participant through hands-on troubleshooting with zero frustration.\u201d\n <\/p>\n <\/div>\n <div class=\"pt-4 mt-4 border-t border-slate-100 flex items-center space-x-3\">\n <div class=\"w-8 h-8 rounded-full bg-brand-100 text-brand-700 flex items-center justify-center font-bold text-xs\">\n PI\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-slate-800 block\">School Educator<\/span>\n <span class=\"text-[11px] text-slate-400\">Google Review Verified<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl border border-slate-200\/80 shadow-sm flex flex-col justify-between\">\n <div class=\"space-y-3\">\n <div class=\"flex text-amber-400 text-xs\">\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>\n <\/div>\n <h4 class=\"font-bold text-slate-900 text-base\">Mosque & Community Outreach<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">\n \u201cCommended for partnering directly with regional community bodies and local masjids to bring drone and robotics bootcamps to grassroots youths, sparking curiosity early on.\u201d\n <\/p>\n <\/div>\n <div class=\"pt-4 mt-4 border-t border-slate-100 flex items-center space-x-3\">\n <div class=\"w-8 h-8 rounded-full bg-emerald-100 text-emerald-700 flex items-center justify-center font-bold text-xs\">\n CC\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-slate-800 block\">Community Partner<\/span>\n <span class=\"text-[11px] text-slate-400\">Google Review Verified<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"locations\" class=\"scroll-mt-24\">\n <div class=\"text-center max-w-3xl mx-auto mb-12\">\n <span class=\"text-xs font-extrabold uppercase tracking-widest text-brand-600 bg-brand-50 px-3 py-1 rounded-full border border-brand-200\">\n Our Facilities\n <\/span>\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold text-slate-900 mt-3\">\n Campus Headquarters & Regional Academy\n <\/h2>\n <p class=\"text-base text-slate-600 mt-3\">\n Centrally located at the heart of Malaysia\u2019s premier national research university with dedicated training classrooms.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-lg transition-shadow\">\n <div class=\"bg-brand-900 p-6 text-white flex items-center justify-between\">\n <div>\n <span class=\"text-xs font-bold text-cyan-400 uppercase tracking-wider\">Global Headquarters<\/span>\n <h3 class=\"text-xl font-bold font-display mt-1\">Technohub 2, UKM Bangi<\/h3>\n <\/div>\n <div class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center text-cyan-400\">\n <i class=\"fa-solid fa-landmark\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"p-6 space-y-4\">\n <div class=\"flex items-start space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-map-location-dot text-brand-600 mt-1 flex-shrink-0 text-base\"><\/i>\n <span>\n Technohub 2, Ground Floor, Akademia Siber Teknopolis, Universiti Kebangsaan Malaysia, 43600 UKM Bangi, Selangor, Malaysia.\n <\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-user-tie text-brand-600 flex-shrink-0\"><\/i>\n <span>Managing Director: <strong>Nazrul Anuar bin Nayan<\/strong><\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-phone text-brand-600 flex-shrink-0\"><\/i>\n <span>+6010 552 1174<\/span>\n <\/div>\n\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Main R&D, IoT Labs & Consultation<\/span>\n <button onclick=\"copyToClipboard('Technohub 2, Ground Floor, Akademia Siber Teknopolis, Universiti Kebangsaan Malaysia, 43600 UKM Bangi, Selangor, Malaysia', 'HQ Address')\" class=\"text-xs text-brand-600 font-bold hover:underline\">\n Copy Full Address\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-lg transition-shadow\">\n <div class=\"bg-slate-900 p-6 text-white flex items-center justify-between\">\n <div>\n <span class=\"text-xs font-bold text-amber-400 uppercase tracking-wider\">Regional Training Branch<\/span>\n <h3 class=\"text-xl font-bold font-display mt-1\">IDNA Academy, Mantin<\/h3>\n <\/div>\n <div class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center text-amber-400\">\n <i class=\"fa-solid fa-school\"><\/i>\n <\/div>\n <\/div>\n \n <div class=\"p-6 space-y-4\">\n <div class=\"flex items-start space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-map-location-dot text-amber-600 mt-1 flex-shrink-0 text-base\"><\/i>\n <span>\n IDNA Academy Branch, Mantin, Negeri Sembilan, Malaysia.\n <\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-chalkboard-user text-amber-600 flex-shrink-0\"><\/i>\n <span>Youth Robotics, Drone Flying & Coding Bootcamps<\/span>\n <\/div>\n\n <div class=\"flex items-center space-x-3 text-sm text-slate-600\">\n <i class=\"fa-solid fa-calendar-check text-amber-600 flex-shrink-0\"><\/i>\n <span>Weekend & Holiday Modular Sessions<\/span>\n <\/div>\n\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n <span class=\"text-xs font-semibold text-slate-500\">Negeri Sembilan Student Hub<\/span>\n <a href=\"https:\/\/wa.me\/60105521174?text=Hi%20IDNA%20Ideas,%20I%20would%20like%20to%20inquire%20about%20IDNA%20Academy%20Mantin\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-xs text-amber-600 font-bold hover:underline\">\n Inquire via WhatsApp →\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gradient-to-r from-brand-600 via-sky-600 to-cyan-600 rounded-3xl p-8 sm:p-12 text-white shadow-xl\">\n <div class=\"max-w-4xl mx-auto text-center space-y-6\">\n <h2 class=\"text-3xl sm:text-4xl font-display font-extrabold\">\n Ready to Revolutionize Tech Education in Your Institution?\n <\/h2>\n <p class=\"text-brand-100 text-sm sm:text-base leading-relaxed max-w-2xl mx-auto\">\n Whether you represent a school board, a university engineering department, a corporate CSR initiative, or a community organization\u2014let’s collaborate to equip tomorrow\u2019s pioneers today.\n <\/p>\n <div class=\"flex flex-wrap items-center justify-center gap-4 pt-2\">\n <a href=\"https:\/\/wa.me\/60105521174?text=Hello%20IDNA%20Ideas,%20we%20are%20interested%20in%20collaborating%20with%20your%20team\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-white text-slate-900 hover:bg-slate-100 shadow-lg transition-transform transform hover:-translate-y-0.5\">\n <i class=\"fa-brands fa-whatsapp text-emerald-600 mr-2 text-base\"><\/i> WhatsApp Our Director\n <\/a>\n <a href=\"mailto:ceo@idna.com.my?subject=Partnership%20Inquiry%20-%20IDNA%20Ideas\" class=\"px-6 py-3.5 rounded-xl font-bold text-sm bg-brand-900\/40 hover:bg-brand-900\/60 text-white border border-white\/20 transition-all\">\n <i class=\"fa-solid fa-envelope mr-2\"><\/i> Send Official Inquiry\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"bg-slate-950 text-slate-400 text-sm border-t border-slate-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10\">\n \n \n <div class=\"space-y-4\">\n <div class=\"flex items-center space-x-3\">\n <div class=\"w-10 h-10 rounded-xl bg-brand-600 flex items-center justify-center text-white font-display font-bold text-lg\">\n ID\n <\/div>\n <div>\n <span class=\"text-white font-display font-bold text-lg\">IDNA IDEAS<\/span>\n <p class=\"text-xs text-slate-400\">UKM EdTech Start-Up<\/p>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-400 leading-relaxed\">\n Registered with Companies Commission of Malaysia (SSM No: 202401008552 \/ 1554402-U). Specializing in AI, IoT, Robotics, Drone programming, and teacher upskilling.\n <\/p>\n <div class=\"pt-2\">\n <span class=\"inline-flex items-center text-xs px-2.5 py-1 rounded bg-slate-900 border border-slate-800 text-slate-300\">\n <i class=\"fa-solid fa-award mr-1.5 text-amber-400\"><\/i> SME Corp i-SEE Recipient\n <\/span>\n <\/div>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm uppercase tracking-wider mb-4\">Quick Navigation<\/h4>\n <ul class=\"space-y-2.5 text-xs\">\n <li><a href=\"#about\" class=\"hover:text-white transition-colors\">About the Company<\/a><\/li>\n <li><a href=\"#modules\" class=\"hover:text-white transition-colors\">Core Modules & Technologies<\/a><\/li>\n <li><a href=\"#partnerships\" class=\"hover:text-white transition-colors\">Strategic MoUs & Alliances<\/a><\/li>\n <li><a href=\"#milestones\" class=\"hover:text-white transition-colors\">Our Track Record & History<\/a><\/li>\n <li><a href=\"#statutory\" class=\"hover:text-white transition-colors\">SSM & Company Registration<\/a><\/li>\n <li><a href=\"#statutory\" class=\"hover:text-white transition-colors\">Maybank Account Details<\/a><\/li>\n <li><a href=\"#reviews\" class=\"hover:text-white transition-colors\">Google Reviews (5.0 Stars)<\/a><\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm uppercase tracking-wider mb-4\">Direct Contact<\/h4>\n <ul class=\"space-y-3 text-xs\">\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-user text-cyan-400 w-4\"><\/i>\n <span class=\"text-slate-300\">Nazrul Anuar bin Nayan (Director)<\/span>\n <\/li>\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-phone text-cyan-400 w-4\"><\/i>\n <a href=\"tel:+60105521174\" class=\"hover:text-white\">+6010 552 1174<\/a>\n <\/li>\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-envelope text-cyan-400 w-4\"><\/i>\n <a href=\"mailto:ceo@idna.com.my\" class=\"hover:text-white\">ceo@idna.com.my<\/a>\n <\/li>\n <li class=\"flex items-center space-x-2.5\">\n <i class=\"fa-solid fa-globe text-cyan-400 w-4\"><\/i>\n <a href=\"https:\/\/idna.com.my\" class=\"hover:text-white\">idna.com.my<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold text-sm uppercase tracking-wider mb-4\">Headquarters<\/h4>\n <p class=\"text-xs text-slate-400 leading-relaxed\">\n Technohub 2, Ground Floor,<br>\n Akademia Siber Teknopolis,<br>\n Universiti Kebangsaan Malaysia (UKM),<br>\n 43600 UKM Bangi, Selangor, Malaysia.\n <\/p>\n <div class=\"mt-4 pt-3 border-t border-slate-800 text-xs\">\n <span class=\"text-slate-500 block\">Branch:<\/span>\n <span class=\"text-slate-300 font-medium\">IDNA Academy, Mantin, Negeri Sembilan<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-12 pt-8 border-t border-slate-800 flex flex-col sm:flex-row items-center justify-between text-xs text-slate-500 gap-4\">\n <p>© <span id=\"current-year\"><\/span> IDNA Ideas Sdn. Bhd. (202401008552 \/ 1554402-U). All rights reserved.<\/p>\n <p class=\"flex items-center gap-1\">\n Telah diperbadankan di bawah Akta Syarikat 2016. Berhad Menurut Saham.\n <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Set dynamic current year in footer\n document.getElementById('current-year').textContent = new Date().getFullYear();\n\n \/\/ Mobile Menu Toggle Logic\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const menuIcon = document.getElementById('menu-icon');\n\n mobileMenuBtn.addEventListener('click', () => {\n const isExpanded = !mobileMenu.classList.contains('hidden');\n if (isExpanded) {\n mobileMenu.classList.add('hidden');\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n } else {\n mobileMenu.classList.remove('hidden');\n menuIcon.classList.remove('fa-bars');\n menuIcon.classList.add('fa-xmark');\n }\n });\n\n \/\/ Close mobile menu on clicking any navigation link\n const mobileLinks = document.querySelectorAll('.mobile-nav-link');\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n menuIcon.classList.remove('fa-xmark');\n menuIcon.classList.add('fa-bars');\n });\n });\n\n \/\/ Toast Notification System\n let toastTimeout;\n function showToast(message, isSuccess = true) {\n const toast = document.getElementById('toast');\n const toastMsg = document.getElementById('toast-message');\n const toastIcon = document.getElementById('toast-icon');\n\n toastMsg.textContent = message;\n if (isSuccess) {\n toastIcon.innerHTML = '<i class=\"fa-solid fa-circle-check text-emerald-400\"><\/i>';\n } else {\n toastIcon.innerHTML = '<i class=\"fa-solid fa-triangle-exclamation text-amber-400\"><\/i>';\n }\n\n \/\/ Show toast\n toast.classList.remove('translate-y-24', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n\n clearTimeout(toastTimeout);\n toastTimeout = setTimeout(() => {\n toast.classList.remove('translate-y-0', 'opacity-100');\n toast.classList.add('translate-y-24', 'opacity-0');\n }, 3500);\n }\n\n \/\/ Reliable Cross-Browser & iFrame Copy to Clipboard\n function copyToClipboard(textToCopy, label = 'Copied') {\n try {\n const textarea = document.createElement('textarea');\n textarea.value = textToCopy;\n textarea.style.position = 'fixed';\n textarea.style.opacity = '0';\n document.body.appendChild(textarea);\n textarea.focus();\n textarea.select();\n \n const successful = document.execCommand('copy');\n document.body.removeChild(textarea);\n\n if (successful) {\n showToast(`Copied ${label} to clipboard!`);\n } else {\n showToast(`Please manually copy: ${textToCopy}`, false);\n }\n } catch (err) {\n showToast(`Copy failed. Please write down: ${textToCopy}`, false);\n }\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us | IDNA Ideas Sdn. Bhd. – UKM EdTech Start-Up Text copied to clipboard SSM Registered Official Universiti Kebangsaan Malaysia (UKM) EdTech Start-Up • Recipient of SME Corp RM200k i-SEE Grant View Credentials → ID IDNA IDEAS UKM EdTech & Engineering Start-Up About Us Core Modules Strategic MoUs Journey Company & Bank Info Reviews (5.0\u2605) Locations +6010 552 1174 … <\/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-10240","page","type-page","status-publish","hentry","latest_post"],"_links":{"self":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages\/10240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/comments?post=10240"}],"version-history":[{"count":3,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages\/10240\/revisions"}],"predecessor-version":[{"id":10243,"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/pages\/10240\/revisions\/10243"}],"wp:attachment":[{"href":"https:\/\/www.nazrulanuar.com\/author\/wp-json\/wp\/v2\/media?parent=10240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}