{"id":21504,"date":"2025-10-04T10:06:16","date_gmt":"2025-10-04T10:06:16","guid":{"rendered":"https:\/\/wiguard.in\/?page_id=21504"},"modified":"2025-10-04T11:21:58","modified_gmt":"2025-10-04T11:21:58","slug":"dvr-nvr","status":"publish","type":"page","link":"https:\/\/wiguard.in\/index.php\/dvr-nvr\/","title":{"rendered":"DVR \/ NVR"},"content":{"rendered":"\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\" \/>\n<title>DVR &#038; NVR Products<\/title>\n<style>\n:root{\n  --bg:#f6f8fb;\n  --primary:#28a745;\n  --primary-dark:#1a6d32;\n  --title:#0f172a;\n  --muted:#6b7280;\n  --card-radius:16px;\n  --card-shadow:0 8px 24px rgba(11,20,40,0.08);\n  --maxw:1200px;\n  --border:#e6e9ee;\n}\n*{box-sizing:border-box}\nbody{\n  margin:0;\n  font-family:Inter,system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n  background:var(--bg);\n  color:var(--title);\n  -webkit-font-smoothing:antialiased;\n  line-height:1.5;\n  padding:32px 18px 60px;\n}\n.header{max-width:var(--maxw);margin:0 auto 24px;display:flex;align-items:center;gap:16px;flex-direction:column;text-align:center;}\n.header h1{margin:0;font-size:22px;color:var(--title);font-weight:700;}\n.header p{margin:0;color:var(--muted);font-size:14px}\n.tabs{max-width:var(--maxw);margin:18px auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}\n.tab-btn{background:var(--primary);color:#fff;padding:10px 20px;border-radius:999px;border:none;cursor:pointer;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:transform .18s ease,background .18s ease;font-size:15px;}\n.tab-btn[aria-selected=\"true\"]{background:var(--primary-dark);transform:translateY(-2px)}\n.product-grid{max-width:var(--maxw);margin:20px auto 0;display:flex;gap:24px;flex-wrap:wrap;justify-content:center;padding:0 14px;}\n.product-card{width:300px;background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease;}\n.product-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(11,20,40,0.12)}\n.product-image{height:220px;overflow:hidden;border-bottom:1px solid var(--border);background:#f2f4f7}\n.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}\n.product-card:hover .product-image img{transform:scale(1.06)}\n.product-info{padding:18px;text-align:center;display:flex;flex-direction:column;gap:12px;flex:1}\n.product-info h3{margin:0;font-size:20px;color:var(--primary);font-weight:700}\n.product-info p{margin:0;color:var(--muted);font-size:14px;flex:1}\n.btn{display:inline-block;padding:10px 20px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;border:none;box-shadow:0 6px 16px rgba(0,0,0,0.08);transition:transform .12s ease,background .12s ease;}\n.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}\n.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1200;align-items:flex-start;justify-content:center;padding:40px 24px 24px;overflow-y:auto;}\n.modal[open]{display:flex}\n.modal-content{width:100%;max-width:800px;background:#fff;border-radius:18px;padding:24px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.25);}\n.close-btn{position:absolute;top:14px;right:14px;font-size:30px;line-height:1;color:#666;background:transparent;border:none;cursor:pointer;transition:transform .18s ease,color .12s ease;}\n.close-btn:hover{transform:rotate(90deg);color:var(--primary)}\n.modal-image{text-align:center;margin-bottom:12px}\n.modal-image img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);border:1px solid var(--border);}\n.modal-content h2{margin:0 0 12px;font-size:28px;color:var(--primary);font-weight:800}\n.modal-content p{margin:0 0 14px;color:var(--title);font-size:15px;line-height:1.65}\n.specs{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.specs .box{background:#fff;border:1px solid var(--border);padding:12px;border-radius:10px;box-shadow:0 4px 14px rgba(11,20,40,0.03)}\n.specs h4{margin:0 0 8px;font-size:13px;color:var(--primary-dark);text-transform:uppercase;letter-spacing:0.6px}\n.specs ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}\n.specs ul li{margin-bottom:8px}\n@media(max-width:992px){.product-card{width:calc(50% - 28px)}.product-image{height:200px}.specs{grid-template-columns:1fr}}\n@media(max-width:600px){body{padding:18px 12px 40px}.product-card{width:100%}.product-image{height:180px}.modal-content{padding:18px;border-radius:12px}.modal-content h2{font-size:20px}}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"header\">\n  <h1>DVR &#038; NVR Products<\/h1>\n  <p>Click \u201cView Details\u201d for complete specifications.<\/p>\n<\/div>\n\n<div class=\"tabs\" role=\"tablist\">\n  <button class=\"tab-btn\" data-filter=\"all\" aria-selected=\"true\">All<\/button>\n  <button class=\"tab-btn\" data-filter=\"dvr\" aria-selected=\"false\">DVR<\/button>\n  <button class=\"tab-btn\" data-filter=\"nvr\" aria-selected=\"false\">NVR<\/button>\n<\/div>\n\n<div class=\"product-grid\">\n\n  <!-- DVR -->\n  <article class=\"product-card\" data-type=\"dvr\">\n    <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/DVR.jpeg\" alt=\"DVR\"><\/div>\n    <div class=\"product-info\">\n      <h3>DVR Recorder<\/h3>\n      <p>High-quality DVR for multiple analog cameras with easy remote access.<\/p>\n      <button class=\"btn\" data-modal=\"modal-dvr\">View Details<\/button>\n    <\/div>\n  <\/article>\n\n  <!-- NVR -->\n  <article class=\"product-card\" data-type=\"nvr\">\n    <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/NVR.jpeg\" alt=\"NVR\"><\/div>\n    <div class=\"product-info\">\n      <h3>NVR Recorder<\/h3>\n      <p>Network video recorder supporting IP cameras with H.265+ compression.<\/p>\n      <button class=\"btn\" data-modal=\"modal-nvr\">View Details<\/button>\n    <\/div>\n  <\/article>\n\n<\/div>\n\n<!-- ======= MODALS ======= -->\n\n<!-- DVR Modal -->\n<dialog id=\"modal-dvr\" class=\"modal\">\n  <div class=\"modal-content\">\n    <button class=\"close-btn\">&times;<\/button>\n    <h2>DVR Recorder<\/h2>\n    <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/DVR.jpeg\"><\/div>\n    <p><strong>Overview:<\/strong> Multi-channel DVR for analog cameras with easy recording and playback features.<\/p>\n    <div class=\"specs\">\n      <div class=\"box\"><h4>Key Features<\/h4><ul><li>Supports 4\/8\/16 channels<\/li><li>Remote access via mobile\/web<\/li><li>Motion detection recording<\/li><\/ul><\/div>\n      <div class=\"box\"><h4>Technical Specs<\/h4><ul><li>Resolution: 1080p \/ 4K<\/li><li>Video compression: H.264<\/li><li>Storage: SATA HDD up to 10TB<\/li><\/ul><\/div>\n    <\/div>\n  <\/div>\n<\/dialog>\n\n<!-- NVR Modal -->\n<dialog id=\"modal-nvr\" class=\"modal\">\n  <div class=\"modal-content\">\n    <button class=\"close-btn\">&times;<\/button>\n    <h2>NVR Recorder<\/h2>\n    <div class=\"modal-image\"><img decoding=\"async\" src=\"https:\/\/wiguard.in\/wp-content\/uploads\/2025\/10\/NVR.jpeg\"><\/div>\n    <p><strong>Overview:<\/strong> Network video recorder for IP cameras with H.265+ compression for efficient storage.<\/p>\n    <div class=\"specs\">\n      <div class=\"box\"><h4>Key Features<\/h4><ul><li>Supports 4\/8\/16 IP cameras<\/li><li>Remote monitoring &#038; playback<\/li><li>Smart alerts &#038; analytics<\/li><\/ul><\/div>\n      <div class=\"box\"><h4>Technical Specs<\/h4><ul><li>Resolution: up to 8 MP<\/li><li>Video compression: H.265+<\/li><li>Storage: SATA HDD\/SSD up to 10TB<\/li><\/ul><\/div>\n    <\/div>\n  <\/div>\n<\/dialog>\n\n<script>\n\/\/ Tabs Filter\nconst tabs=document.querySelectorAll('.tab-btn'),cards=document.querySelectorAll('.product-card');\ntabs.forEach(t=>t.addEventListener('click',()=>{\n  tabs.forEach(b=>b.setAttribute('aria-selected','false'));\n  t.setAttribute('aria-selected','true');\n  const f=t.dataset.filter;\n  cards.forEach(c=>{\n    c.style.display=(f==='all'||c.dataset.type===f)?'flex':'none';\n  });\n}));\n\n\/\/ Modal Functions\nfunction openModal(id){\n  const d=document.getElementById(id);\n  if(!d) return;\n  if(typeof d.showModal==='function'){ d.showModal(); }\n  else { d.style.display='flex'; }\n  document.body.style.overflow='hidden';\n}\nfunction closeModal(d){\n  if(!d) return;\n  if(typeof d.close==='function'){ d.close(); }\n  else { d.style.display='none'; }\n  document.body.style.overflow='';\n}\n\ndocument.querySelectorAll('.btn[data-modal]').forEach(b=>b.onclick=()=>openModal(b.dataset.modal));\ndocument.querySelectorAll('.close-btn').forEach(b=>b.onclick=()=>closeModal(b.closest('dialog')));\ndocument.querySelectorAll('dialog.modal').forEach(d=>d.addEventListener('click',e=>{if(e.target===d)closeModal(d)}));\nwindow.addEventListener('keydown',e=>{if(e.key==='Escape')document.querySelectorAll('dialog[open]').forEach(closeModal)});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>DVR &#038; NVR Products DVR &#038; NVR Products Click \u201cView Details\u201d for complete specifications. All DVR NVR DVR Recorder High-quality DVR for multiple analog cameras with easy remote access. View Details NVR Recorder Network video recorder supporting IP cameras with H.265+ compression. View Details &times; DVR Recorder Overview: Multi-channel DVR for analog cameras with easy<\/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-21504","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21504","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=21504"}],"version-history":[{"count":6,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21504\/revisions"}],"predecessor-version":[{"id":21537,"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/pages\/21504\/revisions\/21537"}],"wp:attachment":[{"href":"https:\/\/wiguard.in\/index.php\/wp-json\/wp\/v2\/media?parent=21504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}