{"product_id":"temperatuurmeter","title":"Temperatuurmeter","description":"\u003cstyle\u003e\n.uf-temp{\n  max-width:1100px;\n  margin:0 auto;\n  padding:20px 12px 60px;\n  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n}\n\n.uf-temp *{box-sizing:border-box;margin:0}\n\n\/* CONTAINER *\/\n.uf-temp-shell{\n  border-radius:22px;\n  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  border:1px solid #e2e8f0;\n  box-shadow:0 20px 60px rgba(15,23,42,.08);\n  padding:20px;\n}\n\n\/* HERO *\/\n.uf-temp-hero{\n  display:flex;\n  flex-direction:column;\n  gap:20px;\n}\n\n.uf-temp-title{\n  font-size:26px;\n  font-weight:900;\n  color:#0f172a;\n}\n\n.uf-temp-lead{\n  font-size:15px;\n  color:#526174;\n  line-height:1.7;\n}\n\n\/* 🔥 VISUAL *\/\n.uf-temp-visual{\n  position:relative;\n  height:240px;\n  border-radius:18px;\n  overflow:hidden;\n  background:linear-gradient(135deg,#020617,#0f172a);\n}\n\n\/* GRID DEPTH *\/\n.uf-temp-visual::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\n  background-size:28px 28px;\n  animation:gridDrift 8s linear infinite;\n  z-index:1;\n}\n\n\/* 🔥 SCAN BEAM (MAIN ANIMATIE) *\/\n.uf-scan{\n  position:absolute;\n  inset:-60%;\n  background:linear-gradient(\n    120deg,\n    transparent 40%,\n    rgba(96,165,250,.35) 50%,\n    transparent 60%\n  );\n  animation:scanSweep 3.2s linear infinite;\n  z-index:2;\n}\n\n\/* 🔥 SECONDARY SCAN *\/\n.uf-scan-2{\n  position:absolute;\n  inset:-60%;\n  background:linear-gradient(\n    60deg,\n    transparent 45%,\n    rgba(37,99,235,.25) 50%,\n    transparent 55%\n  );\n  animation:scanSweep 4.5s linear infinite reverse;\n  z-index:2;\n}\n\n\/* 🔥 HEAT SPOTS *\/\n.uf-heat{\n  position:absolute;\n  width:14px;\n  height:14px;\n  border-radius:50%;\n  background:#ef4444;\n  box-shadow:0 0 20px rgba(239,68,68,1);\n  animation:heatPulse 1.5s infinite;\n  z-index:3;\n}\n\n.uf-heat.blue{\n  background:#60a5fa;\n  box-shadow:0 0 18px rgba(96,165,250,1);\n}\n\n\/* 🔥 RADAR RIPPLE *\/\n.uf-ripple{\n  position:absolute;\n  width:120px;\n  height:120px;\n  border-radius:50%;\n  border:2px solid rgba(96,165,250,.4);\n  animation:ripple 2.5s infinite;\n  z-index:2;\n}\n\n\/* TEXT *\/\n.uf-temp-core{\n  position:absolute;\n  bottom:14px;\n  left:14px;\n  right:14px;\n  z-index:4;\n}\n\n.uf-temp-core h3{\n  color:#fff;\n  font-weight:900;\n}\n\n.uf-temp-core p{\n  color:#cbd5f5;\n  font-size:13px;\n}\n\n\/* BOXES *\/\n.uf-temp-grid{\n  margin-top:20px;\n  display:grid;\n  gap:14px;\n}\n\n.uf-temp-box{\n  background:#fff;\n  border-radius:18px;\n  padding:18px;\n  border:1px solid #e2e8f0;\n  box-shadow:0 10px 25px rgba(15,23,42,.06);\n  transition:.25s;\n}\n\n.uf-temp-box:hover{\n  transform:translateY(-4px);\n  box-shadow:0 18px 40px rgba(15,23,42,.12);\n}\n\n.uf-temp-box h3{\n  font-size:16px;\n  font-weight:900;\n  margin-bottom:12px;\n}\n\n.uf-temp-items{\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n.uf-temp-item{\n  display:flex;\n  gap:12px;\n  font-size:14px;\n  color:#526174;\n}\n\n.uf-temp-icon{\n  width:26px;\n  height:26px;\n  border-radius:999px;\n  background:linear-gradient(135deg,#60a5fa,#2563eb);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#fff;\n}\n\n\/* CTA *\/\n.uf-temp-cta{\n  margin-top:22px;\n  border-radius:18px;\n  padding:18px;\n  background:linear-gradient(135deg,#2563eb,#0f172a);\n  text-align:center;\n}\n\n.uf-temp-cta h3{color:#fff;font-weight:900;}\n.uf-temp-cta p{color:#dbeafe;}\n\n\/* 🔥 ANIMATIONS *\/\n@keyframes gridDrift{\n  to{transform:translate(28px,28px);}\n}\n\n@keyframes scanSweep{\n  0%{transform:translateX(-40%) rotate(10deg);}\n  100%{transform:translateX(40%) rotate(10deg);}\n}\n\n@keyframes heatPulse{\n  0%,100%{transform:scale(1);opacity:.8;}\n  50%{transform:scale(1.6);opacity:1;}\n}\n\n@keyframes ripple{\n  0%{transform:scale(.3);opacity:.8;}\n  100%{transform:scale(1.8);opacity:0;}\n}\n\n\/* DESKTOP *\/\n@media(min-width:1024px){\n  .uf-temp-hero{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:40px;\n    align-items:center;\n  }\n\n  .uf-temp-title{font-size:36px}\n  .uf-temp-grid{grid-template-columns:1fr 1fr}\n}\n\u003c\/style\u003e\n\n\u003csection class=\"uf-temp\"\u003e\n  \u003cdiv class=\"uf-temp-shell\"\u003e\n\n    \u003cdiv class=\"uf-temp-hero\"\u003e\n\n      \u003c!-- TEXT --\u003e\n      \u003cdiv\u003e\n        \u003ch2 class=\"uf-temp-title\"\u003e🌡️ Temperatuurmeter\u003c\/h2\u003e\n\n        \u003cp class=\"uf-temp-lead\"\u003e\n          Meet temperatuurverschillen en ontdek afwijkingen in realtime. Perfect voor urbex en paranormal onderzoek.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"uf-temp-items\"\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e🌡️\u003c\/div\u003eRealtime meting\u003c\/div\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e📡\u003c\/div\u003eDetecteert afwijkingen\u003c\/div\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e🌙\u003c\/div\u003eIdeaal voor donkere locaties\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 🔥 ECHTE ANIMATIE --\u003e\n      \u003cdiv class=\"uf-temp-visual\"\u003e\n\n        \u003cdiv class=\"uf-scan\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"uf-scan-2\"\u003e\u003c\/div\u003e\n\n        \u003c!-- HEAT SPOTS --\u003e\n        \u003cdiv class=\"uf-heat\" style=\"top:40%; left:30%;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"uf-heat blue\" style=\"top:60%; left:70%; animation-delay:.6s;\"\u003e\u003c\/div\u003e\n\n        \u003c!-- RIPPLE --\u003e\n        \u003cdiv class=\"uf-ripple\" style=\"top:35%; left:25%;\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"uf-temp-core\"\u003e\n          \u003ch3\u003eThermal scan actief\u003c\/h3\u003e\n          \u003cp\u003eDetecteert temperatuurverschillen\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- INFO --\u003e\n    \u003cdiv class=\"uf-temp-grid\"\u003e\n\n      \u003cdiv class=\"uf-temp-box\"\u003e\n        \u003ch3\u003eWat doet het?\u003c\/h3\u003e\n        \u003cdiv class=\"uf-temp-items\"\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e🌡️\u003c\/div\u003eMeet temperatuur direct\u003c\/div\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e⚡\u003c\/div\u003eRealtime resultaten\u003c\/div\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e🎯\u003c\/div\u003eDetecteert afwijkingen\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-temp-box\"\u003e\n        \u003ch3\u003eWaarom handig?\u003c\/h3\u003e\n        \u003cdiv class=\"uf-temp-items\"\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e🏚️\u003c\/div\u003ePerfect voor urbex\u003c\/div\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e👻\u003c\/div\u003eParanormal onderzoek\u003c\/div\u003e\n          \u003cdiv class=\"uf-temp-item\"\u003e\n\u003cdiv class=\"uf-temp-icon\"\u003e🎒\u003c\/div\u003eCompact en draagbaar\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-temp-cta\"\u003e\n      \u003ch3\u003eZie wat onzichtbaar is\u003c\/h3\u003e\n      \u003cp\u003eTemperatuur liegt nooit\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"The Urbex Factory","offers":[{"title":"Default Title","offer_id":53270586622291,"sku":null,"price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/3103\/2147\/files\/1_tempratuur_urbexfactory.png?v=1781950163","url":"https:\/\/www.urbexfactory.app\/bg-hr\/products\/temperatuurmeter","provider":"The Urbex Factory","version":"1.0","type":"link"}