{"id":57,"date":"2025-05-30T10:37:17","date_gmt":"2025-05-30T10:37:17","guid":{"rendered":"https:\/\/e-smart.city\/?page_id=57"},"modified":"2025-06-04T09:46:12","modified_gmt":"2025-06-04T09:46:12","slug":"e%ce%be%cf%85%cf%80%ce%bd%ce%b1-%cf%83%cf%85%cf%83%cf%84%ce%ae%ce%bc%ce%b1%cf%84%ce%b1-%ce%b4%ce%b9%ce%ac%ce%b2%ce%b1%cf%83%ce%b7%cf%82-%cf%80%ce%b5%ce%b6%cf%8e%ce%bd","status":"publish","type":"page","link":"https:\/\/e-smart.city\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57\" class=\"elementor elementor-57\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b5741a hero e-flex e-con-boxed e-con e-parent\" data-id=\"8b5741a\" data-element_type=\"container\" id=\"#demo\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:116,&quot;url&quot;:&quot;https:\\\/\\\/e-smart.city\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ChatGPT-Image-Jun-2-2025-03_54_05-PM.png&quot;}],&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-07c523e e-con-full e-flex e-con e-child\" data-id=\"07c523e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e733513 e-con-full e-flex e-con e-child\" data-id=\"e733513\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae4a1c6 hero-text elementor-widget elementor-widget-heading\" data-id=\"ae4a1c6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><h1 class=\"text-xl lg:text-7xl font-black leading-tight\" style=\"margin-top: 1.5rem;, Arial, sans-serif\"><span class=\"block text-white\">\u0388\u03be\u03c5\u03c0\u03bd\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1<\/span><span class=\"block text-red-400\">\u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03a0\u03b5\u03b6\u03ce\u03bd<\/span><\/h1><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6881dac .responsive-text elementor-widget elementor-widget-heading\" data-id=\"6881dac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><div class=\"responsive-text\">\n  <span style=\"color: #d1d5db;font-family: Inter, 'Segoe UI', Arial, sans-serif;font-weight: 400\">\n    \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03b4\u03b9\u03bf\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd&nbsp;\n  <\/span>\n  <span style=\"color: #f87171;font-weight: 600;font-family: Inter, 'Segoe UI', Arial, sans-serif\">\n    \u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2\n  <\/span>\n  <span style=\"color: #d1d5db;font-family: Inter, 'Segoe UI', Arial, sans-serif;font-weight: 400\">\n    ,&nbsp;\n  <\/span>\n  <span style=\"color: #fff;font-weight: 600;font-family: Inter, 'Segoe UI', Arial, sans-serif\">\n    \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf\n  <\/span>\n  <span style=\"color: #d1d5db;font-family: Inter, 'Segoe UI', Arial, sans-serif;font-weight: 400\">\n    , \u03ba\u03b1\u03b9 \u03b5\u03c5\u03c6\u03c5\u03ae&nbsp;\n  <\/span>\n  <span style=\"color: #f87171;font-weight: 600;font-family: Inter, 'Segoe UI', Arial, sans-serif\">\n    \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd\n  <\/span>\n  <span style=\"color: #d1d5db;font-family: Inter, 'Segoe UI', Arial, sans-serif;font-weight: 400\">\n    .\n  <\/span>\n<\/div>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5624b9 e-con-full e-flex e-con e-child\" data-id=\"d5624b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-367b44e elementor-widget elementor-widget-html\" data-id=\"367b44e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>Responsive Demo Buttons<\/title>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n  <style>\r\n\r\n    .button-row {\r\n      display: flex;\r\n      gap: 18px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n    }\r\n    .btn {\r\n      border: none;\r\n      outline: none;\r\n      font-family: 'Inter', Arial, sans-serif;\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      border-radius: 999px;\r\n      padding: 12px 32px;\r\n      cursor: pointer;\r\n      transition: background 0.17s, color 0.17s, box-shadow 0.16s;\r\n      box-shadow: 0 1.5px 12px 0 #15171814;\r\n      margin: 4px 0;\r\n      letter-spacing: .01em;\r\n      text-decoration: none;\r\n      display: inline-block;\r\n    }\r\n    .btn-primary {\r\n      background: #ef2323;\r\n      color: #fff;\r\n    }\r\n    .btn-primary:hover,\r\n    .btn-primary:focus {\r\n      background: #c51515;\r\n      color: #fff;\r\n      box-shadow: 0 4px 22px #ef232355;\r\n    }\r\n    .btn-secondary {\r\n      background: #181818;\r\n      color: #fff;\r\n      border: 1.5px solid #222;\r\n    }\r\n    .btn-secondary:hover,\r\n    .btn-secondary:focus {\r\n      background: #282828;\r\n      color: #fff;\r\n      box-shadow: 0 4px 20px #23232330;\r\n    }\r\n    @media (max-width: 520px) {\r\n      .button-row {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        width: 100%;\r\n      }\r\n      .btn {\r\n        width: 100%;\r\n        font-size: 1.08rem;\r\n        text-align: center;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"button-row\">\r\n    <a href=\"#demo\" class=\"btn btn-primary\">\u03a0\u03c1\u03bf\u03b5\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7 Demo<\/a>\r\n    <a href=\"#\" class=\"btn btn-secondary\">Energy Plus +<\/a>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab5c0e4 e-con-full e-flex e-con e-child\" data-id=\"ab5c0e4\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e6d3ba e-flex e-con-boxed e-con e-parent\" data-id=\"6e6d3ba\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5ab43f5 e-con-full e-flex e-con e-child\" data-id=\"5ab43f5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0a32e6 elementor-widget elementor-widget-html\" data-id=\"c0a32e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>System Diagram<\/title>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;900&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    body {\r\n      background: #171717;\r\n      color: #eee;\r\n      font-family: 'Inter', Arial, sans-serif;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n    .demo-header {\r\n      text-align: center;\r\n      margin-bottom: 36px;\r\n      margin-top: 52px;\r\n    }\r\n    .demo-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      background: rgba(239, 68, 68, 0.08);\r\n      border: 1.5px solid rgba(239, 68, 68, 0.13);\r\n      color: #fff;\r\n      border-radius: 999px;\r\n      padding: 8px 20px;\r\n      font-weight: 500;\r\n      font-size: 1.07rem;\r\n      margin-bottom: 16px;\r\n      backdrop-filter: blur(2.5px);\r\n    }\r\n    .demo-tag svg {\r\n      margin-right: 6px;\r\n      vertical-align: middle;\r\n    }\r\n    .demo-header h2 {\r\n      font-size: 2.2rem;\r\n      font-weight: 900;\r\n      color: #fff;\r\n      line-height: 1.15;\r\n      margin: 0;\r\n    }\r\n    .gradient-text {\r\n      background: linear-gradient(90deg, #ef4444, #dc2626);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      text-fill-color: transparent;\r\n      display: inline-block;\r\n      font-weight: 900;\r\n    }\r\n    .demo-header p {\r\n      color: #e0e3ea;\r\n      font-size: 1.14rem;\r\n      max-width: 590px;\r\n      margin: 18px auto 0 auto;\r\n      font-weight: 400;\r\n      letter-spacing: .01em;\r\n    }\r\n    @media (min-width: 900px) { .demo-header h2 { font-size: 3.1rem; }}\r\n    .diagram-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      min-height: 100vh;\r\n      padding: 1.2rem 0;\r\n    }\r\n    .svg-diagram,\r\n    .svg-diagram-vertical {\r\n      background: rgba(30, 41, 59, 0.37);\r\n      border: 1.7px solid rgba(239, 68, 68, 0.17);\r\n      backdrop-filter: blur(14px);\r\n      border-radius: 2.2rem;\r\n      box-shadow: 0 8px 36px 0 #11182730, 0 2.5px 11px 0 #b91c1c20;\r\n      padding: 44px 32px 32px 32px;\r\n      margin: 0 auto;\r\n      max-width: 98vw;\r\n      width: 100%;\r\n      height: auto;\r\n      overflow-x: auto;\r\n    }\r\n    .svg-diagram-vertical {\r\n      display: none;\r\n      padding: 18px 6px;\r\n      border-radius: 1.5rem;\r\n      max-width: 430px;\r\n    }\r\n    @media (max-width: 700px) {\r\n      .svg-diagram {\r\n        display: none;\r\n      }\r\n      .svg-diagram-vertical {\r\n        display: block;\r\n      }\r\n      .diagram-wrapper {\r\n        padding: 0.5rem 0;\r\n      }\r\n    }\r\n    .controller { fill: #232837; }\r\n    .input { fill: #ef4444; }\r\n    .output { fill: #f3f4f6; }\r\n    .node-label {\r\n      font-size: 1.07rem;\r\n      font-weight: 700;\r\n      text-anchor: middle;\r\n      dominant-baseline: middle;\r\n      font-family: 'Inter', Arial, sans-serif;\r\n      pointer-events: none;\r\n      letter-spacing: -.2px;\r\n    }\r\n    .node-label.input { fill: #fff; }\r\n    .node-label.output { fill: #232837; }\r\n    .node-label.controller { fill: #fff; font-size: 1.13rem;}\r\n    .input-line {\r\n      stroke: #ef4444;\r\n      stroke-width: 3;\r\n      stroke-dasharray: 1000;\r\n      stroke-dashoffset: 1000;\r\n      animation: dashDraw 2.5s linear infinite;\r\n    }\r\n    .output-line {\r\n      stroke: #ef4444;\r\n      stroke-width: 3;\r\n      stroke-dasharray: 7,11;\r\n      stroke-dashoffset: 0;\r\n      animation: dashFlow 2s linear infinite;\r\n    }\r\n    @keyframes dashDraw {\r\n      to { stroke-dashoffset: 0; }\r\n    }\r\n    @keyframes dashFlow {\r\n      to { stroke-dashoffset: 18; }\r\n    }\r\n    @media (max-width: 420px) {\r\n      .svg-diagram-vertical {\r\n        max-width: 98vw;\r\n        min-width: 280px;\r\n      }\r\n      .node-label, .node-label.controller {\r\n        font-size: 0.75rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"demo-header\">\r\n    <div class=\"demo-tag\">\r\n      <svg width=\"20\" height=\"20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ef4444\"\/><path d=\"M8 10h4M10 8v4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n      <span>\u0394\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span>\r\n    <\/div>\r\n    <h2>\r\n      \u0394\u03bf\u03bc\u03ae <span class=\"gradient-text\">\u0388\u03be\u03c5\u03c0\u03bd\u03bf\u03c5 \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/span>\r\n    <\/h2>\r\n   <p>\r\n  \u03a4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03b1\u03bd\u03b9\u03c7\u03bd\u03b5\u03cd\u03b5\u03b9 \u03c0\u03b5\u03b6\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b1 \u03bf\u03b4\u03b7\u03b3\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03ba\u03b1\u03c4\u03b1\u03b3\u03c1\u03ac\u03c6\u03b5\u03b9 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2, \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03bf GDPR.\r\n<\/p>\r\n\r\n  <\/div>\r\n  <div class=\"diagram-wrapper\">\r\n    <!-- Horizontal (desktop) -->\r\n    <svg class=\"svg-diagram\" viewBox=\"0 0 1100 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n      <line class=\"input-line\" x1=\"150\" y1=\"120\" x2=\"525\" y2=\"250\"\/>\r\n      <line class=\"input-line\" x1=\"150\" y1=\"200\" x2=\"525\" y2=\"250\"\/>\r\n      <line class=\"input-line\" x1=\"150\" y1=\"280\" x2=\"525\" y2=\"250\"\/>\r\n      <line class=\"input-line\" x1=\"150\" y1=\"360\" x2=\"525\" y2=\"250\"\/>\r\n      <line class=\"output-line\" x1=\"575\" y1=\"250\" x2=\"960\" y2=\"80\"\/>\r\n      <line class=\"output-line\" x1=\"575\" y1=\"250\" x2=\"960\" y2=\"150\"\/>\r\n      <line class=\"output-line\" x1=\"575\" y1=\"250\" x2=\"960\" y2=\"220\"\/>\r\n      <line class=\"output-line\" x1=\"575\" y1=\"250\" x2=\"960\" y2=\"290\"\/>\r\n      <line class=\"output-line\" x1=\"575\" y1=\"250\" x2=\"960\" y2=\"360\"\/>\r\n      <line class=\"output-line\" x1=\"575\" y1=\"250\" x2=\"960\" y2=\"430\"\/>\r\n      <g><rect x=\"90\" y=\"95\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"150\" y=\"122\">\u039a\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2<\/text><\/g>\r\n      <g><rect x=\"90\" y=\"175\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"150\" y=\"202\">PIR<\/text><\/g>\r\n      <g><rect x=\"90\" y=\"255\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"150\" y=\"282\">LIDAR<\/text><\/g>\r\n      <g><rect x=\"90\" y=\"335\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"150\" y=\"352\">\u0395\u03c0\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03bf\u03af<\/text><text class=\"node-label input\" x=\"150\" y=\"372\">\u0394\u03b9\u03b1\u03ba\u03cc\u03c0\u03c4\u03b5\u03c2<\/text><\/g>\r\n      <g><rect x=\"500\" y=\"210\" width=\"100\" height=\"80\" rx=\"30\" class=\"controller\"\/><text class=\"node-label controller\" x=\"550\" y=\"255\">Controller<\/text><\/g>\r\n      <g><rect x=\"900\" y=\"55\" width=\"140\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"970\" y=\"72\">\u03a0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1<\/text><text class=\"node-label output\" x=\"970\" y=\"92\">\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7\u03c2<\/text><\/g>\r\n      <g><rect x=\"900\" y=\"125\" width=\"140\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"970\" y=\"142\">\u03a6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/text><text class=\"node-label output\" x=\"970\" y=\"162\">\u03c0\u03b5\u03b6\u03bf\u03b4\u03c1\u03bf\u03bc\u03af\u03bf\u03c5<\/text><\/g>\r\n      <g><rect x=\"900\" y=\"195\" width=\"140\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"970\" y=\"212\">\u03a6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/text><text class=\"node-label output\" x=\"970\" y=\"232\">\u0399\u03c3\u03c4\u03ce\u03bd<\/text><\/g>\r\n      <g><rect x=\"900\" y=\"265\" width=\"140\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"970\" y=\"282\">\u03a6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/text><text class=\"node-label output\" x=\"970\" y=\"302\">\u03bf\u03b4\u03bf\u03c3\u03c4\u03c1\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2<\/text><\/g>\r\n      <g><rect x=\"900\" y=\"335\" width=\"140\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"970\" y=\"362\">\u03a0\u03b9\u03bd\u03b1\u03ba\u03af\u03b4\u03b5\u03c2 \u03a0-21<\/text><\/g>\r\n      <g><rect x=\"900\" y=\"405\" width=\"140\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"970\" y=\"432\">\u0397\u03c7\u03b5\u03af\u03bf<\/text><\/g>\r\n    <\/svg>\r\n    <!-- Vertical (mobile) -->\r\n    <svg class=\"svg-diagram-vertical\" viewBox=\"0 0 430 1050\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n      <line class=\"input-line\" x1=\"215\" y1=\"110\" x2=\"215\" y2=\"325\"\/>\r\n      <line class=\"input-line\" x1=\"125\" y1=\"110\" x2=\"215\" y2=\"325\"\/>\r\n      <line class=\"input-line\" x1=\"305\" y1=\"110\" x2=\"215\" y2=\"325\"\/>\r\n      <line class=\"input-line\" x1=\"215\" y1=\"180\" x2=\"215\" y2=\"325\"\/>\r\n      <line class=\"output-line\" x1=\"215\" y1=\"375\" x2=\"215\" y2=\"520\"\/>\r\n      <line class=\"output-line\" x1=\"215\" y1=\"375\" x2=\"55\" y2=\"600\"\/>\r\n      <line class=\"output-line\" x1=\"215\" y1=\"375\" x2=\"375\" y2=\"600\"\/>\r\n      <line class=\"output-line\" x1=\"215\" y1=\"375\" x2=\"215\" y2=\"680\"\/>\r\n      <line class=\"output-line\" x1=\"215\" y1=\"375\" x2=\"215\" y2=\"760\"\/>\r\n      <line class=\"output-line\" x1=\"215\" y1=\"375\" x2=\"215\" y2=\"840\"\/>\r\n      <g><rect x=\"155\" y=\"75\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"215\" y=\"102\">\u039a\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2<\/text><\/g>\r\n      <g><rect x=\"65\" y=\"75\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"125\" y=\"102\">PIR<\/text><\/g>\r\n      <g><rect x=\"245\" y=\"75\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"305\" y=\"102\">LIDAR<\/text><\/g>\r\n      <g><rect x=\"155\" y=\"145\" width=\"120\" height=\"50\" rx=\"16\" class=\"input\"\/><text class=\"node-label input\" x=\"215\" y=\"162\">\u0395\u03c0\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03bf\u03af<\/text><text class=\"node-label input\" x=\"215\" y=\"179\">\u0394\u03b9\u03b1\u03ba\u03cc\u03c0\u03c4\u03b5\u03c2<\/text><\/g>\r\n      <g><rect x=\"155\" y=\"325\" width=\"120\" height=\"80\" rx=\"30\" class=\"controller\"\/><text class=\"node-label controller\" x=\"215\" y=\"370\">Controller<\/text><\/g>\r\n      <g><rect x=\"155\" y=\"520\" width=\"120\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"215\" y=\"540\">\u03a0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1<\/text><text class=\"node-label output\" x=\"215\" y=\"555\">\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7\u03c2<\/text><\/g>\r\n      <g><rect x=\"15\" y=\"600\" width=\"120\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"75\" y=\"620\">\u03a6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/text><text class=\"node-label output\" x=\"75\" y=\"635\">\u03c0\u03b5\u03b6\u03bf\u03b4\u03c1\u03bf\u03bc\u03af\u03bf\u03c5<\/text><\/g>\r\n      <g><rect x=\"295\" y=\"600\" width=\"120\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"355\" y=\"620\">\u03a6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/text><text class=\"node-label output\" x=\"355\" y=\"635\">\u0399\u03c3\u03c4\u03ce\u03bd<\/text><\/g>\r\n      <g><rect x=\"155\" y=\"680\" width=\"120\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"215\" y=\"700\">\u03a6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2<\/text><text class=\"node-label output\" x=\"215\" y=\"715\">\u03bf\u03b4\u03bf\u03c3\u03c4\u03c1\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2<\/text><\/g>\r\n      <g><rect x=\"155\" y=\"760\" width=\"120\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"215\" y=\"787\">\u03a0\u03b9\u03bd\u03b1\u03ba\u03af\u03b4\u03b5\u03c2 \u03a0-21<\/text><\/g>\r\n      <g><rect x=\"155\" y=\"840\" width=\"120\" height=\"50\" rx=\"16\" class=\"output\"\/><text class=\"node-label output\" x=\"215\" y=\"867\">\u0397\u03c7\u03b5\u03af\u03bf<\/text><\/g>\r\n    <\/svg>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7bc20e elementor-widget elementor-widget-html\" data-id=\"c7bc20e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"el\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>\u03a7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03c9\u03bd<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\nbody {\r\n  font-family: 'Inter', Arial, sans-serif;\r\n  background: #111827;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.features-section {\r\n  padding: 96px 0 96px 0;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n.features-container {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n.features-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n.features-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background: rgba(239,68,68,0.10);\r\n  border: 1.5px solid rgba(239,68,68,0.20);\r\n  border-radius: 999px;\r\n  padding: 12px 28px;\r\n  margin-bottom: 16px;\r\n  color: #ef4444;\r\n  font-weight: 500;\r\n  font-size: 1.07rem;\r\n  backdrop-filter: blur(2.5px);\r\n}\r\n.features-header h2 {\r\n  font-size: 2.3rem;\r\n  font-weight: 900;\r\n  color: #fff;\r\n  margin: 0;\r\n  line-height: 1.13;\r\n}\r\n@media (min-width: 900px) {\r\n  .features-header h2 {\r\n    font-size: 3.7rem;\r\n  }\r\n}\r\n.gradient-text {\r\n  background: linear-gradient(90deg, #ef4444, #dc2626);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  text-fill-color: transparent;\r\n  display: block;\r\n  font-weight: 900;\r\n}\r\n.features-header p {\r\n  color: #d1d5db;\r\n  font-size: 1.18rem;\r\n  max-width: 540px;\r\n  margin: 18px auto 0 auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n.features-grid {\r\n  display: grid;\r\n  gap: 32px;\r\n  grid-template-columns: 1fr;\r\n}\r\n@media (min-width: 700px) {\r\n  .features-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n@media (min-width: 1080px) {\r\n  .features-grid {\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n  }\r\n}\r\n\r\n.feature-card {\r\n  background: rgba(0,0,0,0.38);\r\n  border: 1.6px solid rgba(239,68,68,0.20);\r\n  border-radius: 1.5rem;\r\n  backdrop-filter: blur(10px);\r\n  padding: 38px 28px 32px 28px;\r\n  transition: all 0.36s cubic-bezier(.4,2.4,.1,.9);\r\n  box-shadow: 0 8px 36px 0 #ef444410, 0 2.5px 11px 0 #b91c1c10;\r\n  cursor: pointer;\r\n  position: relative;\r\n}\r\n.feature-card:hover {\r\n  background: rgba(0,0,0,0.54);\r\n  transform: scale(1.045) translateY(-10px);\r\n  box-shadow: 0 10px 38px 0 #ef444420, 0 4.5px 17px 0 #b91c1c30;\r\n}\r\n\r\n.feature-icon-bg {\r\n  width: 64px;\r\n  height: 64px;\r\n  border-radius: 1.3rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  transition: transform 0.25s;\r\n}\r\n\r\n.feature-card:hover .feature-icon-bg {\r\n  transform: rotate(10deg) scale(1.07);\r\n}\r\n\r\n.feature-title {\r\n  font-size: 1.42rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  margin-top: 8px;\r\n  transition: color 0.18s;\r\n}\r\n.feature-card:hover .feature-title {\r\n  color: #ef4444;\r\n}\r\n.feature-desc {\r\n  color: #d1d5db;\r\n  font-size: 1.05rem;\r\n  line-height: 1.6;\r\n  margin-bottom: 22px;\r\n  transition: color 0.15s;\r\n}\r\n.feature-card:hover .feature-desc {\r\n  color: #fff;\r\n}\r\n.feature-learn {\r\n  display: flex;\r\n  align-items: center;\r\n  color: #ef4444;\r\n  font-size: 0.98rem;\r\n  font-weight: 600;\r\n  transition: color 0.16s;\r\n}\r\n.feature-card:hover .feature-learn {\r\n  color: #f87171;\r\n}\r\n.feature-learn svg {\r\n  margin-left: 7px;\r\n  transition: transform 0.25s;\r\n}\r\n.feature-card:hover .feature-learn svg {\r\n  transform: translateX(4px);\r\n}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section id=\"features\" class=\"features-section\">\r\n    <div class=\"features-container\">\r\n      <div class=\"features-header\">\r\n        <div class=\"features-tag\">\r\n          <!-- Sparkles icon -->\r\n          <svg width=\"24\" height=\"24\" fill=\"none\" style=\"margin-right:9px;\"><path fill=\"#ef4444\" d=\"M12 3l1.13 3.47c.2.63.7 1.13 1.33 1.33L18 9l-3.47 1.13a1.77 1.77 0 00-1.33 1.33L12 15l-1.13-3.47a1.77 1.77 0 00-1.33-1.33L6 9l3.47-1.13a1.77 1.77 0 001.33-1.33L12 3z\"\/><circle cx=\"19\" cy=\"19\" r=\"2\" fill=\"#ef4444\"\/><circle cx=\"5\" cy=\"19\" r=\"1.5\" fill=\"#ef4444\"\/><\/svg>\r\n          <span>\u03a0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03b7 \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1<\/span>\r\n        <\/div>\r\n        <h2>\r\n          \u0391\u03b9\u03c7\u03bc\u03ae \u03c4\u03b7\u03c2 <br>\r\n          <span class=\"gradient-text\">\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1\u03c2<\/span>\r\n        <\/h2>\r\n        <p>\r\n          \u0396\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd \u03c4\u03b7\u03c2 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03bc\u03b5 \u03c4\u03bf \u03b5\u03c0\u03b1\u03bd\u03b1\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03b2\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03a4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u039d\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"features-grid\">\r\n        <!-- Card 1 -->\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon-bg\" style=\"background:linear-gradient(90deg,#ef4444,#dc2626);\">\r\n            <!-- Camera Icon -->\r\n            <svg width=\"32\" height=\"32\" fill=\"none\"><rect x=\"3\" y=\"9\" width=\"26\" height=\"14\" rx=\"3\" fill=\"#fff\"\/><rect x=\"9\" y=\"14\" width=\"10\" height=\"4\" rx=\"2\" fill=\"#ef4444\"\/><circle cx=\"23\" cy=\"16\" r=\"3\" fill=\"#ef4444\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"feature-title\">\u0391\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03bc\u03b5 \u03a4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u039d\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7<\/div>\r\n          <div class=\"feature-desc\">\u03a0\u03c1\u03bf\u03b7\u03b3\u03bc\u03ad\u03bd\u03bf\u03b9 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 LIDAR, PIR \u03ba\u03b1\u03b9 \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2 \u03bc\u03b5 \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 99.9%<\/div>\r\n          <div class=\"feature-learn\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\r\n            <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 9.5h9M12.5 7l2.5 2.5-2.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Card 2 -->\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon-bg\" style=\"background:linear-gradient(90deg,#fff,#e5e7eb);\">\r\n            <!-- Eye Icon -->\r\n            <svg width=\"32\" height=\"32\" fill=\"none\"><ellipse cx=\"16\" cy=\"16\" rx=\"11\" ry=\"7\" fill=\"#000\"\/><ellipse cx=\"16\" cy=\"16\" rx=\"5\" ry=\"5\" fill=\"#fff\"\/><ellipse cx=\"16\" cy=\"16\" rx=\"2\" ry=\"2\" fill=\"#ef4444\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"feature-title\">\u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u039f\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 LED<\/div>\r\n          <div class=\"feature-desc\">\u03a5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03ad\u03bd\u03c4\u03b1\u03c3\u03b7\u03c2 LED \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b3\u03b9\u03b1 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2<\/div>\r\n          <div class=\"feature-learn\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\r\n            <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 9.5h9M12.5 7l2.5 2.5-2.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Card 3 -->\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon-bg\" style=\"background:linear-gradient(90deg,#ef4444,#dc2626);\">\r\n            <!-- Users Icon -->\r\n            <svg width=\"32\" height=\"32\" fill=\"none\"><circle cx=\"10\" cy=\"14\" r=\"6\" fill=\"#fff\"\/><circle cx=\"22\" cy=\"16\" r=\"4\" fill=\"#fff\"\/><ellipse cx=\"16\" cy=\"24\" rx=\"11\" ry=\"6\" fill=\"#ef4444\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"feature-title\">\u03a7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03a0\u03c1\u03bf\u03c3\u03b2\u03b1\u03c3\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\r\n          <div class=\"feature-desc\">\u0397\u03c7\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03bd\u03b4\u03b5\u03af\u03be\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03ac\u03c4\u03bf\u03bc\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03b1\u03c0\u03b7\u03c1\u03af\u03b1<\/div>\r\n          <div class=\"feature-learn\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\r\n            <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 9.5h9M12.5 7l2.5 2.5-2.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Card 4 -->\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon-bg\" style=\"background:linear-gradient(90deg,#fff,#e5e7eb);\">\r\n            <!-- BarChart3 Icon -->\r\n            <svg width=\"32\" height=\"32\" fill=\"none\"><rect x=\"5\" y=\"16\" width=\"4\" height=\"8\" rx=\"2\" fill=\"#ef4444\"\/><rect x=\"12\" y=\"10\" width=\"4\" height=\"14\" rx=\"2\" fill=\"#ef4444\"\/><rect x=\"19\" y=\"7\" width=\"4\" height=\"17\" rx=\"2\" fill=\"#ef4444\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"feature-title\">\u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03c3\u03b5 \u03a0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03a7\u03c1\u03cc\u03bd\u03bf<\/div>\r\n          <div class=\"feature-desc\">\u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b5\u03b9\u03ba\u03c4\u03ce\u03bd \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf<\/div>\r\n          <div class=\"feature-learn\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\r\n            <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 9.5h9M12.5 7l2.5 2.5-2.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Card 5 -->\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon-bg\" style=\"background:linear-gradient(90deg,#ef4444,#dc2626);\">\r\n            <!-- Wifi Icon -->\r\n            <svg width=\"32\" height=\"32\" fill=\"none\"><path d=\"M5 18c3.5-3.5 18.5-3.5 22 0\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\"\/><path d=\"M10 22c2.5-2.5 9.5-2.5 12 0\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\"\/><circle cx=\"16\" cy=\"26\" r=\"2\" fill=\"#fff\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"feature-title\">\u0391\u03c0\u03bf\u03bc\u03b1\u03ba\u03c1\u03c5\u03c3\u03bc\u03ad\u03bd\u03b7 \u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7<\/div>\r\n          <div class=\"feature-desc\">\u0394\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03ad\u03c3\u03c9 cloud \u03bc\u03b5 \u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf<\/div>\r\n          <div class=\"feature-learn\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\r\n            <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 9.5h9M12.5 7l2.5 2.5-2.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Card 6 -->\r\n        <div class=\"feature-card\">\r\n          <div class=\"feature-icon-bg\" style=\"background:linear-gradient(90deg,#fff,#e5e7eb);\">\r\n            <!-- Sun Icon -->\r\n            <svg width=\"32\" height=\"32\" fill=\"none\"><circle cx=\"16\" cy=\"16\" r=\"7\" fill=\"#ef4444\"\/><g stroke=\"#fff\" stroke-width=\"2\"><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"7\"\/><line x1=\"16\" y1=\"25\" x2=\"16\" y2=\"30\"\/><line x1=\"2\" y1=\"16\" x2=\"7\" y2=\"16\"\/><line x1=\"25\" y1=\"16\" x2=\"30\" y2=\"16\"\/><line x1=\"6.2\" y1=\"6.2\" x2=\"10\" y2=\"10\"\/><line x1=\"22\" y1=\"22\" x2=\"25.8\" y2=\"25.8\"\/><line x1=\"22\" y1=\"10\" x2=\"25.8\" y2=\"6.2\"\/><line x1=\"10\" y1=\"22\" x2=\"6.2\" y2=\"25.8\"\/><\/g><\/svg>\r\n          <\/div>\r\n          <div class=\"feature-title\">\u0392\u03b9\u03ce\u03c3\u03b9\u03bc\u03b7 \u0395\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1<\/div>\r\n          <div class=\"feature-desc\">\u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03bc\u03b5 \u03b7\u03bb\u03b9\u03b1\u03ba\u03ae \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c6\u03b5\u03b4\u03c1\u03b5\u03af\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf \u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03b3\u03b9\u03b1 24\/7 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1<\/div>\r\n          <div class=\"feature-learn\">\u039c\u03ac\u03b8\u03b5\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\r\n            <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 9.5h9M12.5 7l2.5 2.5-2.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0da682c e-con-full e-flex e-con e-parent\" data-id=\"0da682c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f895ec0 elementor-widget elementor-widget-menu-anchor\" data-id=\"f895ec0\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"demo\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-575623e elementor-widget elementor-widget-html\" data-id=\"575623e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>Smart Crosswalk Interactive Demo<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;900&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    body {\r\n      font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\r\n      background: #181b20;\r\n    }\r\n    .user-interface {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-top: 0;\r\n      margin-bottom: 22px;\r\n      gap: 22px;\r\n    }\r\n    .walker-button {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 11px;\r\n      padding: 13px 30px;\r\n      border: none;\r\n      border-radius: 18px;\r\n      font-size: 1.18rem;\r\n      font-weight: 700;\r\n      box-shadow: 0 1.5px 10px 0 #15171814;\r\n      background: #27292c;\r\n      color: #fff;\r\n      transition: background 0.17s, color 0.18s, transform 0.16s, opacity 0.17s;\r\n      cursor: pointer;\r\n      outline: none;\r\n      position: relative;\r\n      letter-spacing: .02em;\r\n    }\r\n    .walker-button svg {\r\n      flex-shrink: 0;\r\n      width: 23px;\r\n      height: 23px;\r\n    }\r\n    .walker-button:active {\r\n      transform: scale(0.97);\r\n    }\r\n    .walker-button:focus-visible {\r\n      box-shadow: 0 0 0 3px #ff3c3c44;\r\n    }\r\n    .walker-button[disabled] {\r\n      opacity: 0.54;\r\n      background: #202124;\r\n      color: #888;\r\n      cursor: not-allowed;\r\n      box-shadow: none;\r\n    }\r\n    \/* Differentiate the two buttons visually *\/\r\n    .walker-button.add {\r\n      background: #222c22;\r\n      color: #fff;\r\n    }\r\n    .walker-button.add:not([disabled]):hover {\r\n      background: #880808;\r\n      color: #fff;\r\n    }\r\n    .walker-button.move {\r\n      background: #22252c;\r\n      color: #fff;\r\n    }\r\n    .walker-button.move:not([disabled]):hover {\r\n      background: #880808;\r\n      color: #fff;\r\n    }\r\n    @media (max-width: 600px) {\r\n  .user-interface {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 12px;\r\n  }\r\n  .walker-button {\r\n    width: 100%;\r\n    justify-content: center;\r\n    font-size: 1.05rem;\r\n    padding: 14px 0;\r\n  }\r\n}\r\n\r\n\r\n    \/* The rest of your styles unchanged ... *\/\r\n    .demo-section { min-height: 100vh; padding: 64px 0 32px 0; }\r\n    .demo-header { text-align: center; margin-bottom: 32px; }\r\n    .demo-tag { display: inline-flex; align-items: center; background: rgba(239, 68, 68, 0.08); border: 1.5px solid rgba(239, 68, 68, 0.13); color: #fff; border-radius: 999px; padding: 8px 20px; font-weight: 500; font-size: 1.07rem; margin-bottom: 16px; backdrop-filter: blur(2.5px);}\r\n    .demo-header h2 { font-size: 2.2rem; font-weight: 900; color: #fff; line-height: 1.15; margin: 0;}\r\n    @media (min-width: 900px) { .demo-header h2 { font-size: 3.5rem; }}\r\n    .gradient-text { background: linear-gradient(90deg, #ef4444, #dc2626); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: inline-block; font-weight: 900; }\r\n    .demo-header p { color: #52525b; font-size: 1.2rem; max-width: 520px; margin: 16px auto 0 auto; }\r\n    .demo-glass { margin: 0 auto; background: rgba(30, 41, 59, 0.37); border: 1.7px solid rgba(239, 68, 68, 0.17); backdrop-filter: blur(14px); border-radius: 2.2rem; box-shadow: 0 8px 36px 0 #11182730, 0 2.5px 11px 0 #b91c1c20; padding: 44px 32px 32px 32px; max-width: 940px;}\r\n    .demo-note { margin-top: 32px; text-align: center; color: #f1f5f9; font-size: 1.09rem; font-weight: 400; max-width: 650px; margin-left: auto; margin-right: auto; opacity: 0.86;}\r\n    .plateform { display: flex; justify-content: center; align-items: center; min-height: 60vh;}\r\n    .road { position: relative; width: 800px; height: 160px; background: #525252; transform-origin: bottom; transform-style: preserve-3d; transform: perspective(500px) rotateX(30deg);}\r\n    .road:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 10px; background: linear-gradient(90deg, #FFF 0%, #FFF 70%, #525252 70%, #525252 100%); background-size: 120px;}\r\n    .road:after { content: ''; position: absolute; width: 100%; height: 30px; background: #333; bottom: -30px; transform-origin: top; transform: perspective(500px) rotateX(-25deg);}\r\n    .shadow { position: absolute; bottom: -93px; left: 50%; transform: translateX(-50%); width: 95%; height: 60px; background: linear-gradient(#000, transparent); opacity: 0.5;}\r\n    .crosswalk { position: absolute; width: 100px; height: 160px; background: transparent; transform-origin: bottom; transform-style: preserve-3d; transform: perspective(500px) rotateX(30deg);}\r\n    .crosswalk:before { content: ''; position: absolute; transform: rotate(90deg); left: -29px; top: 30px; width: 160px; height: 100px; background-image: repeating-linear-gradient(to right, white 0%, white 70%, #525252 70%, #525252 100%); background-size: 35px;}\r\n    .traffic-light { position: absolute; display: block; margin-top: -210px; margin-left: -100px; background-color: #333; width: 20px; height: 50px; border-radius:10px; box-shadow: 2px 2px 2px #525252;}\r\n    .crosswalk-light { position: absolute; top: 72px; width: 20px; height: 32px; border-radius: 8px; background: #28e728; box-shadow: 0 0 24px 6px #28e72899; z-index: 11; transition: background 0.3s, box-shadow 0.3s;}\r\n    .crosswalk-light-left { left: -30px; }\r\n    .crosswalk-light-right { right: -30px; }\r\n    .crosswalk-light.red { background: #e72828; box-shadow: 0 0 24px 6px #e7282899;}\r\n    .crosswalk-light.green { background: #28e728; box-shadow: 0 0 24px 6px #28e72899;}\r\n    .traffic-light-bar { position: absolute; display: block; margin-top: -120px; margin-left: -100px; background-color: #333; width: 5px; height: 42px; box-shadow: 2px 2px 2px #525252;}\r\n    .traffic-light-input { appearance: none; position: relative; width: 10px; height: 10px; margin-top: 5px; margin-left: 5px; background-color: grey; vertical-align: middle; border-radius: 100%; display: block;}\r\n    .color1 { background-color: #b30000;}\r\n    .color1-select { box-shadow: 0 0 6em #f33; background-color: #FF0000;}\r\n    .color2 { background-color: #b3b300;}\r\n    .color2-select { box-shadow: 0 0 6em #ff3; background-color: #FFFF00;}\r\n    .color3 { background-color: #00b300;}\r\n    .color3-select { box-shadow: 0 0 6em #3f3; background-color: #00FF00;}\r\n    .human { position: absolute; margin-top: -145px; margin-left: 10px; display: none;}\r\n    .human-animation { animation: human-move 4s;}\r\n    @keyframes human-move { from {transform: translateY(0px);} to  {transform: translateY(120px);} 0% {opacity: 1;} 75% {opacity: 1;} 100% {opacity: 0;}}\r\n    .human-head { background: #333; width: 15px; height: 15px; border-radius: 50%; box-shadow: 1px 1px 2px #525252;}\r\n    .human-body { background: #333; width: 15px; height: 30px; border-radius: 8px; box-shadow: 1px 1px 2px #525252;}\r\n    .human-arm-1 { background: #333; width: 20px; height: 4px; border-radius: 10px; margin-left: -10.5px; margin-top: -20px; transform: rotate(-65deg);}\r\n    .human-arm-2 { background: #333; width: 20px; height: 4px; border-radius: 10px; margin-left: 5.5px; margin-top: -4.5px; transform: rotate(-115deg); box-shadow: 1px 1px 2px #525252;}\r\n    .human-leg-1 { background: #333; width: 5px; height: 25px; border-radius: 10px; margin-left: 2px; margin-top: 12px;}\r\n    .human-leg-2 { background: #333; width: 4.5px; height: 25px; border-radius: 10px; margin-left: 8px; margin-top: -25px; box-shadow: 1px 1px 2px #525252;}\r\n    @media (max-width: 900px) { .road { width: 98vw; min-width: 300px; max-width: 100vw;} .crosswalk { left: 50%; transform: translateX(-50%) perspective(500px) rotateX(30deg);}}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"demo-section\">\r\n    <div class=\"demo-header\">\r\n      <div class=\"demo-tag\">\r\n        <svg width=\"20\" height=\"20\" fill=\"none\" style=\"vertical-align:middle;margin-right:6px;\"><circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#ef4444\"\/><path d=\"M8 10h4M10 8v4\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <span>\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1<\/span>\r\n      <\/div>\r\n      <h2>\r\n        \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03b5\u03bd<br>\r\n        <span class=\"gradient-text\">\u0394\u03c1\u03ac\u03c3\u03b7<\/span>\r\n      <\/h2>\r\n      <p>\u0396\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c4\u03bf\u03c5 \u0388\u03be\u03c5\u03c0\u03bd\u03bf\u03c5 \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03a0\u03b5\u03b6\u03ce\u03bd \u03bc\u03b5 \u03b1\u03c5\u03c4\u03ae\u03bd \u03c4\u03b7\u03bd \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b5\u03c0\u03af\u03b4\u03b5\u03b9\u03be\u03b7<\/p>\r\n    <\/div>\r\n    <div class=\"demo-glass\">\r\n      <div class=\"user-interface\">\r\n        <button id=\"addWalker\" class=\"walker-button add\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"12\" fill=\"#27ba27\"\/><path d=\"M12 8v8M8 12h8\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n          \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c0\u03b5\u03b6\u03bf\u03cd\r\n        <\/button>\r\n        <button id=\"moveWalker\" class=\"walker-button move\" disabled>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"11\" width=\"16\" height=\"2\" rx=\"1\" fill=\"#ffc107\"\/><path d=\"M20 12l-4-4M20 12l-4 4\" stroke=\"#ffc107\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          \u039a\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c0\u03b5\u03b6\u03cc\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"plateform\">\r\n        <div class=\"road\">\r\n          <div class=\"smart-side-light left\"><\/div>\r\n          <div class=\"smart-side-light right\"><\/div>\r\n          <div class=\"shadow\"><\/div>\r\n        <\/div>\r\n        <div class=\"crosswalk\">\r\n          <div class=\"crosswalk-light crosswalk-light-left\" style=\"top: 0px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-left\" style=\"top: 40px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-left\" style=\"top: 80px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-left\" style=\"top: 120px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-right\" style=\"top: 0px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-right\" style=\"top: 40px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-right\" style=\"top: 80px;\"><\/div>\r\n          <div class=\"crosswalk-light crosswalk-light-right\" style=\"top: 120px;\"><\/div>\r\n          <div class=\"led-bar top\"><\/div>\r\n          <div class=\"yellow-dots\">\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n            <div class=\"dot\"><\/div>\r\n          <\/div>\r\n          <div class=\"led-bar bottom\"><\/div>\r\n        <\/div>\r\n        <div class=\"traffic-light\">\r\n          <input id=\"trafficLight1\" class=\"traffic-light-input color1\" type=\"radio\" name=\"traffic-light-color\"\/>\r\n          <input id=\"trafficLight2\" class=\"traffic-light-input color2\" type=\"radio\" name=\"traffic-light-color\"\/>\r\n          <input id=\"trafficLight3\" class=\"traffic-light-input color3\" type=\"radio\" name=\"traffic-light-color\" \/>\r\n        <\/div>\r\n        <div class=\"traffic-light-bar\"><\/div>\r\n        <div id=\"walker\" class=\"human\">\r\n          <div class=\"human-head\"><\/div>\r\n          <div class=\"human-body\"><\/div>\r\n          <div class=\"human-arm-1\"><\/div>\r\n          <div class=\"human-arm-2\"><\/div>\r\n          <div class=\"human-leg-1\"><\/div>\r\n          <div class=\"human-leg-2\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"demo-note\">\r\n        \u0391\u03c5\u03c4\u03ae \u03b7 \u03b4\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b5\u03c0\u03af\u03b4\u03b5\u03b9\u03be\u03b7 \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c0\u03ce\u03c2 \u03c4\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u0388\u03be\u03c5\u03c0\u03bd\u03b7\u03c2 \u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03a0\u03b5\u03b6\u03ce\u03bd \u03bc\u03b1\u03c2 \u03b1\u03bd\u03b9\u03c7\u03bd\u03b5\u03cd\u03b5\u03b9 \u03c0\u03b5\u03b6\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03bb\u03ad\u03b3\u03c7\u03b5\u03b9 \u03c4\u03b1 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf. \u0394\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03c4\u03b5 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ad\u03c3\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c0\u03b5\u03b6\u03cc \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03c4\u03b1\u03c0\u03bf\u03ba\u03c1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9!\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<script>\r\nconst addWalkerButton = document.getElementById(\"addWalker\");\r\nconst moveWalkerButton = document.getElementById(\"moveWalker\");\r\nconst walker = document.getElementById(\"walker\");\r\nconst crosswalkLightsLeft = document.querySelectorAll(\".crosswalk-light-left\");\r\nconst crosswalkLightsRight = document.querySelectorAll(\".crosswalk-light-right\");\r\n\r\n\/\/ Initial state\r\naddWalkerButton.disabled = false;\r\nmoveWalkerButton.disabled = true;\r\n\r\n\/\/ Helper to set both buttons disabled\/enabled\r\nfunction setButtons(addEnabled, moveEnabled) {\r\n  addWalkerButton.disabled = !addEnabled;\r\n  moveWalkerButton.disabled = !moveEnabled;\r\n}\r\n\r\naddWalkerButton.addEventListener('click', () => {\r\n  walker.style.display = 'block';\r\n  setCrosswalkLights(\"red\");\r\n  setButtons(false, true); \/\/ Only move is enabled now\r\n});\r\n\r\nmoveWalkerButton.addEventListener('click', () => {\r\n  walker.classList.add(\"human-animation\");\r\n  setCrosswalkLights(\"green\");\r\n  setButtons(false, false); \/\/ Both disabled during animation\r\n  setTimeout(() => {\r\n    walker.classList.remove(\"human-animation\");\r\n    walker.style.display = 'none';\r\n    setCrosswalkLights(\"red\");\r\n    setButtons(true, false); \/\/ Only add is enabled again\r\n  }, 3500);\r\n});\r\n\r\n\/\/ Traffic lights (unchanged)\r\nconst light1 = document.getElementById(\"trafficLight1\");\r\nconst light2 = document.getElementById(\"trafficLight2\");\r\nconst light3 = document.getElementById(\"trafficLight3\");\r\n\r\nsetTimeout(() => {\r\n  light3.classList.remove(\"color3\");\r\n  light3.classList.add(\"color3-select\");\r\n}, 1000);\r\n\r\nsetTimeout(() => {\r\n  light3.classList.remove(\"color3-select\");\r\n  light3.classList.add(\"color3\");\r\n  light2.classList.remove(\"color2\");\r\n  light2.classList.add(\"color2-select\");\r\n}, 8000);\r\n\r\nsetTimeout(() => {\r\n  light2.classList.remove(\"color2-select\");\r\n  light2.classList.add(\"color2\");\r\n  light1.classList.remove(\"color1\");\r\n  light1.classList.add(\"color1-select\");\r\n}, 10000);\r\n\r\nfunction setCrosswalkLights(color) {\r\n  crosswalkLightsLeft.forEach(light => {\r\n    light.classList.remove(\"red\", \"green\");\r\n    light.classList.add(color);\r\n  });\r\n  crosswalkLightsRight.forEach(light => {\r\n    light.classList.remove(\"red\", \"green\");\r\n    light.classList.add(color);\r\n  });\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>\u0388\u03be\u03c5\u03c0\u03bd\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1\u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03a0\u03b5\u03b6\u03ce\u03bd \u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03b4\u03b9\u03bf\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd&nbsp; \u03b1\u03c3\u03c4\u03b9\u03ba\u03ae \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 ,&nbsp; \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf , \u03ba\u03b1\u03b9 \u03b5\u03c5\u03c6\u03c5\u03ae&nbsp; \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd . Responsive Demo Buttons \u03a0\u03c1\u03bf\u03b5\u03c0\u03b9\u03c3\u03ba\u03cc\u03c0\u03b7\u03c3\u03b7 Demo Energy Plus + System Diagram \u0394\u03b9\u03ac\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u0394\u03bf\u03bc\u03ae \u0388\u03be\u03c5\u03c0\u03bd\u03bf\u03c5 \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2 \u03a4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03b1\u03bd\u03b9\u03c7\u03bd\u03b5\u03cd\u03b5\u03b9 \u03c0\u03b5\u03b6\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03bf\u03c7\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03b9\u03b5\u03af \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b1 \u03bf\u03b4\u03b7\u03b3\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03bf\u03cd\u03c2 \u03ba\u03b1\u03b9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home -<\/title>\n<meta name=\"description\" content=\"\u03a4\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03c4\u03b7\u03c2 Energy Plus \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c0\u03b5\u03b6\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03ce\u03bd, \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 (LIDAR, PIR, \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2), \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc LED \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ae \u03c7\u03c9\u03c1\u03af\u03c2 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1, \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 GDPR \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/e-smart.city\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home -\" \/>\n<meta property=\"og:description\" content=\"\u03a4\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03c4\u03b7\u03c2 Energy Plus \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c0\u03b5\u03b6\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03ce\u03bd, \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 (LIDAR, PIR, \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2), \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc LED \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ae \u03c7\u03c9\u03c1\u03af\u03c2 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1, \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 GDPR \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/e-smart.city\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/energyplusgr\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-04T09:46:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/e-smart.city\/\",\"url\":\"https:\/\/e-smart.city\/\",\"name\":\"Home -\",\"isPartOf\":{\"@id\":\"https:\/\/e-smart.city\/#website\"},\"datePublished\":\"2025-05-30T10:37:17+00:00\",\"dateModified\":\"2025-06-04T09:46:12+00:00\",\"description\":\"\u03a4\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03c4\u03b7\u03c2 Energy Plus \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c0\u03b5\u03b6\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03ce\u03bd, \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 (LIDAR, PIR, \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2), \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc LED \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ae \u03c7\u03c9\u03c1\u03af\u03c2 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1, \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 GDPR \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2.\",\"breadcrumb\":{\"@id\":\"https:\/\/e-smart.city\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/e-smart.city\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/e-smart.city\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/e-smart.city\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/e-smart.city\/#website\",\"url\":\"https:\/\/e-smart.city\/\",\"name\":\"\u0388\u03be\u03c5\u03c0\u03bd\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03a0\u03b5\u03b6\u03ce\u03bd\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/e-smart.city\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/e-smart.city\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/e-smart.city\/#organization\",\"name\":\"Energy Plus\",\"url\":\"https:\/\/e-smart.city\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/e-smart.city\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/e-smart.city\/wp-content\/uploads\/2024\/09\/cropped-E-SMART-CITY-LOGO.jpg\",\"contentUrl\":\"https:\/\/e-smart.city\/wp-content\/uploads\/2024\/09\/cropped-E-SMART-CITY-LOGO.jpg\",\"width\":512,\"height\":512,\"caption\":\"Energy Plus\"},\"image\":{\"@id\":\"https:\/\/e-smart.city\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/energyplusgr\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home -","description":"\u03a4\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03c4\u03b7\u03c2 Energy Plus \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c0\u03b5\u03b6\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03ce\u03bd, \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 (LIDAR, PIR, \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2), \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc LED \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ae \u03c7\u03c9\u03c1\u03af\u03c2 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1, \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 GDPR \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/e-smart.city\/","og_locale":"en_US","og_type":"article","og_title":"Home -","og_description":"\u03a4\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03c4\u03b7\u03c2 Energy Plus \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c0\u03b5\u03b6\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03ce\u03bd, \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 (LIDAR, PIR, \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2), \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc LED \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ae \u03c7\u03c9\u03c1\u03af\u03c2 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1, \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 GDPR \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2.","og_url":"https:\/\/e-smart.city\/","article_publisher":"https:\/\/www.facebook.com\/energyplusgr\/","article_modified_time":"2025-06-04T09:46:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/e-smart.city\/","url":"https:\/\/e-smart.city\/","name":"Home -","isPartOf":{"@id":"https:\/\/e-smart.city\/#website"},"datePublished":"2025-05-30T10:37:17+00:00","dateModified":"2025-06-04T09:46:12+00:00","description":"\u03a4\u03b1 \u03ad\u03be\u03c5\u03c0\u03bd\u03b1 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03c0\u03b5\u03b6\u03ce\u03bd \u03c4\u03b7\u03c2 Energy Plus \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03b1\u03c5\u03be\u03b7\u03bc\u03ad\u03bd\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03af\u03c7\u03bd\u03b5\u03c5\u03c3\u03b7 \u03c0\u03b5\u03b6\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03c7\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ad\u03b3\u03ba\u03b1\u03b9\u03c1\u03b7 \u03c0\u03c1\u03bf\u03b5\u03b9\u03b4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bf\u03b4\u03b7\u03b3\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c0\u03b5\u03b6\u03ce\u03bd, \u03ad\u03be\u03c5\u03c0\u03bd\u03bf\u03c5\u03c2 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03ae\u03c1\u03b5\u03c2 (LIDAR, PIR, \u03b8\u03b5\u03c1\u03bc\u03b9\u03ba\u03ad\u03c2 \u03ba\u03ac\u03bc\u03b5\u03c1\u03b5\u03c2), \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03bf\u03c1\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03c6\u03c9\u03c4\u03b9\u03c3\u03bc\u03cc LED \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bb\u03b5\u03b4\u03b9\u03b1\u03c7\u03b5\u03af\u03c1\u03b9\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b7\u03c4\u03ae \u03bd\u03bf\u03b7\u03bc\u03bf\u03c3\u03cd\u03bd\u03b7. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b4\u03b9\u03b1\u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ae \u03c7\u03c9\u03c1\u03af\u03c2 \u03c6\u03b1\u03bd\u03ac\u03c1\u03b9\u03b1, \u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03c3\u03c5\u03bc\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7 GDPR \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2.","breadcrumb":{"@id":"https:\/\/e-smart.city\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/e-smart.city\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/e-smart.city\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/e-smart.city\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/e-smart.city\/#website","url":"https:\/\/e-smart.city\/","name":"\u0388\u03be\u03c5\u03c0\u03bd\u03bf \u03a3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b7\u03c2 \u03a0\u03b5\u03b6\u03ce\u03bd","description":"","publisher":{"@id":"https:\/\/e-smart.city\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/e-smart.city\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/e-smart.city\/#organization","name":"Energy Plus","url":"https:\/\/e-smart.city\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/e-smart.city\/#\/schema\/logo\/image\/","url":"https:\/\/e-smart.city\/wp-content\/uploads\/2024\/09\/cropped-E-SMART-CITY-LOGO.jpg","contentUrl":"https:\/\/e-smart.city\/wp-content\/uploads\/2024\/09\/cropped-E-SMART-CITY-LOGO.jpg","width":512,"height":512,"caption":"Energy Plus"},"image":{"@id":"https:\/\/e-smart.city\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/energyplusgr\/"]}]}},"_links":{"self":[{"href":"https:\/\/e-smart.city\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-smart.city\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-smart.city\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-smart.city\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-smart.city\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":104,"href":"https:\/\/e-smart.city\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/e-smart.city\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/e-smart.city\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}