Command Centre CCTV – Wiguard<\/title>\n<style>\n:root {\n --bg: #f6f8fb;\n --accent: #28a745;\n --muted: #6b7280;\n --title: #0f172a;\n --radius: 16px;\n --shadow: 0 8px 24px rgba(11,20,40,0.08);\n --glass: rgba(255,255,255,0.2);\n --glass-blur: blur(12px);\n --max-width: 1200px;\n}\n\nbody {\n margin: 0;\n font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\n background: var(--bg);\n color: var(--title);\n}\n\nheader {\n background: var(--accent);\n color: #fff;\n padding: 60px 20px;\n text-align: center;\n}\n\nheader h1 {\n font-size: 36px;\n font-weight: 700;\n margin: 0;\n}\n\nheader p {\n font-size: 20px;\n margin-top: 12px;\n font-weight: 500;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* Main section *\/\n.main {\n max-width: var(--max-width);\n margin: 40px auto;\n padding: 0 20px;\n}\n\n\/* Two-column intro section *\/\n.intro-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 40px;\n margin-bottom: 60px;\n}\n\n.intro-text {\n flex: 1;\n font-size: 18px;\n line-height: 1.7;\n color: var(--muted);\n}\n\n.intro-text span {\n color: var(--accent);\n font-weight: 600;\n}\n\n.hero-image {\n flex: 1;\n position: relative;\n overflow: hidden;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n transition: transform 0.5s ease;\n}\n\n.hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: var(--radius);\n transition: transform 0.5s ease;\n}\n\n.hero-image:hover img {\n transform: scale(1.05);\n}\n\n\/* Glass overlay on image *\/\n.hero-overlay {\n position: absolute;\n bottom: 20px;\n left: 20px;\n right: 20px;\n background: var(--glass);\n backdrop-filter: var(--glass-blur);\n padding: 20px;\n border-radius: var(--radius);\n color: #fff;\n}\n\n.hero-overlay h2 {\n margin: 0 0 8px 0;\n font-size: 28px;\n}\n\n.hero-overlay p {\n margin: 0;\n font-size: 16px;\n}\n\n\/* Features Section *\/\n.features-section {\n margin-bottom: 60px;\n text-align: center;\n}\n\n.features-section h2 {\n font-size: 32px;\n color: var(--title);\n margin-bottom: 12px;\n}\n\n.features-section p {\n color: var(--muted);\n font-size: 18px;\n max-width: 800px;\n margin: 0 auto 40px auto;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n padding: 0 10px;\n}\n\n.feature-card {\n background: #fff;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 25px 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 28px rgba(11,20,40,0.12);\n}\n\n.feature-card h3 {\n color: var(--accent);\n font-size: 22px;\n margin-bottom: 12px;\n}\n\n.feature-card p {\n color: var(--muted);\n font-size: 16px;\n line-height: 1.6;\n}\n\n\/* Responsive layout *\/\n@media (max-width: 992px) {\n .intro-section {\n flex-direction: column-reverse;\n gap: 20px;\n }\n .hero-overlay {\n bottom: 10px;\n left: 10px;\n right: 10px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<header>\n <h1>Centralized Control and Intelligent Monitoring for Complete Security Management<\/h1>\n <p>\n Centralized monitoring for multi-site operations with real-time visibility and rapid incident response.\n <\/p>\n<\/header>\n\n<main class=\"main\">\n\n \n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n Our Command Centre solutions provide <span>centralized control and oversight<\/span>. Real-time video walls, operator dashboards, and alarm integration allow multi-site management with instant playback and secure evidence export.\n <\/p>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/09\/command-center_p3-02.jpg\" alt=\"Command Centre CCTV\">\n <div class=\"hero-overlay\">\n <h2>Command Centre CCTV<\/h2>\n <p>Unified monitoring hub for live feeds, alerts, and incident response.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"features-section\">\n <h2>Key Command Centre Features<\/h2>\n <p>Comprehensive solutions for video walls, operator tools, and rapid incident management.<\/p>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <h3>Video Wall & Dashboards<\/h3>\n <p>Unified view of live feeds, maps, and alerts for quick decision-making.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Operator Tools<\/h3>\n <p>Multi-screen support, role-based access, and instant playback for efficient monitoring.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Incident Response<\/h3>\n <p>Alarm integration, automated escalation, and secure evidence export for rapid response.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Command Center Products<\/title>\n<style>\n body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #fff; }\n .products-section { text-align: center; padding: 50px 20px; max-width: 1200px; margin: auto; }\n .products-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n .products-header h2 { font-size: 28px; font-weight: bold; color: #2e7d32; margin: 0; text-align: center; flex-grow: 1; }\n .arrows { font-size: 28px; font-weight: bold; color: #2e7d32; cursor: pointer; margin-left: 10px; user-select: none; }\n .slider-container { overflow: hidden; position: relative; }\n .slider-wrapper { display: flex; transition: transform 0.5s ease-in-out; }\n .product-card { flex: 0 0 25%; padding: 15px; box-sizing: border-box; }\n .product-box { border: 1px solid #eee; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; }\n .product-box:hover { transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }\n .product-box img { width: 100%; height: 200px; object-fit: cover; background: #f9f9f9; }\n .product-info { padding: 15px; text-align: center; flex-grow: 1; }\n .product-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333; }\n .product-feature { font-size: 14px; color: #555; }\n .dots { text-align: center; margin-top: 15px; }\n .dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: #ccc; border-radius: 50%; cursor: pointer; transition: background 0.3s; }\n .dot.active { background: #2e7d32; }\n\n \/* Modals *\/\n .modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); justify-content:center; align-items:center; z-index: 1000; overflow:auto; padding:20px; }\n .modal-content { background:#fff; border-radius: 12px; padding: 24px; max-width: 700px; width: 100%; text-align: center; position: relative; }\n .modal-content h2 { font-size:24px; color:#2e7d32; margin-bottom:16px; }\n .modal-content p { font-size:14px; color:#333; margin:4px 0; text-align:left; }\n .close-btn { position:absolute; top:12px; right:12px; font-size:24px; font-weight:bold; cursor:pointer; color:#333; }\n .modal-image img { width: auto; max-width: 500px; height: auto; max-height: 400px; border-radius: 12px; display: block; margin: 0 auto 16px auto; }\n\n @media (max-width: 992px) { .product-card { flex: 0 0 50%; } }\n @media (max-width: 600px) { .product-card { flex: 0 0 100%; } }\n@media (max-width: 600px) {\n .modal-content {\n width: 95%;\n max-width: none;\n padding: 16px;\n }\n .modal-image img {\n width: 100%;\n height: auto;\n max-width: 100%;\n max-height: 60vh;\n object-fit: contain;\n }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<section class=\"products-section\">\n <div class=\"products-header\">\n <h2>Command Center Products<\/h2>\n <div>\n <span class=\"arrows\" id=\"prev\">\u276e<\/span>\n <span class=\"arrows\" id=\"next\">\u276f<\/span>\n <\/div>\n <\/div>\n\n <div class=\"slider-container\">\n <div id=\"slider\" class=\"slider-wrapper\">\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/Command-Monitor-55\u2033.avif\" alt=\"Command Monitor 55"\">\n <div class=\"product-info\">\n <div class=\"product-title\">Command Monitor 55″<\/div>\n <div class=\"product-feature\">4K UHD, IPS, Multiple Input Support<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal1\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlWorkstation.jpeg\" alt=\"Control Workstation\">\n <div class=\"product-info\">\n <div class=\"product-title\">Control Workstation<\/div>\n <div class=\"product-feature\">Intel i9, 32GB RAM, Dual GPU, Windows<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal2\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlPanel.jpeg\" alt=\"Control Panel\">\n <div class=\"product-info\">\n <div class=\"product-title\">Control Panel<\/div>\n <div class=\"product-feature\">Touchscreen, Real-time Monitoring, Multi-Input<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal3\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/CommandServer.jpeg\" alt=\"Command Server\">\n <div class=\"product-info\">\n <div class=\"product-title\">Command Server<\/div>\n <div class=\"product-feature\">High Performance, RAID Storage, 24\/7 Operation<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal4\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div id=\"dots\" class=\"dots\"><\/div>\n<\/section>\n\n\n<div id=\"modal1\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Command Monitor 55″<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/Command-Monitor-55\u2033.avif\" alt=\"Command Monitor 55"\"><\/div>\n <p><strong>Description:<\/strong> High-definition 55″ monitor for command center operations.<\/p>\n <p><strong>Features:<\/strong> 4K UHD, IPS panel, Multiple input sources, HDMI\/DP\/VGA<\/p>\n <p><strong>Specifications:<\/strong> 3840×2160, 60Hz, 500 nits brightness, 178\u00b0 viewing angle<\/p>\n <\/div>\n<\/div>\n\n<div id=\"modal2\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Control Workstation<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlWorkstation.jpeg\" alt=\"Control Workstation\"><\/div>\n <p><strong>Description:<\/strong> High-performance workstation for command center operations.<\/p>\n <p><strong>Features:<\/strong> Intel i9 CPU, 32GB RAM, Dual GPU, Windows OS, 4K output support<\/p>\n <p><strong>Specifications:<\/strong> SSD 1TB, RAID enabled, Network 10Gbps, Redundant PSU<\/p>\n <\/div>\n<\/div>\n\n<div id=\"modal3\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Control Panel<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlPanel.jpeg\" alt=\"Control Panel\"><\/div>\n <p><strong>Description:<\/strong> Touchscreen control panel for managing multiple systems.<\/p>\n <p><strong>Features:<\/strong> Multi-touch, Real-time monitoring, Multi-input display, Customizable UI<\/p>\n <p><strong>Specifications:<\/strong> 32″ display, 1920×1080, HDMI\/DP\/VGA, 10ms response<\/p>\n <\/div>\n<\/div>\n\n<div id=\"modal4\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Command Server<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/CommandServer.jpeg\" alt=\"Command Server\"><\/div>\n <p><strong>Description:<\/strong> Robust server for command center data processing and storage.<\/p>\n <p><strong>Features:<\/strong> High performance CPU, RAID storage, 24\/7 uptime, Network redundancy<\/p>\n <p><strong>Specifications:<\/strong> 64GB RAM, 2TB SSD, Dual Xeon CPU, 10Gbps network ports<\/p>\n <\/div>\n<\/div>\n\n<script>\n const slider = document.getElementById('slider');\n const cards = document.querySelectorAll('.product-card');\n const prev = document.getElementById('prev');\n const next = document.getElementById('next');\n const dotsContainer = document.getElementById('dots');\n let index = 0;\n let cardsPerView = 4;\n\n function updateCardsPerView() {\n if(window.innerWidth <= 600) cardsPerView = 1;\n else if(window.innerWidth <= 992) cardsPerView = 2;\n else cardsPerView = 4;\n }\n\n function totalSlides() {\n return Math.ceil(cards.length \/ cardsPerView);\n }\n\n function updateSlider() {\n updateCardsPerView();\n const maxTranslate = (cards.length - cardsPerView) * (100 \/ cardsPerView);\n const translateX = index * (100 \/ cardsPerView);\n slider.style.transform = `translateX(-${Math.min(translateX, maxTranslate)}%)`;\n updateDots();\n }\n\n function moveSlide(step) {\n index += step;\n if(index < 0) index = totalSlides()-1;\n if(index >= totalSlides()) index = 0;\n updateSlider();\n }\n\n function goToSlide(i) {\n index = i;\n updateSlider();\n }\n\n prev.addEventListener('click', ()=> moveSlide(-1));\n next.addEventListener('click', ()=> moveSlide(1));\n\n function createDots() {\n dotsContainer.innerHTML = '';\n for(let i=0;i<totalSlides();i++){\n const dot = document.createElement('span');\n dot.classList.add('dot');\n if(i===0) dot.classList.add('active');\n dot.addEventListener('click', ()=> goToSlide(i));\n dotsContainer.appendChild(dot);\n }\n }\n\n function updateDots() {\n const dots = document.querySelectorAll('.dot');\n dots.forEach(d => d.classList.remove('active'));\n if(dots[index]) dots[index].classList.add('active');\n }\n\n window.addEventListener('resize', ()=> {\n updateSlider();\n createDots();\n });\n\n createDots();\n updateSlider();\n\n \/\/ Modals\n const modalBtns = document.querySelectorAll('.btn');\n modalBtns.forEach(btn=>{\n btn.addEventListener('click', (e)=>{\n e.preventDefault();\n const modalId = btn.getAttribute('data-modal');\n document.getElementById(modalId).style.display = 'flex';\n });\n });\n\n const closeBtns = document.querySelectorAll('.close-btn');\n closeBtns.forEach(btn=>{\n btn.addEventListener('click', ()=>{\n btn.closest('.modal').style.display = 'none';\n });\n });\n\n window.addEventListener('click', e=>{\n if(e.target.classList.contains('modal')){\n e.target.style.display = 'none';\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Command Centre CCTV – Wiguard Centralized Control and Intelligent Monitoring for Complete Security Management Centralized monitoring for multi-site operations with real-time visibility and rapid incident response. Our Command Centre solutions provide centralized control and oversight. Real-time video walls, operator dashboards, and alarm integration allow multi-site management with instant playback and secure evidence export. Command Centre<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/comments?post=21178"}],"version-history":[{"count":6,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21178\/revisions"}],"predecessor-version":[{"id":21652,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21178\/revisions\/21652"}],"wp:attachment":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/media?parent=21178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":21178,"date":"2025-09-30T10:03:32","date_gmt":"2025-09-30T10:03:32","guid":{"rendered":"https:\/\/wiguard.in\/?page_id=21178"},"modified":"2025-10-15T12:31:38","modified_gmt":"2025-10-15T12:31:38","slug":"command-center","status":"publish","type":"page","link":"https:\/\/wiguard.in\/index.php\/command-center\/","title":{"rendered":"Command Center"},"content":{"rendered":"\n\n\n\n\n\nCommand Centre CCTV – Wiguard<\/title>\n<style>\n:root {\n --bg: #f6f8fb;\n --accent: #28a745;\n --muted: #6b7280;\n --title: #0f172a;\n --radius: 16px;\n --shadow: 0 8px 24px rgba(11,20,40,0.08);\n --glass: rgba(255,255,255,0.2);\n --glass-blur: blur(12px);\n --max-width: 1200px;\n}\n\nbody {\n margin: 0;\n font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\n background: var(--bg);\n color: var(--title);\n}\n\nheader {\n background: var(--accent);\n color: #fff;\n padding: 60px 20px;\n text-align: center;\n}\n\nheader h1 {\n font-size: 36px;\n font-weight: 700;\n margin: 0;\n}\n\nheader p {\n font-size: 20px;\n margin-top: 12px;\n font-weight: 500;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* Main section *\/\n.main {\n max-width: var(--max-width);\n margin: 40px auto;\n padding: 0 20px;\n}\n\n\/* Two-column intro section *\/\n.intro-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 40px;\n margin-bottom: 60px;\n}\n\n.intro-text {\n flex: 1;\n font-size: 18px;\n line-height: 1.7;\n color: var(--muted);\n}\n\n.intro-text span {\n color: var(--accent);\n font-weight: 600;\n}\n\n.hero-image {\n flex: 1;\n position: relative;\n overflow: hidden;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n transition: transform 0.5s ease;\n}\n\n.hero-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: var(--radius);\n transition: transform 0.5s ease;\n}\n\n.hero-image:hover img {\n transform: scale(1.05);\n}\n\n\/* Glass overlay on image *\/\n.hero-overlay {\n position: absolute;\n bottom: 20px;\n left: 20px;\n right: 20px;\n background: var(--glass);\n backdrop-filter: var(--glass-blur);\n padding: 20px;\n border-radius: var(--radius);\n color: #fff;\n}\n\n.hero-overlay h2 {\n margin: 0 0 8px 0;\n font-size: 28px;\n}\n\n.hero-overlay p {\n margin: 0;\n font-size: 16px;\n}\n\n\/* Features Section *\/\n.features-section {\n margin-bottom: 60px;\n text-align: center;\n}\n\n.features-section h2 {\n font-size: 32px;\n color: var(--title);\n margin-bottom: 12px;\n}\n\n.features-section p {\n color: var(--muted);\n font-size: 18px;\n max-width: 800px;\n margin: 0 auto 40px auto;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n padding: 0 10px;\n}\n\n.feature-card {\n background: #fff;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 25px 20px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 28px rgba(11,20,40,0.12);\n}\n\n.feature-card h3 {\n color: var(--accent);\n font-size: 22px;\n margin-bottom: 12px;\n}\n\n.feature-card p {\n color: var(--muted);\n font-size: 16px;\n line-height: 1.6;\n}\n\n\/* Responsive layout *\/\n@media (max-width: 992px) {\n .intro-section {\n flex-direction: column-reverse;\n gap: 20px;\n }\n .hero-overlay {\n bottom: 10px;\n left: 10px;\n right: 10px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<header>\n <h1>Centralized Control and Intelligent Monitoring for Complete Security Management<\/h1>\n <p>\n Centralized monitoring for multi-site operations with real-time visibility and rapid incident response.\n <\/p>\n<\/header>\n\n<main class=\"main\">\n\n \n <div class=\"intro-section\">\n <div class=\"intro-text\">\n <p>\n Our Command Centre solutions provide <span>centralized control and oversight<\/span>. Real-time video walls, operator dashboards, and alarm integration allow multi-site management with instant playback and secure evidence export.\n <\/p>\n <\/div>\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/09\/command-center_p3-02.jpg\" alt=\"Command Centre CCTV\">\n <div class=\"hero-overlay\">\n <h2>Command Centre CCTV<\/h2>\n <p>Unified monitoring hub for live feeds, alerts, and incident response.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"features-section\">\n <h2>Key Command Centre Features<\/h2>\n <p>Comprehensive solutions for video walls, operator tools, and rapid incident management.<\/p>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <h3>Video Wall & Dashboards<\/h3>\n <p>Unified view of live feeds, maps, and alerts for quick decision-making.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Operator Tools<\/h3>\n <p>Multi-screen support, role-based access, and instant playback for efficient monitoring.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Incident Response<\/h3>\n <p>Alarm integration, automated escalation, and secure evidence export for rapid response.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Command Center Products<\/title>\n<style>\n body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #fff; }\n .products-section { text-align: center; padding: 50px 20px; max-width: 1200px; margin: auto; }\n .products-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\n .products-header h2 { font-size: 28px; font-weight: bold; color: #2e7d32; margin: 0; text-align: center; flex-grow: 1; }\n .arrows { font-size: 28px; font-weight: bold; color: #2e7d32; cursor: pointer; margin-left: 10px; user-select: none; }\n .slider-container { overflow: hidden; position: relative; }\n .slider-wrapper { display: flex; transition: transform 0.5s ease-in-out; }\n .product-card { flex: 0 0 25%; padding: 15px; box-sizing: border-box; }\n .product-box { border: 1px solid #eee; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; }\n .product-box:hover { transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }\n .product-box img { width: 100%; height: 200px; object-fit: cover; background: #f9f9f9; }\n .product-info { padding: 15px; text-align: center; flex-grow: 1; }\n .product-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333; }\n .product-feature { font-size: 14px; color: #555; }\n .dots { text-align: center; margin-top: 15px; }\n .dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: #ccc; border-radius: 50%; cursor: pointer; transition: background 0.3s; }\n .dot.active { background: #2e7d32; }\n\n \/* Modals *\/\n .modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); justify-content:center; align-items:center; z-index: 1000; overflow:auto; padding:20px; }\n .modal-content { background:#fff; border-radius: 12px; padding: 24px; max-width: 700px; width: 100%; text-align: center; position: relative; }\n .modal-content h2 { font-size:24px; color:#2e7d32; margin-bottom:16px; }\n .modal-content p { font-size:14px; color:#333; margin:4px 0; text-align:left; }\n .close-btn { position:absolute; top:12px; right:12px; font-size:24px; font-weight:bold; cursor:pointer; color:#333; }\n .modal-image img { width: auto; max-width: 500px; height: auto; max-height: 400px; border-radius: 12px; display: block; margin: 0 auto 16px auto; }\n\n @media (max-width: 992px) { .product-card { flex: 0 0 50%; } }\n @media (max-width: 600px) { .product-card { flex: 0 0 100%; } }\n@media (max-width: 600px) {\n .modal-content {\n width: 95%;\n max-width: none;\n padding: 16px;\n }\n .modal-image img {\n width: 100%;\n height: auto;\n max-width: 100%;\n max-height: 60vh;\n object-fit: contain;\n }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<section class=\"products-section\">\n <div class=\"products-header\">\n <h2>Command Center Products<\/h2>\n <div>\n <span class=\"arrows\" id=\"prev\">\u276e<\/span>\n <span class=\"arrows\" id=\"next\">\u276f<\/span>\n <\/div>\n <\/div>\n\n <div class=\"slider-container\">\n <div id=\"slider\" class=\"slider-wrapper\">\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/Command-Monitor-55\u2033.avif\" alt=\"Command Monitor 55"\">\n <div class=\"product-info\">\n <div class=\"product-title\">Command Monitor 55″<\/div>\n <div class=\"product-feature\">4K UHD, IPS, Multiple Input Support<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal1\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlWorkstation.jpeg\" alt=\"Control Workstation\">\n <div class=\"product-info\">\n <div class=\"product-title\">Control Workstation<\/div>\n <div class=\"product-feature\">Intel i9, 32GB RAM, Dual GPU, Windows<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal2\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlPanel.jpeg\" alt=\"Control Panel\">\n <div class=\"product-info\">\n <div class=\"product-title\">Control Panel<\/div>\n <div class=\"product-feature\">Touchscreen, Real-time Monitoring, Multi-Input<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal3\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-box\">\n <img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/CommandServer.jpeg\" alt=\"Command Server\">\n <div class=\"product-info\">\n <div class=\"product-title\">Command Server<\/div>\n <div class=\"product-feature\">High Performance, RAID Storage, 24\/7 Operation<\/div>\n <a href=\"#\" class=\"btn\" data-modal=\"modal4\">View Details<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div id=\"dots\" class=\"dots\"><\/div>\n<\/section>\n\n\n<div id=\"modal1\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Command Monitor 55″<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/Command-Monitor-55\u2033.avif\" alt=\"Command Monitor 55"\"><\/div>\n <p><strong>Description:<\/strong> High-definition 55″ monitor for command center operations.<\/p>\n <p><strong>Features:<\/strong> 4K UHD, IPS panel, Multiple input sources, HDMI\/DP\/VGA<\/p>\n <p><strong>Specifications:<\/strong> 3840×2160, 60Hz, 500 nits brightness, 178\u00b0 viewing angle<\/p>\n <\/div>\n<\/div>\n\n<div id=\"modal2\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Control Workstation<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlWorkstation.jpeg\" alt=\"Control Workstation\"><\/div>\n <p><strong>Description:<\/strong> High-performance workstation for command center operations.<\/p>\n <p><strong>Features:<\/strong> Intel i9 CPU, 32GB RAM, Dual GPU, Windows OS, 4K output support<\/p>\n <p><strong>Specifications:<\/strong> SSD 1TB, RAID enabled, Network 10Gbps, Redundant PSU<\/p>\n <\/div>\n<\/div>\n\n<div id=\"modal3\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Control Panel<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/ControlPanel.jpeg\" alt=\"Control Panel\"><\/div>\n <p><strong>Description:<\/strong> Touchscreen control panel for managing multiple systems.<\/p>\n <p><strong>Features:<\/strong> Multi-touch, Real-time monitoring, Multi-input display, Customizable UI<\/p>\n <p><strong>Specifications:<\/strong> 32″ display, 1920×1080, HDMI\/DP\/VGA, 10ms response<\/p>\n <\/div>\n<\/div>\n\n<div id=\"modal4\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\">×<\/span>\n <h2>Command Server<\/h2>\n <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/CommandServer.jpeg\" alt=\"Command Server\"><\/div>\n <p><strong>Description:<\/strong> Robust server for command center data processing and storage.<\/p>\n <p><strong>Features:<\/strong> High performance CPU, RAID storage, 24\/7 uptime, Network redundancy<\/p>\n <p><strong>Specifications:<\/strong> 64GB RAM, 2TB SSD, Dual Xeon CPU, 10Gbps network ports<\/p>\n <\/div>\n<\/div>\n\n<script>\n const slider = document.getElementById('slider');\n const cards = document.querySelectorAll('.product-card');\n const prev = document.getElementById('prev');\n const next = document.getElementById('next');\n const dotsContainer = document.getElementById('dots');\n let index = 0;\n let cardsPerView = 4;\n\n function updateCardsPerView() {\n if(window.innerWidth <= 600) cardsPerView = 1;\n else if(window.innerWidth <= 992) cardsPerView = 2;\n else cardsPerView = 4;\n }\n\n function totalSlides() {\n return Math.ceil(cards.length \/ cardsPerView);\n }\n\n function updateSlider() {\n updateCardsPerView();\n const maxTranslate = (cards.length - cardsPerView) * (100 \/ cardsPerView);\n const translateX = index * (100 \/ cardsPerView);\n slider.style.transform = `translateX(-${Math.min(translateX, maxTranslate)}%)`;\n updateDots();\n }\n\n function moveSlide(step) {\n index += step;\n if(index < 0) index = totalSlides()-1;\n if(index >= totalSlides()) index = 0;\n updateSlider();\n }\n\n function goToSlide(i) {\n index = i;\n updateSlider();\n }\n\n prev.addEventListener('click', ()=> moveSlide(-1));\n next.addEventListener('click', ()=> moveSlide(1));\n\n function createDots() {\n dotsContainer.innerHTML = '';\n for(let i=0;i<totalSlides();i++){\n const dot = document.createElement('span');\n dot.classList.add('dot');\n if(i===0) dot.classList.add('active');\n dot.addEventListener('click', ()=> goToSlide(i));\n dotsContainer.appendChild(dot);\n }\n }\n\n function updateDots() {\n const dots = document.querySelectorAll('.dot');\n dots.forEach(d => d.classList.remove('active'));\n if(dots[index]) dots[index].classList.add('active');\n }\n\n window.addEventListener('resize', ()=> {\n updateSlider();\n createDots();\n });\n\n createDots();\n updateSlider();\n\n \/\/ Modals\n const modalBtns = document.querySelectorAll('.btn');\n modalBtns.forEach(btn=>{\n btn.addEventListener('click', (e)=>{\n e.preventDefault();\n const modalId = btn.getAttribute('data-modal');\n document.getElementById(modalId).style.display = 'flex';\n });\n });\n\n const closeBtns = document.querySelectorAll('.close-btn');\n closeBtns.forEach(btn=>{\n btn.addEventListener('click', ()=>{\n btn.closest('.modal').style.display = 'none';\n });\n });\n\n window.addEventListener('click', e=>{\n if(e.target.classList.contains('modal')){\n e.target.style.display = 'none';\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Command Centre CCTV – Wiguard Centralized Control and Intelligent Monitoring for Complete Security Management Centralized monitoring for multi-site operations with real-time visibility and rapid incident response. Our Command Centre solutions provide centralized control and oversight. Real-time video walls, operator dashboards, and alarm integration allow multi-site management with instant playback and secure evidence export. Command Centre<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/comments?post=21178"}],"version-history":[{"count":6,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21178\/revisions"}],"predecessor-version":[{"id":21652,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21178\/revisions\/21652"}],"wp:attachment":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/media?parent=21178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}