{"id":7,"date":"2026-04-12T22:48:33","date_gmt":"2026-04-12T22:48:33","guid":{"rendered":"https:\/\/www.intellectualdynamics.co.za\/?page_id=7"},"modified":"2026-04-15T14:17:30","modified_gmt":"2026-04-15T14:17:30","slug":"home","status":"publish","type":"page","link":"https:\/\/www.intellectualdynamics.co.za\/","title":{"rendered":"intellectual Dynamics"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Intellectual Dynamics - Global Enterprise Solutions | Where Ideas Create Impact<\/title>\r\n <meta name=\"description\" content=\"Enterprise ecosystem for IT, AI, Business, and Career Solutions. Serving Schools, Governments, Organizations, and Global Delegates.\">\r\n <meta name=\"keywords\" content=\"Enterprise Solutions, AI Services, Career Platform, Government Services, Education Technology, Business Consulting\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary-teal: #2B7A78;\r\n --primary-green: #52B788;\r\n --dark-blue: #1B4965;\r\n --light-bg: #F8F9FA;\r\n --dark-bg: #0F1419;\r\n --text-dark: #1A1A1A;\r\n --text-light: #F5F5F5;\r\n --accent-gold: #D4A574;\r\n --accent-purple: #7B68EE;\r\n --accent-red: #E63946;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--text-dark);\r\n background: var(--light-bg);\r\n transition: background 0.3s, color 0.3s;\r\n }\r\n\r\n body.dark-mode {\r\n background: var(--dark-bg);\r\n color: var(--text-light);\r\n }\r\n\r\n \/* ===== NAVIGATION ===== *\/\r\n nav {\r\n position: sticky;\r\n top: 0;\r\n background: white;\r\n box-shadow: 0 2px 10px rgba(43, 122, 120, 0.1);\r\n z-index: 1000;\r\n transition: all 0.3s;\r\n }\r\n\r\n nav.scrolled {\r\n box-shadow: 0 5px 20px rgba(43, 122, 120, 0.2);\r\n padding: 5px 0;\r\n }\r\n\r\n body.dark-mode nav {\r\n background: var(--dark-bg);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 70px;\r\n }\r\n\r\n .logo {\r\n font-size: 24px;\r\n font-weight: bold;\r\n background: linear-gradient(135deg, var(--primary-teal), var(--primary-green));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n cursor: pointer;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .logo:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 5px;\r\n list-style: none;\r\n align-items: center;\r\n }\r\n\r\n .nav-item {\r\n position: relative;\r\n }\r\n\r\n .nav-menu a {\r\n color: var(--text-dark);\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.3s;\r\n position: relative;\r\n padding: 10px 15px;\r\n display: block;\r\n }\r\n\r\n body.dark-mode .nav-menu a {\r\n color: var(--text-light);\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary-teal);\r\n }\r\n\r\n .nav-menu a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px;\r\n left: 15px;\r\n width: 0;\r\n height: 2px;\r\n background: var(--primary-green);\r\n transition: width 0.3s;\r\n }\r\n\r\n .nav-menu a:hover::after {\r\n width: calc(100% - 30px);\r\n }\r\n\r\n \/* Dropdown Menu *\/\r\n .dropdown {\r\n position: relative;\r\n }\r\n\r\n .dropdown-toggle::after {\r\n content: '\u25bc';\r\n font-size: 10px;\r\n margin-left: 5px;\r\n }\r\n\r\n .dropdown-menu {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n min-width: 250px;\r\n display: none;\r\n list-style: none;\r\n padding: 10px 0;\r\n margin-top: 5px;\r\n z-index: 1001;\r\n }\r\n\r\n body.dark-mode .dropdown-menu {\r\n background: #252D3D;\r\n }\r\n\r\n .dropdown:hover .dropdown-menu {\r\n display: block;\r\n animation: slideDown 0.3s ease-out;\r\n }\r\n\r\n @keyframes slideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .dropdown-menu li {\r\n padding: 0;\r\n }\r\n\r\n .dropdown-menu a {\r\n padding: 12px 20px;\r\n display: block;\r\n color: var(--text-dark);\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n body.dark-mode .dropdown-menu a {\r\n color: var(--text-light);\r\n }\r\n\r\n .dropdown-menu a:hover {\r\n background: var(--light-bg);\r\n border-left-color: var(--primary-green);\r\n padding-left: 25px;\r\n }\r\n\r\n body.dark-mode .dropdown-menu a:hover {\r\n background: #1A1F2E;\r\n }\r\n\r\n .nav-right {\r\n display: flex;\r\n gap: 15px;\r\n align-items: center;\r\n }\r\n\r\n .search-box {\r\n display: flex;\r\n align-items: center;\r\n background: var(--light-bg);\r\n border-radius: 20px;\r\n padding: 8px 15px;\r\n gap: 10px;\r\n }\r\n\r\n body.dark-mode .search-box {\r\n background: #252D3D;\r\n }\r\n\r\n .search-box input {\r\n border: none;\r\n background: transparent;\r\n outline: none;\r\n width: 150px;\r\n color: var(--text-dark);\r\n }\r\n\r\n body.dark-mode .search-box input {\r\n color: var(--text-light);\r\n }\r\n\r\n .search-box input::placeholder {\r\n color: #999;\r\n }\r\n\r\n .theme-toggle {\r\n background: var(--primary-teal);\r\n color: white;\r\n border: none;\r\n padding: 8px 15px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-size: 16px;\r\n }\r\n\r\n .theme-toggle:hover {\r\n background: var(--primary-green);\r\n transform: rotate(20deg);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n gap: 5px;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--text-dark);\r\n transition: 0.3s;\r\n border-radius: 2px;\r\n }\r\n\r\n body.dark-mode .hamburger span {\r\n background: var(--text-light);\r\n }\r\n\r\n .hamburger.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(10px, 10px);\r\n }\r\n\r\n .hamburger.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(7px, -7px);\r\n }\r\n\r\n \/* ===== BREADCRUMB ===== *\/\r\n .breadcrumb {\r\n background: var(--light-bg);\r\n padding: 10px 20px;\r\n font-size: 13px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: none;\r\n }\r\n\r\n body.dark-mode .breadcrumb {\r\n background: #1A1F2E;\r\n }\r\n\r\n .breadcrumb.active {\r\n display: block;\r\n }\r\n\r\n .breadcrumb a {\r\n color: var(--primary-teal);\r\n text-decoration: none;\r\n margin: 0 5px;\r\n }\r\n\r\n .breadcrumb a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-teal), var(--primary-green));\r\n color: white;\r\n padding: 120px 20px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -10%;\r\n width: 500px;\r\n height: 500px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -30%;\r\n left: -5%;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n animation: float 8s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(30px); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 56px;\r\n margin-bottom: 20px;\r\n animation: slideDown 0.8s ease-out;\r\n font-weight: 700;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero p {\r\n font-size: 22px;\r\n margin-bottom: 30px;\r\n opacity: 0.95;\r\n animation: slideUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n animation: slideUp 0.8s ease-out 0.4s both;\r\n }\r\n\r\n .badge {\r\n background: rgba(255, 255, 255, 0.2);\r\n padding: 10px 18px;\r\n border-radius: 20px;\r\n font-size: 14px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s;\r\n }\r\n\r\n .badge:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .hero-cta {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: slideUp 0.8s ease-out 0.6s both;\r\n }\r\n\r\n .btn {\r\n padding: 14px 35px;\r\n border: none;\r\n border-radius: 5px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n display: inline-block;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s, height 0.6s;\r\n }\r\n\r\n .btn:hover::before {\r\n width: 300px;\r\n height: 300px;\r\n }\r\n\r\n .btn-primary {\r\n background: white;\r\n color: var(--primary-teal);\r\n z-index: 1;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--accent-gold);\r\n color: white;\r\n z-index: 1;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: var(--accent-purple);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .btn-tertiary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid white;\r\n z-index: 1;\r\n }\r\n\r\n .btn-tertiary:hover {\r\n background: white;\r\n color: var(--primary-teal);\r\n }\r\n\r\n \/* ===== STATS SECTION ===== *\/\r\n .stats-section {\r\n background: white;\r\n padding: 60px 20px;\r\n border-top: 3px solid var(--primary-green);\r\n }\r\n\r\n body.dark-mode .stats-section {\r\n background: #1A1F2E;\r\n border-top-color: var(--primary-teal);\r\n }\r\n\r\n .stats-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 30px;\r\n text-align: center;\r\n }\r\n\r\n .stat-item {\r\n padding: 20px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .stat-item:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .stat-number {\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: var(--primary-teal);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 16px;\r\n color: #666;\r\n font-weight: 500;\r\n }\r\n\r\n body.dark-mode .stat-label {\r\n color: #AAA;\r\n }\r\n\r\n \/* ===== SECTION STYLES ===== *\/\r\n .section {\r\n padding: 80px 20px;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n font-size: 42px;\r\n margin-bottom: 20px;\r\n color: var(--dark-blue);\r\n font-weight: 700;\r\n }\r\n\r\n body.dark-mode .section-title {\r\n color: var(--primary-green);\r\n }\r\n\r\n .section-subtitle {\r\n text-align: center;\r\n font-size: 18px;\r\n color: #666;\r\n margin-bottom: 50px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n body.dark-mode .section-subtitle {\r\n color: #AAA;\r\n }\r\n\r\n \/* ===== ENTERPRISE SECTION ===== *\/\r\n .enterprise-section {\r\n background: white;\r\n }\r\n\r\n body.dark-mode .enterprise-section {\r\n background: #1A1F2E;\r\n }\r\n\r\n .enterprise-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .enterprise-card {\r\n background: var(--light-bg);\r\n padding: 35px;\r\n border-radius: 10px;\r\n border-left: 5px solid var(--primary-teal);\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n }\r\n\r\n body.dark-mode .enterprise-card {\r\n background: #252D3D;\r\n }\r\n\r\n .enterprise-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 50px rgba(43, 122, 120, 0.2);\r\n border-left-color: var(--primary-green);\r\n }\r\n\r\n .enterprise-card h3 {\r\n color: var(--primary-teal);\r\n margin-bottom: 15px;\r\n font-size: 22px;\r\n }\r\n\r\n body.dark-mode .enterprise-card h3 {\r\n color: var(--primary-green);\r\n }\r\n\r\n .enterprise-card p {\r\n color: #666;\r\n margin-bottom: 20px;\r\n font-size: 15px;\r\n line-height: 1.8;\r\n }\r\n\r\n body.dark-mode .enterprise-card p {\r\n color: #AAA;\r\n }\r\n\r\n .enterprise-card-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--primary-teal);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n }\r\n\r\n body.dark-mode .enterprise-card-cta {\r\n color: var(--primary-green);\r\n }\r\n\r\n .enterprise-card-cta:hover {\r\n gap: 12px;\r\n }\r\n\r\n \/* ===== SERVICES GRID ===== *\/\r\n .services-section {\r\n background: var(--light-bg);\r\n }\r\n\r\n body.dark-mode .services-section {\r\n background: #1A1F2E;\r\n }\r\n\r\n .filter-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 50px;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .filter-btn {\r\n padding: 12px 25px;\r\n border: 2px solid var(--primary-teal);\r\n background: white;\r\n color: var(--primary-teal);\r\n border-radius: 25px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n body.dark-mode .filter-btn {\r\n background: #252D3D;\r\n color: var(--primary-green);\r\n border-color: var(--primary-green);\r\n }\r\n\r\n .filter-btn.active {\r\n background: var(--primary-teal);\r\n color: white;\r\n transform: scale(1.05);\r\n }\r\n\r\n .filter-btn:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .services-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n display: none;\r\n }\r\n\r\n .service-card.active {\r\n display: block;\r\n animation: fadeIn 0.5s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n body.dark-mode .service-card {\r\n background: #252D3D;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 50px rgba(43, 122, 120, 0.25);\r\n }\r\n\r\n .service-header {\r\n background: linear-gradient(135deg, var(--primary-teal), var(--primary-green));\r\n color: white;\r\n padding: 30px 25px;\r\n text-align: center;\r\n }\r\n\r\n .service-icon {\r\n font-size: 48px;\r\n margin-bottom: 15px;\r\n display: inline-block;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 22px;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n\r\n .service-card p {\r\n font-size: 14px;\r\n opacity: 0.95;\r\n }\r\n\r\n .service-body {\r\n padding: 25px;\r\n }\r\n\r\n .service-body h4 {\r\n color: var(--primary-teal);\r\n margin-bottom: 15px;\r\n font-size: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n body.dark-mode .service-body h4 {\r\n color: var(--primary-green);\r\n }\r\n\r\n .service-features {\r\n list-style: none;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .service-features li {\r\n padding: 8px 0;\r\n font-size: 14px;\r\n color: #666;\r\n border-bottom: 1px solid #EEE;\r\n transition: all 0.3s;\r\n }\r\n\r\n body.dark-mode .service-features li {\r\n color: #AAA;\r\n border-bottom: 1px solid #444;\r\n }\r\n\r\n .service-features li:hover {\r\n padding-left: 10px;\r\n color: var(--primary-teal);\r\n }\r\n\r\n .service-features li:before {\r\n content: '\u2192 ';\r\n color: var(--primary-green);\r\n margin-right: 8px;\r\n font-weight: bold;\r\n }\r\n\r\n .service-price {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--primary-green);\r\n margin-bottom: 20px;\r\n padding: 15px;\r\n background: var(--light-bg);\r\n border-radius: 5px;\r\n text-align: center;\r\n }\r\n\r\n body.dark-mode .service-price {\r\n background: #1A1F2E;\r\n }\r\n\r\n .service-actions {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .service-actions button,\r\n .service-actions a {\r\n flex: 1;\r\n min-width: 120px;\r\n padding: 12px;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n font-size: 14px;\r\n text-decoration: none;\r\n text-align: center;\r\n display: inline-block;\r\n }\r\n\r\n .btn-buy {\r\n background: var(--primary-green);\r\n color: white;\r\n }\r\n\r\n .btn-buy:hover {\r\n background: var(--primary-teal);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-details {\r\n background: var(--light-bg);\r\n color: var(--primary-teal);\r\n border: 2px solid var(--primary-teal);\r\n }\r\n\r\n body.dark-mode .btn-details {\r\n background: #1A1F2E;\r\n color: var(--primary-green);\r\n border-color: var(--primary-green);\r\n }\r\n\r\n .btn-details:hover {\r\n background: var(--primary-teal);\r\n color: white;\r\n }\r\n\r\n \/* ===== TESTIMONIALS ===== *\/\r\n .testimonials-section {\r\n background: white;\r\n }\r\n\r\n body.dark-mode .testimonials-section {\r\n background: #1A1F2E;\r\n }\r\n\r\n .testimonials-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--light-bg);\r\n padding: 30px;\r\n border-radius: 10px;\r\n border-top: 4px solid var(--primary-green);\r\n transition: all 0.3s;\r\n }\r\n\r\n body.dark-mode .testimonial-card {\r\n background: #252D3D;\r\n }\r\n\r\n .testimonial-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(82, 183, 136, 0.15);\r\n }\r\n\r\n .testimonial-stars {\r\n color: var(--accent-gold);\r\n margin-bottom: 15px;\r\n font-size: 18px;\r\n }\r\n\r\n .testimonial-text {\r\n color: #666;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n line-height: 1.8;\r\n }\r\n\r\n body.dark-mode .testimonial-text {\r\n color: #AAA;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 600;\r\n color: var(--primary-teal);\r\n margin-bottom: 5px;\r\n }\r\n\r\n body.dark-mode .testimonial-author {\r\n color: var(--primary-green);\r\n }\r\n\r\n .testimonial-role {\r\n font-size: 13px;\r\n color: #999;\r\n }\r\n\r\n \/* ===== CONTACT SECTION ===== *\/\r\n .contact-section {\r\n background: linear-gradient(135deg, var(--dark-blue), var(--primary-teal));\r\n color: white;\r\n padding: 80px 20px;\r\n }\r\n\r\n .contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n }\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .contact-form h2 {\r\n margin-bottom: 10px;\r\n font-size: 32px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .form-group label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n .contact-form input,\r\n .contact-form select,\r\n .contact-form textarea {\r\n padding: 14px;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 5px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n background: rgba(255, 255, 255, 0.1);\r\n color: white;\r\n transition: all 0.3s;\r\n }\r\n\r\n .contact-form input::placeholder,\r\n .contact-form textarea::placeholder {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .contact-form input:focus,\r\n .contact-form select:focus,\r\n .contact-form textarea:focus {\r\n outline: none;\r\n border-color: var(--accent-gold);\r\n background: rgba(255, 255, 255, 0.15);\r\n box-shadow: 0 0 10px rgba(212, 165, 116, 0.3);\r\n }\r\n\r\n .contact-form textarea {\r\n resize: vertical;\r\n min-height: 140px;\r\n }\r\n\r\n .contact-form button {\r\n padding: 14px;\r\n background: var(--accent-gold);\r\n color: white;\r\n border: none;\r\n border-radius: 5px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-size: 16px;\r\n margin-top: 10px;\r\n }\r\n\r\n .contact-form button:hover {\r\n background: var(--accent-purple);\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .contact-info h2 {\r\n font-size: 32px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 20px;\r\n padding: 20px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 8px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .contact-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n transform: translateX(10px);\r\n }\r\n\r\n .contact-icon {\r\n font-size: 32px;\r\n min-width: 40px;\r\n }\r\n\r\n .contact-item h4 {\r\n margin-bottom: 8px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n\r\n .contact-item p {\r\n opacity: 0.95;\r\n font-size: 14px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-item a {\r\n color: white;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n font-weight: 600;\r\n }\r\n\r\n .contact-item a:hover {\r\n color: var(--accent-gold);\r\n text-decoration: underline;\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n footer {\r\n background: var(--dark-blue);\r\n color: white;\r\n padding: 60px 20px 30px;\r\n }\r\n\r\n .footer-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-section h4 {\r\n margin-bottom: 20px;\r\n color: var(--primary-green);\r\n font-size: 18px;\r\n font-weight: 700;\r\n }\r\n\r\n .footer-section p {\r\n font-size: 14px;\r\n line-height: 1.8;\r\n color: #AAA;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section li {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-section a {\r\n color: #AAA;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .footer-section a:hover {\r\n color: var(--primary-green);\r\n transform: translateX(5px);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .social-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 45px;\r\n height: 45px;\r\n background: var(--primary-teal);\r\n color: white;\r\n border-radius: 50%;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n font-size: 18px;\r\n }\r\n\r\n .social-links a:hover {\r\n background: var(--primary-green);\r\n transform: translateY(-5px) rotate(10deg);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-top: 30px;\r\n text-align: center;\r\n color: #AAA;\r\n font-size: 14px;\r\n }\r\n\r\n .footer-bottom a {\r\n color: var(--primary-green);\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer-bottom a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* ===== SCROLL TO TOP BUTTON ===== *\/\r\n #scrollToTop {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n background: var(--primary-teal);\r\n color: white;\r\n border: none;\r\n padding: 15px 18px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: none;\r\n z-index: 999;\r\n font-size: 24px;\r\n transition: all 0.3s;\r\n box-shadow: 0 5px 15px rgba(43, 122, 120, 0.3);\r\n }\r\n\r\n #scrollToTop:hover {\r\n background: var(--primary-green);\r\n transform: translateY(-5px);\r\n }\r\n\r\n #scrollToTop.show {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n animation: slideUp 0.3s ease-out;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 768px) {\r\n .nav-menu {\r\n display: none;\r\n position: absolute;\r\n top: 70px;\r\n left: 0;\r\n width: 100%;\r\n background: white;\r\n flex-direction: column;\r\n gap: 0;\r\n padding: 20px;\r\n border-radius: 0 0 10px 10px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n body.dark-mode .nav-menu {\r\n background: #252D3D;\r\n }\r\n\r\n .nav-menu.active {\r\n display: flex;\r\n animation: slideDown 0.3s ease-out;\r\n }\r\n\r\n .nav-menu a {\r\n padding: 15px 20px;\r\n border-bottom: 1px solid #EEE;\r\n }\r\n\r\n body.dark-mode .nav-menu a {\r\n border-bottom: 1px solid #444;\r\n }\r\n\r\n .dropdown-menu {\r\n position: static;\r\n background: var(--light-bg);\r\n box-shadow: none;\r\n display: none;\r\n margin-top: 0;\r\n padding: 10px 0 10px 20px;\r\n }\r\n\r\n body.dark-mode .dropdown-menu {\r\n background: #1A1F2E;\r\n }\r\n\r\n .dropdown:hover .dropdown-menu {\r\n display: none;\r\n }\r\n\r\n .dropdown.active .dropdown-menu {\r\n display: block;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .search-box {\r\n display: none;\r\n }\r\n\r\n .hero {\r\n padding: 80px 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 36px;\r\n }\r\n\r\n .hero p {\r\n font-size: 18px;\r\n }\r\n\r\n .hero-cta {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n .contact-container {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .section-title {\r\n font-size: 32px;\r\n }\r\n\r\n .enterprise-grid,\r\n .services-grid,\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .filter-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .filter-btn {\r\n width: 100%;\r\n }\r\n\r\n #scrollToTop {\r\n bottom: 20px;\r\n right: 20px;\r\n padding: 12px 15px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .nav-container {\r\n height: 60px;\r\n }\r\n\r\n .logo {\r\n font-size: 18px;\r\n }\r\n\r\n .hero {\r\n padding: 60px 15px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 28px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .hero p {\r\n font-size: 16px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .hero-badges {\r\n margin-bottom: 25px;\r\n gap: 10px;\r\n }\r\n\r\n .badge {\r\n font-size: 12px;\r\n padding: 8px 12px;\r\n }\r\n\r\n .btn {\r\n padding: 12px 20px;\r\n font-size: 14px;\r\n }\r\n\r\n .section {\r\n padding: 60px 15px;\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n\r\n .stats-grid {\r\n gap: 20px;\r\n }\r\n\r\n .stat-number {\r\n font-size: 36px;\r\n }\r\n\r\n .contact-form,\r\n .contact-info {\r\n gap: 15px;\r\n }\r\n\r\n .contact-item {\r\n gap: 15px;\r\n padding: 15px;\r\n }\r\n\r\n .footer-grid {\r\n gap: 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- NAVIGATION -->\r\n <nav id=\"navbar\">\r\n <div class=\"nav-container\">\r\n <div class=\"logo\" onclick=\"scrollToSection('home')\">\ud83e\udde0 Intellectual Dynamics<\/div>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li class=\"nav-item\"><a href=\"#home\" onclick=\"scrollToSection('home')\">HOME<\/a><\/li>\r\n <li class=\"nav-item dropdown\">\r\n <a href=\"#services\" class=\"dropdown-toggle\" onclick=\"toggleDropdown(event)\">SERVICES<\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services'); filterServices('all')\">All Services<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services'); filterServices('tech')\">Technology<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services'); filterServices('business')\">Business<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services'); filterServices('design')\">Design<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li class=\"nav-item\"><a href=\"#ai\" onclick=\"scrollToSection('ai')\">AI SERVICES<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#cvplus\" onclick=\"scrollToSection('cvplus')\">CV-PLUS<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#platforms\" onclick=\"scrollToSection('platforms')\">PLATFORMS<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#enterprise\" onclick=\"scrollToSection('enterprise')\">ENTERPRISE<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#testimonials\" onclick=\"scrollToSection('testimonials')\">TESTIMONIALS<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#contact\" onclick=\"scrollToSection('contact')\">CONTACT<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-right\">\r\n <div class=\"search-box\">\r\n <span>\ud83d\udd0d<\/span>\r\n <input type=\"text\" placeholder=\"Search...\" id=\"searchInput\" onkeyup=\"searchServices()\">\r\n <\/div>\r\n <button class=\"theme-toggle\" onclick=\"toggleTheme()\" title=\"Toggle Dark Mode\">\ud83c\udf19<\/button>\r\n <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- BREADCRUMB -->\r\n <div class=\"breadcrumb\" id=\"breadcrumb\">\r\n <a href=\"#home\" onclick=\"scrollToSection('home')\">Home<\/a> \/ <span id=\"breadcrumbText\">Current Section<\/span>\r\n <\/div>\r\n\r\n <!-- HERO SECTION -->\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Where Ideas Create Impact<\/h1>\r\n <p>Enterprise Solutions for IT, AI, Business, and Career Excellence<\/p>\r\n <div class=\"hero-badges\">\r\n <div class=\"badge\">\ud83c\udf0d Global Reach<\/div>\r\n <div class=\"badge\">\ud83e\udd16 AI-Powered<\/div>\r\n <div class=\"badge\">\ud83c\udfe2 Enterprise Grade<\/div>\r\n <div class=\"badge\">\ud83d\udcc8 Growth Focused<\/div>\r\n <div class=\"badge\">\u26a1 Innovation Led<\/div>\r\n <\/div>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn btn-primary\" onclick=\"scrollToSection('contact')\">\ud83d\udcbc Get Free Consultation<\/button>\r\n <a href=\"https:\/\/wa.me\/message\/RV54HQUVGPT7K1\" class=\"btn btn-secondary\" target=\"_blank\">\ud83d\udcac WhatsApp Us<\/a>\r\n <button class=\"btn btn-tertiary\" onclick=\"scrollToSection('services')\">\ud83d\udccb View Services<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- STATS SECTION -->\r\n <section class=\"stats-section\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">500+<\/div>\r\n <div class=\"stat-label\">Active Clients<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">1000+<\/div>\r\n <div class=\"stat-label\">Projects Completed<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">15+<\/div>\r\n <div class=\"stat-label\">Years Experience<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">24\/7<\/div>\r\n <div class=\"stat-label\">Support Available<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ENTERPRISE POSITIONING -->\r\n <section class=\"section enterprise-section\" id=\"enterprise\">\r\n <h2 class=\"section-title\">Enterprise Solutions for Global Impact<\/h2>\r\n <p class=\"section-subtitle\">Serving Schools, Governments, Organizations, and Global Delegates<\/p>\r\n <div class=\"enterprise-grid\">\r\n <div class=\"enterprise-card\">\r\n <h3>\ud83c\udfeb Educational Institutions<\/h3>\r\n <p>Complete digital transformation for schools, universities, and training centers. Career development, skills assessment, and student engagement platforms.<\/p>\r\n <a href=\"#contact\" onclick=\"scrollToSection('contact')\" class=\"enterprise-card-cta\">Learn More \u2192<\/a>\r\n <\/div>\r\n <div class=\"enterprise-card\">\r\n <h3>\ud83c\udfdb\ufe0f Government & Public Sector<\/h3>\r\n <p>Streamline operations, improve citizen services, and enhance digital infrastructure. Secure, scalable solutions for government agencies and departments.<\/p>\r\n <a href=\"#contact\" onclick=\"scrollToSection('contact')\" class=\"enterprise-card-cta\">Learn More \u2192<\/a>\r\n <\/div>\r\n <div class=\"enterprise-card\">\r\n <h3>\ud83c\udf10 International Delegates<\/h3>\r\n <p>Global networking, diplomatic solutions, and international business development. Connect with leaders and decision-makers worldwide.<\/p>\r\n <a href=\"#contact\" onclick=\"scrollToSection('contact')\" class=\"enterprise-card-cta\">Learn More \u2192<\/a>\r\n <\/div>\r\n <div class=\"enterprise-card\">\r\n <h3>\ud83c\udfe2 Corporate Enterprises<\/h3>\r\n <p>Transform your business with AI, automation, and strategic consulting. Increase efficiency, reduce costs, and accelerate growth.<\/p>\r\n <a href=\"#contact\" onclick=\"scrollToSection('contact')\" class=\"enterprise-card-cta\">Learn More \u2192<\/a>\r\n <\/div>\r\n <div class=\"enterprise-card\">\r\n <h3>\ud83e\udd1d Strategic Partnerships<\/h3>\r\n <p>Build mutually beneficial partnerships with our ecosystem. Revenue sharing, co-marketing, and joint ventures available.<\/p>\r\n <a href=\"#contact\" onclick=\"scrollToSection('contact')\" class=\"enterprise-card-cta\">Learn More \u2192<\/a>\r\n <\/div>\r\n <div class=\"enterprise-card\">\r\n <h3>\ud83c\udf1f Innovation & R&D<\/h3>\r\n <p>Collaborate on cutting-edge projects. AI research, technology development, and innovation labs for future solutions.<\/p>\r\n <a href=\"#contact\" onclick=\"scrollToSection('contact')\" class=\"enterprise-card-cta\">Learn More \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CORE SERVICES -->\r\n <section class=\"section services-section\" id=\"services\">\r\n <h2 class=\"section-title\">Core Services<\/h2>\r\n <p class=\"section-subtitle\">Comprehensive Solutions Tailored to Your Business Needs<\/p>\r\n <div class=\"filter-buttons\">\r\n <button class=\"filter-btn active\" onclick=\"filterServices('all')\">All Services<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterServices('tech')\">Technology<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterServices('business')\">Business<\/button>\r\n <button class=\"filter-btn\" onclick=\"filterServices('design')\">Design<\/button>\r\n <\/div>\r\n <div class=\"services-grid\" id=\"servicesGrid\"><\/div>\r\n <\/section>\r\n\r\n <!-- AI SERVICES -->\r\n <section class=\"section services-section\" id=\"ai\">\r\n <h2 class=\"section-title\">AI Services & Automation<\/h2>\r\n <p class=\"section-subtitle\">Intelligent Solutions for Modern Challenges<\/p>\r\n <div class=\"services-grid\" id=\"aiGrid\"><\/div>\r\n <\/section>\r\n\r\n <!-- CV-PLUS ECOSYSTEM -->\r\n <section class=\"section services-section\" id=\"cvplus\" style=\"background: linear-gradient(135deg, var(--primary-teal), var(--primary-green)); color: white;\">\r\n <h2 class=\"section-title\" style=\"color: white;\">CV-Plus Ecosystem - Career & Professional Growth<\/h2>\r\n <p class=\"section-subtitle\" style=\"color: rgba(255,255,255,0.9);\">18 Powerful Tools & Platforms for Career Excellence<\/p>\r\n <div class=\"services-grid\" id=\"cvplusGrid\"><\/div>\r\n <\/section>\r\n\r\n <!-- PLATFORMS -->\r\n <section class=\"section services-section\" id=\"platforms\">\r\n <h2 class=\"section-title\">Our Platforms<\/h2>\r\n <p class=\"section-subtitle\">Innovative Solutions for Education, Freelancing, and Community<\/p>\r\n <div class=\"services-grid\" id=\"platformsGrid\"><\/div>\r\n <\/section>\r\n\r\n <!-- TESTIMONIALS -->\r\n <section class=\"section testimonials-section\" id=\"testimonials\">\r\n <h2 class=\"section-title\">Client Testimonials<\/h2>\r\n <p class=\"section-subtitle\">What Our Clients Say About Us<\/p>\r\n <div class=\"testimonials-grid\" id=\"testimonialsGrid\"><\/div>\r\n <\/section>\r\n\r\n <!-- CONTACT SECTION -->\r\n <section class=\"contact-section\" id=\"contact\">\r\n <div class=\"contact-container\">\r\n <form class=\"contact-form\" onsubmit=\"handleSubmit(event)\">\r\n <h2>Get In Touch<\/h2>\r\n <div class=\"form-group\">\r\n <label>Full Name *<\/label>\r\n <input type=\"text\" placeholder=\"Your Name\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email Address *<\/label>\r\n <input type=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Phone Number<\/label>\r\n <input type=\"tel\" placeholder=\"+27 (0) 123 456 789\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Company Name<\/label>\r\n <input type=\"text\" placeholder=\"Your Company\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Select Service *<\/label>\r\n <select required>\r\n <option value=\"\">-- Choose a Service --<\/option>\r\n <optgroup label=\"Core Services\">\r\n <option value=\"IT Support\">IT Support<\/option>\r\n <option value=\"Networking & Lab Setup\">Networking & Lab Setup<\/option>\r\n <option value=\"Device Repairs\">Device Repairs<\/option>\r\n <option value=\"App Development\">App Development<\/option>\r\n <option value=\"Website Design & Hosting\">Website Design & Hosting<\/option>\r\n <option value=\"Company Registration\">Company Registration<\/option>\r\n <option value=\"Business Planning\">Business Planning<\/option>\r\n <option value=\"Business Consulting\">Business Consulting<\/option>\r\n <option value=\"Industrial Building Design\">Industrial Building Design<\/option>\r\n <option value=\"Product & Service Design\">Product & Service Design<\/option>\r\n <\/optgroup>\r\n <optgroup label=\"AI Services\">\r\n <option value=\"AI Agents\">AI Agents<\/option>\r\n <option value=\"Process Automation\">Process Automation<\/option>\r\n <option value=\"Machine Learning\">Machine Learning Solutions<\/option>\r\n <option value=\"AI Consulting\">AI Consulting<\/option>\r\n <option value=\"Data Analytics\">Data Analytics<\/option>\r\n <\/optgroup>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Message *<\/label>\r\n <textarea placeholder=\"Tell us about your project...\" required><\/textarea>\r\n <\/div>\r\n <label style=\"display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px;\">\r\n <input type=\"checkbox\"> Subscribe to our newsletter\r\n <\/label>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"background: var(--accent-gold); color: white; margin-top: 10px;\">\ud83d\udce7 Send Message<\/button>\r\n <\/form>\r\n\r\n <div class=\"contact-info\">\r\n <h2>Contact Information<\/h2>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n <div>\r\n <h4>Phone<\/h4>\r\n <p><a href=\"tel:+27123456789\">+27 (0) 12 345 6789<\/a><\/p>\r\n <p style=\"font-size: 12px; opacity: 0.8;\">Available Mon-Fri, 08:00-18:00<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udce7<\/div>\r\n <div>\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:info@intellectualdynamics.co.za\">info@intellectualdynamics.co.za<\/a><\/p>\r\n <p style=\"font-size: 12px; opacity: 0.8;\">Response within 24 hours<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcac<\/div>\r\n <div>\r\n <h4>WhatsApp Business<\/h4>\r\n <p><a href=\"https:\/\/wa.me\/message\/RV54HQUVGPT7K1\" target=\"_blank\">Message us on WhatsApp<\/a><\/p>\r\n <p style=\"font-size: 12px; opacity: 0.8;\">Instant response available<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83c\udf10<\/div>\r\n <div>\r\n <h4>Website<\/h4>\r\n <p><a href=\"https:\/\/www.intellectualdynamics.co.za\" target=\"_blank\">www.intellectualdynamics.co.za<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <div>\r\n <h4>Address<\/h4>\r\n <p>Johannesburg, South Africa<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\r\n <div>\r\n <h4>Business Hours<\/h4>\r\n <p>Mon - Fri: 08:00 - 18:00<br>Sat: 09:00 - 14:00<br>Sun: Closed<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-section\">\r\n <h4>About Intellectual Dynamics<\/h4>\r\n <p>Leading provider of IT, AI, Business, and Career solutions. We create impact through innovation and excellence, serving schools, governments, and enterprises globally.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.facebook.com\/www.cvplus.co.za\" target=\"_blank\" title=\"Facebook\">f<\/a>\r\n <a href=\"https:\/\/www.instagram.com\/cvplus.co.za\" target=\"_blank\" title=\"Instagram\">\ud83d\udcf7<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/tshifhiwa-flow-03561a47\" target=\"_blank\" title=\"LinkedIn\">in<\/a>\r\n <a href=\"https:\/\/wa.me\/message\/RV54HQUVGPT7K1\" target=\"_blank\" title=\"WhatsApp\">\ud83d\udcac<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4>Core Services<\/h4>\r\n <ul>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services')\">IT Support<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services')\">App Development<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services')\">Website Design<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services')\">Business Consulting<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services')\">Company Registration<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4>AI & Platforms<\/h4>\r\n <ul>\r\n <li><a href=\"#ai\" onclick=\"scrollToSection('ai')\">AI Services<\/a><\/li>\r\n <li><a href=\"#cvplus\" onclick=\"scrollToSection('cvplus')\">CV-Plus Ecosystem<\/a><\/li>\r\n <li><a href=\"https:\/\/www.studentstools.co.za\" target=\"_blank\">Students Tools<\/a><\/li>\r\n <li><a href=\"https:\/\/www.microtasks.co.za\" target=\"_blank\">Microtasks<\/a><\/li>\r\n <li><a href=\"https:\/\/www.myproteaglen.co.za\" target=\"_blank\">MyProteaGlen<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4>Quick Links<\/h4>\r\n <ul>\r\n <li><a href=\"#home\" onclick=\"scrollToSection('home')\">Home<\/a><\/li>\r\n <li><a href=\"#enterprise\" onclick=\"scrollToSection('enterprise')\">Enterprise Solutions<\/a><\/li>\r\n <li><a href=\"#testimonials\" onclick=\"scrollToSection('testimonials')\">Testimonials<\/a><\/li>\r\n <li><a href=\"#contact\" onclick=\"scrollToSection('contact')\">Contact Us<\/a><\/li>\r\n <li><a href=\"https:\/\/www.cv-plus.co.za\/cv-plus-free-resources\" target=\"_blank\">Resources<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h4>CV-Plus Tools<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/www.cv-plus.co.za\/free-cv-builder\" target=\"_blank\">Free CV Builder<\/a><\/li>\r\n <li><a href=\"https:\/\/www.cv-plus.co.za\/cv-plus-ai-agent-3-1\" target=\"_blank\">AI Agent 3.1<\/a><\/li>\r\n <li><a href=\"https:\/\/www.cv-plus.co.za\/cv-plus-skills-pro\" target=\"_blank\">Skills Pro<\/a><\/li>\r\n <li><a href=\"https:\/\/www.cv-plus.co.za\/career-growth-2-1\" target=\"_blank\">Career Growth<\/a><\/li>\r\n <li><a href=\"https:\/\/www.cv-plus.co.za\/global-impact-live-dashboard\" target=\"_blank\">Global Impact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Intellectual Dynamics (PTY) LTD. All rights reserved. | <a href=\"#\" onclick=\"alert('Privacy Policy Coming Soon')\">Privacy Policy<\/a> | <a href=\"#\" onclick=\"alert('Terms of Service Coming Soon')\">Terms of Service<\/a><\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- SCROLL TO TOP BUTTON -->\r\n <button id=\"scrollToTop\" onclick=\"scrollToTop()\" title=\"Back to Top\">\u2191<\/button>\r\n\r\n <script>\r\n \/\/ ===== DATA =====\r\n const coreServices = [\r\n {\r\n icon: '\ud83d\udda5\ufe0f',\r\n name: 'IT Support',\r\n category: 'tech',\r\n description: 'Comprehensive IT support and maintenance',\r\n features: ['24\/7 Support', 'System Monitoring', 'Network Admin', 'Data Backup', 'Security Updates'],\r\n price: 'R2,500 - R5,000\/month',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83c\udf10',\r\n name: 'Networking & Lab Setup',\r\n category: 'tech',\r\n description: 'Professional network design and laboratory setup',\r\n features: ['Network Design', 'Infrastructure', 'Lab Equipment', 'Configuration', 'Training'],\r\n price: 'R15,000 - R50,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udd27',\r\n name: 'Device Repairs',\r\n category: 'tech',\r\n description: 'Expert repair services for all devices',\r\n features: ['Diagnostics', 'Component Replacement', 'Software Troubleshooting', 'Data Recovery', 'Warranty'],\r\n price: 'R500 - R3,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udcf1',\r\n name: 'App Development',\r\n category: 'tech',\r\n description: 'Custom mobile and web applications',\r\n features: ['iOS\/Android', 'Web Apps', 'API Integration', 'Testing', 'Deployment'],\r\n price: 'R25,000 - R150,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83c\udf0d',\r\n name: 'Website Design & Hosting',\r\n category: 'tech',\r\n description: 'Professional website design and hosting',\r\n features: ['Responsive Design', 'E-commerce', 'SEO', 'Hosting', 'SSL Certificate'],\r\n price: 'R8,000 - R30,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udccb',\r\n name: 'Company Registration',\r\n category: 'business',\r\n description: 'Complete company registration services',\r\n features: ['Business Registration', 'Tax Setup', 'Legal Docs', 'CIPC', 'Compliance'],\r\n price: 'R3,500 - R8,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udcca',\r\n name: 'Business Planning',\r\n category: 'business',\r\n description: 'Strategic business planning and consulting',\r\n features: ['Strategic Planning', 'Market Analysis', 'Financial Projections', 'Growth Strategy', 'Implementation'],\r\n price: 'R10,000 - R25,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udcbc',\r\n name: 'Business Consulting',\r\n category: 'business',\r\n description: 'Expert consulting to grow your business',\r\n features: ['Process Optimization', 'Efficiency', 'Cost Reduction', 'Performance Management', 'Change Management'],\r\n price: 'R5,000 - R15,000\/month',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83c\udfe2',\r\n name: 'Industrial Building Design',\r\n category: 'design',\r\n description: 'Professional industrial and commercial design',\r\n features: ['Architectural Design', '3D Visualization', 'Building Plans', 'Project Management', 'Compliance'],\r\n price: 'R30,000 - R100,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83c\udfaf',\r\n name: 'Product & Service Design',\r\n category: 'design',\r\n description: 'Innovative product and service design',\r\n features: ['Concept Development', 'User Research', 'Prototyping', 'Market Testing', 'Launch Support'],\r\n price: 'R20,000 - R60,000',\r\n cta: 'Buy Now'\r\n }\r\n ];\r\n\r\n const aiServices = [\r\n {\r\n icon: '\ud83e\udd16',\r\n name: 'AI Agents',\r\n category: 'ai',\r\n description: 'Intelligent AI agents for business automation',\r\n features: ['Task Automation', 'Decision Making', 'Learning Algorithms', 'Integration', 'Monitoring'],\r\n price: 'R15,000 - R50,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\u2699\ufe0f',\r\n name: 'Process Automation',\r\n category: 'ai',\r\n description: 'Automate your business processes',\r\n features: ['Workflow Automation', 'Data Processing', 'Report Generation', 'Integration', 'Optimization'],\r\n price: 'R10,000 - R40,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83e\udde0',\r\n name: 'Machine Learning Solutions',\r\n category: 'ai',\r\n description: 'Advanced ML models for your business',\r\n features: ['Predictive Analytics', 'Classification', 'Clustering', 'Optimization', 'Deployment'],\r\n price: 'R20,000 - R75,000',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udca1',\r\n name: 'AI Consulting',\r\n category: 'ai',\r\n description: 'Strategic AI implementation consulting',\r\n features: ['Strategy Development', 'Technology Selection', 'Implementation', 'Training', 'Support'],\r\n price: 'R8,000 - R25,000\/month',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udcc8',\r\n name: 'Data Analytics',\r\n category: 'ai',\r\n description: 'Transform data into actionable insights',\r\n features: ['Data Collection', 'Analysis', 'Visualization', 'Reporting', 'Dashboards'],\r\n price: 'R5,000 - R20,000\/month',\r\n cta: 'Buy Now'\r\n },\r\n {\r\n icon: '\ud83d\udd10',\r\n name: 'AI Security & Compliance',\r\n category: 'ai',\r\n description: 'Secure AI implementation and compliance',\r\n features: ['Security Audit', 'Compliance Check', 'Risk Assessment', 'Implementation', 'Monitoring'],\r\n price: 'R10,000 - R35,000',\r\n cta: 'Buy Now'\r\n }\r\n ];\r\n\r\n const cvplusTools = [\r\n { icon: '\ud83d\udcc4', name: 'Free CV Builder', url: 'https:\/\/www.cv-plus.co.za\/free-cv-builder', desc: 'Create professional CVs instantly' },\r\n { icon: '\ud83d\udcda', name: 'Career Resources', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-free-resources', desc: 'Guides and development materials' },\r\n { icon: '\ud83d\udcbc', name: 'Hybrid Workspace', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-hybrid-workspace', desc: 'Flexible work environment' },\r\n { icon: '\ud83d\udcbc', name: 'Workspace V2.2', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-hybrid-workspace-v2-2-2094', desc: 'Enhanced collaboration' },\r\n { icon: '\ud83e\udd16', name: 'AI Workspace 2.0', url: 'https:\/\/www.cv-plus.co.za\/2-0-hybrid-cv-plus-ai-workspace-2095', desc: 'AI-powered workspace' },\r\n { icon: '\ud83e\udd16', name: 'CV-Plus AI Tools', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-ai-tools', desc: 'Suite of AI tools' },\r\n { icon: '\ud83e\udde0', name: 'CV-Plus AI', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-ai', desc: 'Intelligent assistance' },\r\n { icon: '\ud83e\udd16', name: 'AI Agent', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-ai-agent-the-unified-career-browser', desc: 'Unified career browser' },\r\n { icon: '\ud83e\udd16', name: 'AI Agent V2.1', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-ai-agent-v2-1', desc: 'Enhanced AI agent' },\r\n { icon: '\ud83e\udd16', name: 'AI Agent 3.1', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-ai-agent-3-1', desc: 'Latest AI agent' },\r\n { icon: '\u2b50', name: 'Skills Pro', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-skills-pro', desc: 'Skills assessment' },\r\n { icon: '\ud83d\udcc8', name: 'Career Growth 2.1', url: 'https:\/\/www.cv-plus.co.za\/career-growth-2-1', desc: 'Advancement program' },\r\n { icon: '\ud83e\uddd8', name: 'Life Assistance 3.0', url: 'https:\/\/www.cv-plus.co.za\/cv-plus-life-assistance-3-0', desc: 'Balance solutions' },\r\n { icon: '\ud83d\udca7', name: 'Water Intake Reminder', url: 'https:\/\/www.cv-plus.co.za\/water-intake-reminder', desc: 'Health tracking' },\r\n { icon: '\ud83e\udd57', name: 'Healthy Drinks', url: 'https:\/\/www.cv-plus.co.za\/cv-plus%f0%9f%92%a7-healthy-drinks', desc: 'Wellness guidance' },\r\n { icon: '\ud83c\udf0d', name: 'Global Impact Dashboard', url: 'https:\/\/www.cv-plus.co.za\/global-impact-live-dashboard', desc: 'Track your impact' },\r\n { icon: '\ud83c\udf0c', name: 'Cosmic Alignment', url: 'https:\/\/www.cv-plus.co.za\/cosmic-systemic-alignment', desc: 'Holistic success' },\r\n { icon: '\ud83e\uddec', name: 'Human Consciousness Interface', url: 'https:\/\/www.cv-plus.co.za\/cv-plushuman-consciousness-interface', desc: 'Consciousness platform' }\r\n ];\r\n\r\n const platforms = [\r\n { icon: '\ud83d\udcda', name: 'Students Tools', url: 'https:\/\/www.studentstools.co.za', desc: 'Academic collaboration platform', features: ['Study resources', 'Collaboration tools', 'Assignment management', 'Grade tracking', 'Peer learning'] },\r\n { icon: '\ud83d\udcbc', name: 'Microtasks', url: 'https:\/\/www.microtasks.co.za', desc: 'Freelance marketplace', features: ['Task marketplace', 'Flexible work', 'Instant payments', 'Skill matching', 'Rating system'] },\r\n { icon: '\ud83c\udfe1', name: 'MyProteaGlen', url: 'https:\/\/www.myproteaglen.co.za', desc: 'Community platform', features: ['Networking', 'Professional services', 'Lifestyle benefits', 'Events', 'Member directory'] }\r\n ];\r\n\r\n const testimonials = [\r\n { name: 'John Smith', role: 'CEO, Tech Corp', text: 'Intellectual Dynamics transformed our business with their innovative AI solutions. Highly recommended!', stars: 5 },\r\n { name: 'Sarah Johnson', role: 'Director, Education Plus', text: 'Outstanding service and support. Their team is professional and delivers results consistently.', stars: 5 },\r\n { name: 'Michael Brown', role: 'Manager, Global Solutions', text: 'Best enterprise partner we could ask for. They understand our needs and deliver excellence.', stars: 5 },\r\n { name: 'Emma Davis', role: 'Founder, StartUp Hub', text: 'From concept to deployment, they handled everything perfectly. Exceptional quality!', stars: 5 },\r\n { name: 'David Wilson', role: 'CTO, Innovation Labs', text: 'Their AI expertise and consulting services are unmatched in the industry.', stars: 5 },\r\n { name: 'Lisa Anderson', role: 'Principal, Academy School', text: 'Implemented their platform for our students. Engagement increased significantly!', stars: 5 }\r\n ];\r\n\r\n \/\/ ===== RENDER FUNCTIONS =====\r\n function renderServices(services, containerId) {\r\n const container = document.getElementById(containerId);\r\n container.innerHTML = services.map(service => `\r\n <div class=\"service-card active\" data-category=\"${service.category}\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">${service.icon}<\/div>\r\n <h3>${service.name}<\/h3>\r\n <p>${service.description}<\/p>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h4>Features<\/h4>\r\n <ul class=\"service-features\">\r\n ${service.features.map(f => `<li>${f}<\/li>`).join('')}\r\n <\/ul>\r\n <div class=\"service-price\">${service.price}<\/div>\r\n <div class=\"service-actions\">\r\n <button class=\"btn btn-buy\" onclick=\"scrollToSection('contact')\">\ud83d\udcb3 ${service.cta}<\/button>\r\n <button class=\"btn btn-details\" onclick=\"showServiceDetail('${service.name}')\">Details<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function renderCVPlusTools() {\r\n const container = document.getElementById('cvplusGrid');\r\n container.innerHTML = cvplusTools.map(tool => `\r\n <div class=\"service-card active\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">${tool.icon}<\/div>\r\n <h3>${tool.name}<\/h3>\r\n <p>${tool.desc}<\/p>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <div class=\"service-actions\">\r\n <a href=\"${tool.url}\" target=\"_blank\" class=\"btn btn-buy\">\ud83d\udd17 Access Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function renderPlatforms() {\r\n const container = document.getElementById('platformsGrid');\r\n container.innerHTML = platforms.map(platform => `\r\n <div class=\"service-card active\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">${platform.icon}<\/div>\r\n <h3>${platform.name}<\/h3>\r\n <p>${platform.desc}<\/p>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <h4>Features<\/h4>\r\n <ul class=\"service-features\">\r\n ${platform.features.map(f => `<li>${f}<\/li>`).join('')}\r\n <\/ul>\r\n <div class=\"service-actions\">\r\n <a href=\"${platform.url}\" target=\"_blank\" class=\"btn btn-buy\">\ud83c\udf10 Visit Platform<\/a>\r\n <button class=\"btn btn-details\" onclick=\"scrollToSection('contact')\">Inquire<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n function renderTestimonials() {\r\n const container = document.getElementById('testimonialsGrid');\r\n container.innerHTML = testimonials.map(test => `\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">${'\u2b50'.repeat(test.stars)}<\/div>\r\n <p class=\"testimonial-text\">\"${test.text}\"<\/p>\r\n <div class=\"testimonial-author\">${test.name}<\/div>\r\n <div class=\"testimonial-role\">${test.role}<\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n \/\/ ===== NAVIGATION FUNCTIONS =====\r\n function scrollToSection(sectionId) {\r\n const element = document.getElementById(sectionId);\r\n if (element) {\r\n element.scrollIntoView({ behavior: 'smooth' });\r\n document.getElementById('navMenu').classList.remove('active');\r\n document.getElementById('hamburger').classList.remove('active');\r\n updateBreadcrumb(sectionId);\r\n }\r\n }\r\n\r\n function toggleMenu() {\r\n document.getElementById('navMenu').classList.toggle('active');\r\n document.getElementById('hamburger').classList.toggle('active');\r\n }\r\n\r\n function toggleDropdown(event) {\r\n event.preventDefault();\r\n const dropdown = event.target.parentElement;\r\n dropdown.classList.toggle('active');\r\n }\r\n\r\n function updateBreadcrumb(sectionId) {\r\n const breadcrumb = document.getElementById('breadcrumb');\r\n const breadcrumbText = document.getElementById('breadcrumbText');\r\n const sectionNames = {\r\n 'home': 'Home',\r\n 'services': 'Services',\r\n 'ai': 'AI Services',\r\n 'cvplus': 'CV-Plus',\r\n 'platforms': 'Platforms',\r\n 'enterprise': 'Enterprise',\r\n 'testimonials': 'Testimonials',\r\n 'contact': 'Contact'\r\n };\r\n if (sectionId !== 'home') {\r\n breadcrumb.classList.add('active');\r\n breadcrumbText.textContent = sectionNames[sectionId] || 'Section';\r\n } else {\r\n breadcrumb.classList.remove('active');\r\n }\r\n }\r\n\r\n \/\/ ===== FILTER & SEARCH =====\r\n function filterServices(category) {\r\n document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\r\n event.target.classList.add('active');\r\n\r\n const cards = document.querySelectorAll('#servicesGrid .service-card');\r\n cards.forEach(card => {\r\n if (category === 'all' || card.dataset.category === category) {\r\n card.classList.add('active');\r\n } else {\r\n card.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n function searchServices() {\r\n const query = document.getElementById('searchInput').value.toLowerCase();\r\n const cards = document.querySelectorAll('#servicesGrid .service-card');\r\n cards.forEach(card => {\r\n const text = card.textContent.toLowerCase();\r\n if (text.includes(query)) {\r\n card.classList.add('active');\r\n } else {\r\n card.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ ===== THEME TOGGLE =====\r\n function toggleTheme() {\r\n document.body.classList.toggle('dark-mode');\r\n localStorage.setItem('theme', document.body.classList.contains('dark-mode') ? 'dark' : 'light');\r\n }\r\n\r\n if (localStorage.getItem('theme') === 'dark') {\r\n document.body.classList.add('dark-mode');\r\n }\r\n\r\n \/\/ ===== SCROLL TO TOP =====\r\n window.addEventListener('scroll', () => {\r\n const btn = document.getElementById('scrollToTop');\r\n if (window.scrollY > 300) {\r\n btn.classList.add('show');\r\n } else {\r\n btn.classList.remove('show');\r\n }\r\n\r\n \/\/ Update navbar shadow\r\n const navbar = document.getElementById('navbar');\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n function scrollToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ ===== FORM SUBMIT =====\r\n function handleSubmit(event) {\r\n event.preventDefault();\r\n alert('Thank you for your inquiry! We will contact you within 24 hours.');\r\n event.target.reset();\r\n }\r\n\r\n \/\/ ===== SERVICE DETAIL =====\r\n function showServiceDetail(serviceName) {\r\n alert(`Service: ${serviceName}\\n\\nPlease contact us for detailed information about this service.`);\r\n }\r\n\r\n \/\/ ===== INITIALIZE =====\r\n document.addEventListener('DOMContentLoaded', () => {\r\n renderServices(coreServices, 'servicesGrid');\r\n renderServices(aiServices, 'aiGrid');\r\n renderCVPlusTools();\r\n renderPlatforms();\r\n renderTestimonials();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Intellectual Dynamics – Global Enterprise Solutions | Where Ideas Create Impact \ud83e\udde0 Intellectual Dynamics HOME SERVICES All Services Technology Business […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":15,"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/www.intellectualdynamics.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}