{"id":1618,"date":"2026-07-11T12:45:42","date_gmt":"2026-07-11T12:45:42","guid":{"rendered":"https:\/\/alarmcentar.hr\/?page_id=1618"},"modified":"2026-07-11T12:55:41","modified_gmt":"2026-07-11T12:55:41","slug":"video-intercom","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/en\/video-intercom\/","title":{"rendered":"Video Intercom"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"vpf-wrap\">\n\n  <section class=\"vpf-hero\">\n    <div class=\"vpf-hero-frame vpf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558002038-1055907df827?auto=format&fit=crop&w=1400&q=80\" alt=\"Modern video intercom at the building entrance\" class=\"vpf-responsive-img\">\n      <div class=\"vpf-hero-overlay\"><\/div>\n      <svg class=\"vpf-scanner-border\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <rect x=\"1\" y=\"1\" width=\"98\" height=\"98\" rx=\"3\" vector-effect=\"non-scaling-stroke\"\/>\n      <\/svg>\n      <div class=\"vpf-hero-content\">\n        <span class=\"vpf-eyebrow\">Audio & Video Intercom Systems<\/span>\n        <h1>Professional Access Control Systems for Buildings and Homes<\/h1>\n        <p>Modern video intercoms represent the first line of defense for your home or business premises. They combine voice communication, crystal-clear high-resolution video imagery, and advanced digital authorization features into one intuitive interface.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vpf-features\">\n    <div class=\"vpf-inner\">\n      <h2 class=\"vpf-reveal\">Smart Features of Modern Systems<\/h2>\n      <p class=\"vpf-reveal vpf-features-subtitle\">Intercom systems are no longer just a tool for remote door unlocking. Discover the features that guarantee maximum security:<\/p>\n\n      <div class=\"vpf-row vpf-reveal\">\n        <div class=\"vpf-row-img\">\n          <span class=\"vpf-row-num\">1<\/span>\n          <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/hikvision-ip-portafon-za-2-stana-ds-kh6100-e1.jpg\" alt=\"HD visitor video verification\" class=\"vpf-responsive-img\">\n        <\/div>\n        <div class=\"vpf-row-text\">\n          <h3>HD Visitor Video Verification<\/h3>\n          <p>Outdoor stations with built-in wide-angle high-resolution cameras enable facial recognition and clear visitor verification even in complete darkness, thanks to smart IR illumination.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"vpf-row vpf-reverse vpf-reveal\">\n        <div class=\"vpf-row-img\">\n          <span class=\"vpf-row-num\">2<\/span>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512941937669-90a1b58e7e9c?auto=format&fit=crop&w=700&q=80\" alt=\"Forwarding intercom call to mobile phone\" class=\"vpf-responsive-img\">\n        <\/div>\n        <div class=\"vpf-row-text\">\n          <h3>Call Forwarding to Mobile Apps<\/h3>\n          <p>Receive calls from the entrance and communicate with visitors directly via your smartphone. The system allows you to unlock entry doors or driveway gates regardless of where you are at that moment.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"vpf-row vpf-reveal\">\n        <div class=\"vpf-row-img\">\n          <span class=\"vpf-row-num\">3<\/span>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620714223084-8fcacc6dfd8d?auto=format&fit=crop&w=700&q=80\" alt=\"Intercom integration with access control\" class=\"vpf-responsive-img\">\n        <\/div>\n        <div class=\"vpf-row-text\">\n          <h3>Integration with Access Control<\/h3>\n          <p>Quick and simple door unlocking for residents or employees. Outdoor panels come equipped with integrated contactless RFID card readers, keypads, or advanced biometrics.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"vpf-row vpf-reverse vpf-reveal\">\n        <div class=\"vpf-row-img\">\n          <span class=\"vpf-row-num\">4<\/span>\n          <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/access-control-hik-vision.avif\" alt=\"Indoor monitor with call memory log\" class=\"vpf-responsive-img\">\n        <\/div>\n        <div class=\"vpf-row-text\">\n          <h3>Automatic Call Memory Log<\/h3>\n          <p>Maintain complete records. Indoor units (monitors) automatically capture photos or record a short video clip of visitors who rang your doorbell while you were away from home.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"vpf-integration\">\n    <div class=\"vpf-inner\">\n      <h2 class=\"vpf-reveal\">Reliable Solutions for All Types of Properties<\/h2>\n      <p class=\"vpf-reveal\">We design and install premium IP and 2-wire digital systems for family homes, luxury villas, and complex residential or commercial buildings with over a hundred users. We exclusively work with equipment from the world's leading brands that guarantee long-term durability.<\/p>\n\n      <div class=\"vpf-integ-row vpf-reveal\">\n        <div class=\"vpf-integ-card\">\n          <div class=\"vpf-integ-img\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/hikvision-portafon-set-za-1-stan-hik-portafon.jpg\" alt=\"Hikvision intercom systems\" class=\"vpf-responsive-img\">\n          <\/div>\n          <span>Hikvision Systems<\/span>\n        <\/div>\n\n        <div class=\"vpf-integ-connector\"><\/div>\n\n        <div class=\"vpf-integ-card\">\n          <div class=\"vpf-integ-img\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/dahua-tehnologija-kamera-sustava-za-prepoznavanje-i-sigurnosti.png\" alt=\"Dahua video intercoms\" class=\"vpf-responsive-img\">\n          <\/div>\n          <span>Dahua Technology<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vpf-cta\">\n    <div class=\"vpf-cta-bg vpf-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1600&q=80\" alt=\"Installation of a modern video intercom\" class=\"vpf-responsive-img\">\n      <div class=\"vpf-cta-content\">\n        <h3>Ensure complete control over the entrance to your property.<\/h3>\n        <a href=\"https:\/\/alarmcentar.hr\/kontakt\/\" class=\"vpf-cta-btn\">\n          Request a Quote from Alarm Centar\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.vpf-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('vpf-visible');\n    });\n  }, { threshold: 0.08 }); \/* Decreased threshold for better compatibility with Divi scrolling *\/\n  els.forEach(function (el) { obs.observe(el); });\n})();\n<\/script>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Inter:wght@400;500;600;700;800&display=swap');\n\n\/* DIVI COMPATIBILITY RESET *\/\n.vpf-wrap {\n  --vpf-accent: #c60f0f;\n  --vpf-accent-dark: #8f0a0a;\n  --vpf-ink: #101216;\n  --vpf-gray: #525660;\n  --vpf-bg-light: #f4f6f9;\n  font-family: 'Inter', sans-serif !important;\n  color: var(--vpf-ink);\n  overflow: hidden;\n  width: 100%;\n}\n.vpf-wrap * { box-sizing: border-box; }\n\n\/* Override Divi default slika unutar koda *\/\n.vpf-wrap .vpf-responsive-img {\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.vpf-wrap h1, .vpf-wrap h2, .vpf-wrap h3 {\n  font-family: 'Alata', sans-serif !important;\n  font-weight: 400 !important;\n  letter-spacing: 0.01em !important;\n}\n.vpf-inner { max-width: 1180px; margin: 0 auto; padding: 0 22px; }\n\n\/* REVEAL ANIMACIJA NA SKROL *\/\n.vpf-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.vpf-reveal.vpf-visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================================\n   HERO - Vanjska jedinica i laserski animirani okvir\n   ============================================================ *\/\n.vpf-hero {\n  position: relative;\n  padding: 60px 22px;\n  background: var(--vpf-ink);\n}\n.vpf-hero-frame {\n  position: relative;\n  max-width: 1180px;\n  margin: 0 auto;\n  border-radius: 18px;\n  overflow: hidden;\n  min-height: 460px;\n  display: flex;\n  align-items: flex-end;\n}\n.vpf-hero-frame .vpf-responsive-img {\n  position: absolute !important;\n  inset: 0 !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  z-index: 0;\n}\n.vpf-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(16,18,22,0.95) 15%, rgba(16,18,22,0.4) 65%, rgba(16,18,22,0.15));\n  z-index: 1;\n}\n.vpf-scanner-border {\n  position: absolute;\n  inset: 8px;\n  border-radius: 14px;\n  pointer-events: none;\n  z-index: 2;\n}\n.vpf-scanner-border rect {\n  fill: none;\n  stroke: var(--vpf-accent);\n  stroke-width: 2;\n  stroke-dasharray: 20 15;\n  animation: vpfScan 5s linear infinite;\n}\n@keyframes vpfScan {\n  to { stroke-dashoffset: -280; }\n}\n.vpf-hero-content {\n  position: relative;\n  z-index: 3;\n  padding: 40px;\n  max-width: 700px;\n}\n.vpf-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.78rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--vpf-accent);\n  background: rgba(198,15,15,0.16);\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 20px;\n}\n.vpf-hero-content h1 {\n  color: #fff !important;\n  font-size: clamp(1.8rem, 3.8vw, 2.6rem) !important;\n  line-height: 1.25 !important;\n  margin: 0 0 16px !important;\n}\n.vpf-hero-content p {\n  color: #d8d9dd !important;\n  font-size: 0.98rem !important;\n  line-height: 1.75 !important;\n  margin: 0 !important;\n}\n\n\/* ============================================================\n   FUNKCIONALNOSTI - Cik-cak grid s brojevima i analizom\n   ============================================================ *\/\n.vpf-features {\n  padding: 80px 0;\n  background: #fff;\n}\n.vpf-features > .vpf-inner > h2 {\n  text-align: center;\n  font-size: clamp(1.5rem, 3vw, 2.1rem) !important;\n  margin: 0 0 12px !important;\n  color: var(--vpf-ink) !important;\n}\n.vpf-features-subtitle {\n  text-align: center;\n  color: var(--vpf-gray) !important;\n  max-width: 650px;\n  margin: 0 auto 60px auto;\n  font-size: 1rem !important;\n}\n.vpf-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 50px;\n  align-items: center;\n  margin-bottom: 70px;\n}\n.vpf-row:last-child { margin-bottom: 0; }\n@media (max-width: 820px) {\n  .vpf-row { grid-template-columns: 1fr; gap: 26px; }\n}\n.vpf-row.vpf-reverse .vpf-row-img { order: 2; }\n.vpf-row.vpf-reverse .vpf-row-text { order: 1; }\n@media (max-width: 820px) {\n  .vpf-row.vpf-reverse .vpf-row-img,\n  .vpf-row.vpf-reverse .vpf-row-text { order: initial; }\n}\n\n.vpf-row-img {\n  position: relative;\n  border-radius: 14px;\n  overflow: hidden;\n  aspect-ratio: 4\/3;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n}\n.vpf-row-img .vpf-responsive-img {\n  height: 100% !important;\n  object-fit: cover !important;\n  transition: transform .6s cubic-bezier(.16, 1, .3, 1) !important;\n}\n.vpf-row-img:hover .vpf-responsive-img { transform: scale(1.04) !important; }\n.vpf-row-num {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: var(--vpf-ink);\n  color: #fff;\n  font-family: 'Alata', sans-serif;\n  font-size: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  border-bottom: 3px solid var(--vpf-accent);\n}\n\n.vpf-row-text h3 {\n  font-size: 1.4rem !important;\n  margin: 0 0 14px !important;\n  color: var(--vpf-ink) !important;\n}\n.vpf-row-text p {\n  color: var(--vpf-gray) !important;\n  font-size: 0.98rem !important;\n  line-height: 1.75 !important;\n  margin: 0 !important;\n}\n\n\/* ============================================================\n   INTEGRACIJA KONTROLE ULASA - Povezane unutarnje\/vanjske jedinice\n   ============================================================ *\/\n.vpf-integration {\n  padding: 80px 0;\n  background: var(--vpf-bg-light);\n}\n.vpf-integration h2 {\n  text-align: center;\n  font-size: clamp(1.5rem, 3vw, 2.1rem) !important;\n  margin: 0 0 16px !important;\n  color: var(--vpf-ink) !important;\n}\n.vpf-integration > .vpf-inner > p {\n  text-align: center;\n  color: var(--vpf-gray) !important;\n  max-width: 750px;\n  margin: 0 auto 50px auto;\n  font-size: 1rem !important;\n  line-height: 1.75 !important;\n}\n.vpf-integ-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  max-width: 850px;\n  margin: 0 auto;\n}\n@media (max-width: 700px) {\n  .vpf-integ-row { flex-direction: column; gap: 24px; }\n}\n.vpf-integ-card {\n  flex: 0 0 auto;\n  width: 260px;\n  text-align: center;\n}\n.vpf-integ-img {\n  border-radius: 14px;\n  overflow: hidden;\n  aspect-ratio: 1\/1;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.07);\n  margin-bottom: 16px;\n  background: #fff;\n  padding: 10px;\n}\n.vpf-integ-img .vpf-responsive-img { height: 100% !important; object-fit: cover !important; border-radius: 8px; }\n.vpf-integ-card span {\n  font-weight: 700;\n  font-size: 0.95rem;\n  color: var(--vpf-ink);\n  display: block;\n}\n\n.vpf-integ-connector {\n  flex: 1 1 auto;\n  height: 3px;\n  position: relative;\n  margin: 0 -10px;\n  min-width: 60px;\n}\n@media (max-width: 700px) {\n  .vpf-integ-connector { width: 3px; height: 60px; margin: -10px 0; }\n}\n.vpf-integ-connector::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: repeating-linear-gradient(90deg, var(--vpf-accent) 0 10px, transparent 10px 20px);\n  animation: vpfFlow 1.2s linear infinite;\n}\n@media (max-width: 700px) {\n  .vpf-integ-connector::before {\n    background: repeating-linear-gradient(180deg, var(--vpf-accent) 0 10px, transparent 10px 20px);\n  }\n}\n@keyframes vpfFlow {\n  to { background-position: 20px 0; }\n}\n\n\/* ============================================================\n   CTA SIGN UP\n   ============================================================ *\/\n.vpf-cta {\n  position: relative;\n  padding: 0;\n}\n.vpf-cta-bg {\n  position: relative;\n  min-height: 320px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n}\n.vpf-cta-bg .vpf-responsive-img {\n  position: absolute !important;\n  inset: 0 !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  z-index: 0;\n}\n.vpf-cta-bg::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(rgba(16,18,22,0.9), rgba(16,18,22,0.9));\n  z-index: 1;\n}\n.vpf-cta-content {\n  position: relative;\n  z-index: 2;\n  max-width: 650px;\n  padding: 60px 24px;\n}\n.vpf-cta-content h3 {\n  color: #fff !important;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem) !important;\n  line-height: 1.35 !important;\n  margin: 0 0 28px !important;\n}\n.vpf-cta-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--vpf-accent);\n  color: #fff !important;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 0.98rem;\n  padding: 16px 36px;\n  border-radius: 30px;\n  text-decoration: none;\n  overflow: hidden;\n  transition: transform .2s ease, box-shadow .2s ease;\n  box-shadow: 0 8px 22px rgba(198,15,15,0.4);\n}\n.vpf-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 28px rgba(198,15,15,0.5);\n}\n.vpf-cta-btn::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -60%;\n  width: 40%; height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);\n  transform: skewX(-20deg);\n  animation: vpfShine 3s ease-in-out infinite;\n}\n@keyframes vpfShine {\n  0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; }\n}\n.vpf-cta-btn svg { width: 16px; height: 16px; transition: transform .25s ease; }\n.vpf-cta-btn:hover svg { transform: translateX(5px); }\n\n\n\/* ============================================================\n   RESPONSIVENE PROMJENE - PRILAGODBA ZA MOBITELE (Ispod 767px)\n   ============================================================ *\/\n@media (max-width: 767px) {\n  .vpf-wrap .vpf-hero-content h1 {\n    font-size: 1.4rem !important; \/* <--- OVDJE MIJENJATE VELI\u010cINU GLAVNOG NASLOVA ZA MOBITELE *\/\n  }\n}\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1618","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/comments?post=1618"}],"version-history":[{"count":3,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1618\/revisions"}],"predecessor-version":[{"id":1644,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1618\/revisions\/1644"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/media?parent=1618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}