1<!doctype html> 2<html lang="en-US"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" 7 content="width=device-width, initial-scale=1"> 8 <link rel="apple-touch-icon" sizes="180x180" href="https://grenton.com/app/themes/grenton/public/apple-touch-icon.5edfbf.png" /> 9 <link rel="icon" type="image/png" href="https://grenton.com/app/themes/grenton/public/favicon-16x16.5b4caf.png" sizes="16x16"> 10 <link rel="icon" type="image/png" href="https://grenton.com/app/themes/grenton/public/favicon-32x32.d9dcb2.png" sizes="32x32"> 11
11<script type="text/javascript">/* wpack.io publicPath */window.__wpackIoresponsivePicsdist='https://grenton.com/app/plugins/responsive-pics/dist/';</script>
11<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 12 13 <!-- This site is optimized with the Yoast SEO plugin v24.9 - https://yoast.com/wordpress/plugins/seo/ --> 14 <title>Grenton Smart Home</title><link rel="preload" data-rocket-preload as="image" href="" imagesrcset="https://grenton.com/app/uploads/2023/02/Dom_Grenton-2000x1100.jpg 2000w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-1400x770.jpg 1400w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-1200x660.jpg 1200w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-992x545.jpg 992w, https://grenton.com/app/uploads/2023/02/[email protected] 1984w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-768x422.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-576x316.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" imagesizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" fetchpriority="high"> 15 <meta name="description" content="Convenient control, modern automations, and professional installation by experts. Discover Grenton Smart Home." /> 16 <link rel="canonical" href="https://grenton.com/" /> 17 <meta property="og:locale" content="en_US" /> 18 <meta property="og:type" content="website" /> 19 <meta property="og:title" content="Grenton Smart Home" /> 20 <meta property="og:description" content="Convenient control, modern automations, and professional installation by experts. Discover Grenton Smart Home." /> 21 <meta property="og:url" content="https://grenton.com/" /> 22 <meta property="og:site_name" content="Grenton" /> 23 <meta property="article:modified_time" content="2026-05-04T12:29:28+00:00" /> 24 <meta name="twitter:card" content="summary_large_image" /> 25
25<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://grenton.com/","url":"https://grenton.com/","name":"Grenton Smart Home","isPartOf":{"@id":"https://grenton.com/#website"},"datePublished":"2024-01-11T15:20:15+00:00","dateModified":"2026-05-04T12:29:28+00:00","description":"Convenient control, modern automations, and professional installation by experts. Discover Grenton Smart Home.","breadcrumb":{"@id":"https://grenton.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://grenton.com/"]}]},{"@type":"BreadcrumbList","@id":"https://grenton.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Your Home"}]},{"@type":"WebSite","@id":"https://grenton.com/#website","url":"https://grenton.com/","name":"Grenton","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://grenton.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
25 26 <meta name="google-site-verification" content="LAZp3CPXX3j9p9Ve6ljpXOs52FgJaM1RGw6UeWYO1Wo" /> 27 <!-- / Yoast SEO plugin. --> 28 29 30<style id='safe-svg-svg-icon-style-inline-css'> 31.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} 32 33</style> 34<link data-minify="1" rel='stylesheet' id='app/0-css' href='https://grenton.com/app/cache/min/1/app/themes/grenton/public/app.2e3ccc.css?ver=1787836458' media='all' />
35<script> 36 // Block presence of other buttons 37 window.__Marker = {}; 38 </script>
38 <style id="wp-custom-css"> 39 .h-3\/5 { 40 height: 60%; 41} 42 43/* mena */ 44.page-id-22961 header, .page-id-22961 footer { 45 display: none !important; 46} 47 48/* mena-ar */ 49.page-id-23054 header, .page-id-23054 footer { 50 display: none !important; 51} 52 53body.page-id-23054 { 54 direction: rtl; 55} 56 57/* mena_arabic */ 58.page-id-24195 header, .page-id-24195 footer { 59 display: none !important; 60} 61 62body.page-id-24195 { 63 direction: rtl; 64} 65 66.page-id-24195 #formularz-kontaktowy, .page-id-24195 #block_de0ae1c72986dce518b6911b6e2c30ae, .page-id-24195 #block_9248e9b47d4e444cc79da8e47eb568e7 { 67 direction: ltr; 68} </style> 69 <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> <!-- Google Tag Manager -->
69<script>
vendor: 327 bytes, line 69
69(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
69GTM-TZTN23H
vendor: 3 bytes, line 69
69');
69</script>
69 <!-- End Google Tag Manager -->
70<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
70 71 72 73 74<!-- Hotjar Tracking Code for https://grenton.com/ -->
75<script>
vendor: 106 bytes, line 75
75 (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:
753725145
vendor: 226 bytes, lines 75-76
75,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; 76 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
77</script>
77 78 <style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style> 79<noscript> 80<style id="wpr-lazyload-bg-nostyle"></style> 81</noscript>
82<script type="application/javascript">const rocket_pairs = []; const rocket_excluded_pairs = [];</script>
82</head> 83 84<body class="home page page-parent wp-embed-responsive relative text-base text-dark"> 85 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 85
85 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
85GTM-TZTN23H
vendor: 83 bytes, line 85
85" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
85<!-- End Google Tag Manager (noscript) --> 86 87 <header 88 id="site-header" 89 class="fixed z-50 left-0 right-0 transition bg-transparent text-dark top-0" 90 x-data="{ 91 scrolled: false, 92 menuOpen: false, 93 lastScrollValue: 0, 94 scrollingDown: false, 95 mobileNavOpen: false, 96 scrollLocked: false, 97 }" 98 x-on:scroll.window=" 99 if (scrollLocked) { 100 return; 101 } 102 103 scrolled = window.scrollY > 18; 104 scrollingDown = window.scrollY - lastScrollValue > 0; 105 lastScrollValue = window.scrollY; 106 " 107 x-on:scroll-lock.window="scrollLocked = $event.detail" 108 x-on:menu-hover="menuOpen = true" 109 x-on:mouseleave.debounce.50ms="menuOpen = false" 110 x-on:mobile-nav-open="mobileNavOpen = $event.detail" 111 :class="{ 112 '-translate-y-full': scrolled && scrollingDown && ! mobileNavOpen, 113 '!bg-white !text-dark': scrolled || menuOpen || mobileNavOpen, 114 }" 115> 116 <div 117 class="w-full px-5 md:px-20 flex flex-none items-center h-16 md:h-[5.9375rem]" 118> 119 <div class="w-72 mr-auto"> 120 <a 121 href="https://grenton.com/" 122 > 123 <svg 124 xmlns="http://www.w3.org/2000/svg" 125 id="Warstwa_1" 126 viewBox="0 0 705.75 331.55" 127 class="w-[8.375rem] -ml-4" 128> 129 <path d="M287.62 171.49h-25.97v-10.38c0-2.3.9-4.02 2.74-5.27 1.83-1.23 5.4-1.85 10.61-1.85 4.72 0 8.04.62 9.86 1.85 1.84 1.24 2.75 2.97 2.75 5.27v10.38Zm12.46-25.22c-5.41-3.74-13.75-5.64-24.78-5.64-11.71 0-20.65 2-26.56 5.93-5.9 3.94-8.9 10.58-8.9 19.74v25.81c0 7.75 3.04 13.4 9.28 17.3 6.35 3.97 16.06 5.99 28.85 5.99 9.64 0 19.13-.94 28.19-2.82v-13.8c-8.86 2.08-16.95 3.11-24.03 3.11-7.99 0-13.29-.89-16.17-2.74-2.86-1.82-4.3-4.79-4.3-8.83v-6.53h46.59v-17.5c0-9.55-2.76-16.29-8.16-20.03M197.52 146.56c-5.91 3.94-8.91 10.58-8.91 19.74v47.62h21.82V161.1c0-2.3.9-4.02 2.74-5.27 1.82-1.23 5.39-1.85 10.61-1.85h3.27v-13.2c-.19-.01-.37-.03-.53-.04-.67-.07-.97-.1-2.45-.1-11.72 0-20.65 2-26.55 5.93M613.55 146.56c-5.86-3.9-14.69-5.9-26.25-5.93-11.56.03-20.41 2.03-26.26 5.93-5.9 3.94-8.89 10.58-8.89 19.74v47.62h21.8V161.1c0-2.3.9-4.02 2.75-5.27 1.82-1.23 5.39-1.85 10.6-1.85s8.79.62 10.61 1.85c1.84 1.24 2.74 2.97 2.74 5.27v52.82h21.8V166.3c0-9.16-2.99-15.8-8.9-19.74M512.98 183.14v11.79c0 2.29-.88 4.02-2.74 5.26-1.82 1.23-5.39 1.85-10.61 1.87-5.21-.02-8.78-.64-10.6-1.87-1.86-1.25-2.76-2.97-2.76-5.26V161.1c0-2.3.9-4.02 2.76-5.27 1.82-1.23 5.39-1.85 10.6-1.85s8.8.62 10.61 1.85c1.86 1.24 2.74 2.97 2.74 5.27v22.04Zm12.91-36.58c-5.85-3.9-14.68-5.9-26.26-5.93-11.56.03-20.4 2.03-26.25 5.93-5.9 3.94-8.89 10.58-8.89 19.74v23.44c0 9.16 2.99 15.79 8.89 19.73 5.86 3.9 14.69 5.9 26.25 5.93 11.58-.03 20.41-2.03 26.26-5.93 5.91-3.94 8.9-10.57 8.9-19.73V166.3c0-9.16-2.99-15.8-8.9-19.74M387 146.56c-5.86-3.9-14.69-5.9-26.24-5.93-11.58.03-20.41 2.03-26.27 5.93-5.91 3.94-8.91 10.58-8.91 19.74v47.62h21.82V161.1c0-2.3.9-4.02 2.74-5.27 1.82-1.23 5.39-1.85 10.61-1.85s8.77.62 10.6 1.85c1.85 1.24 2.74 2.97 2.74 5.27v52.82h21.82V166.3c0-9.16-3-15.8-8.91-19.74M451.69 155.47v-13.36h-16.63v-13.72h-21.8v61.35c0 9.16 2.99 15.79 8.89 19.73 5.91 3.93 14.85 5.93 26.56 5.93 1.48 0 1.78-.03 2.45-.1.16-.01.33-.03.53-.04v-13.22h-3.27c-5.23 0-8.8-.61-10.61-1.84-1.85-1.25-2.75-2.97-2.75-5.26v-39.46h16.63ZM131.5 116.15c-4.54 0-8.89.21-12.97.66-4.09.45-8.4 1.4-12.84 2.81-4.43 1.43-8.28 3.26-11.43 5.42-3.15 2.17-5.8 5.21-7.87 9.05-2.07 3.85-3.11 8.33-3.11 13.36v40.05c0 4.53.89 8.53 2.66 11.87 1.77 3.35 4.14 6.05 7.05 8.01 2.91 1.97 6.55 3.59 10.83 4.83 4.27 1.23 8.62 2.06 12.91 2.51 4.28.44 9.15.67 14.45.67 6.41 0 13.53-.6 21.15-1.78 7.62-1.18 13.99-2.68 18.92-4.46v-49.99h-38.76v15.14h16.66v22.41l-1.07.26c-5.12 1.3-10 1.95-14.52 1.95-8.67 0-15.44-.95-20.11-2.82-4.67-1.87-7.04-5.31-7.04-10.24v-38.72c0-4.95 2.21-8.69 6.59-11.11 4.16-2.3 10.21-3.42 18.48-3.42 13.48 0 25.97 1.24 37.69 3.77v-17.37c-12.33-1.94-24.83-2.88-37.69-2.88" fill="currentColor"/> 130</svg> 131 </a> 132 </div> 133 134 <div class="hidden md:block grow self-stretch"> 135 <nav 136 class="flex items-stretch justify-center h-full" 137 x-data="{ 138 barXPosition: 0, 139 dropdownLayout: 'two-columns', 140 dropdownOpen: false, 141 onMenuHover: function (item) { 142 const position = item.getBoundingClientRect(); 143 this.barXPosition = position.x; 144 $refs.bar.style.transform = `translate3d(${Math.round(this.barXPosition)}px, 0px, 0px)`; 145 $refs.bar.style.width = `${Math.round(position.width)}px` 146 this.dropdownOpen = true; 147 } 148 }" 149 x-on:menu-hover="onMenuHover($event.detail);" 150 x-on:mouseleave.debounce.50ms=" 151 $refs.bar.style.transform = `translate3d(${barXPosition}px, 0px, 0px)`; 152 $refs.bar.style.width = `0px`; 153 dropdownOpen = false;
154 " 155 x-on:update-dropdown.debounce.50ms=" 156 $el.style.setProperty('--dropdown-height', $event.detail.height + 'px'); 157 dropdownLayout = $event.detail.layout; 158 " 159 style="--dropdown-height: 0" 160> 161 <div 162 class="flex items-center px-8 text-md" 163 x-data="{ 164 navExpanded: false, 165 navClosing: false, 166 }" 167 x-on:mouseenter.debounce.50ms.throttle.100ms=" 168 if (! navExpanded) { 169 $dispatch('menu-hover', $refs.link); 170 171 $dispatch('update-dropdown', { 172 layout: 'two-columns', 173 height: $refs.dropdown.offsetHeight, 174 }); 175 } 176 177 navExpanded = true; 178 " 179 x-on:mouseleave.debounce.50ms.throttle.100ms=" 180 $dispatch('update-dropdown', { 181 layout: 'two-columns', 182 height: 0, 183 }); 184 185 navClosing = true; 186 navExpanded = false; 187 188 setTimeout(function () { 189 navClosing = false; 190 }, 150); 191 " 192> 193 <a 194 href="https://grenton.com/" 195 title="For Home" 196 rel="noopener" 197 target="_self" 198 x-on:click="if (!navExpanded) { $event.preventDefault(); return false; }" 199 class="block relative w-full py-2" 200 :class="{'after:hidden': !navExpanded}" 201 x-ref="link" 202 > 203 For Home 204 </a> 205 206 <div 207 class="absolute z-10 top-full left-0 right-0 text-dark transition-opacity duration-150 opacity-0 pointer-events-none invisible" 208 x-ref="dropdown" 209 :class="{ 210 'z-10 opacity-0 pointer-events-none': ! navExpanded, 211 'z-20 opacity-100 delay-150': navExpanded, 212 'visible': navExpanded || navClosing, 213 'invisible': ! navExpanded && ! navClosing, 214 }" 215> 216 <div class="grid grid-cols-4"> 217 <div 218 class="py-10 col-span-2" 219 > 220 <div 221 class="w-full px-5 md:px-20 !px-10" 222> 223 <div class="flex py-10"> 224 <div class="w-1/2 px-10"> 225 <div class="group"> 226 <div 227 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 228> 229 <a 230 href="https://grenton.com/" 231 class="text-base font-bold" 232 title="For Home" 233 target="_self" 234 rel="noopener" 235 > 236 For Home 237 </a> 238 </div> 239 240 </div> <div class="group"> 241 <div 242 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 243> 244 <a 245 href="https://grenton.com/for-your-home/grenton-home/" 246 class="text-base font-bold" 247 title="Grenton Home" 248 target="_self" 249 rel="noopener" 250 > 251 Grenton Home 252 </a> 253 </div> 254 255 </div> <div class="group pb-10 last:pb-0"> 256 <div 257 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 258> 259 <a 260 href="https://grenton.com/for-your-home/benefits/" 261 class="text-base font-bold" 262 title="Benefits" 263 target="_self" 264 rel="noopener" 265 > 266 Benefits 267 </a> 268 </div> 269 270 <ul> 271 272 <li class="py-1"> 273 <a 274 href="https://grenton.com/for-your-home/benefits/#komfort" target="_self" rel="noopener" 275 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 276 rel="noopener" 277> 278 Comfort 279</a> 280 </li> 281 282 <li class="py-1"> 283 <a 284 href="https://grenton.com/for-your-home/benefits/#oszczednosci" target="_self" rel="noopener" 285 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 286 rel="noopener" 287> 288 Money Savings 289</a> 290 </li> 291 292 <li class="py-1"> 293 <a 294 href="https://grenton.com/for-your-home/benefits/#bezpieczenstwo" target="_self" rel="noopener" 295 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 296 rel="noopener" 297> 298 Security 299</a> 300 </li> 301 </ul> 302 </div> <div class="group"> 303 <div 304 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 305> 306 <a 307 href="https://grenton.com/advice-and-reference-projects/" 308 class="text-base font-bold" 309 title="Advice and Reference projects" 310 target="_self" 311 rel="noopener" 312 > 313 Advice and Reference projects 314 </a> 315 </div> 316 317 </div> </div> 318 319 <div class="w-1/2 px-10"> 320 <div class="group pb-10 last:pb-0"> 321 <div 322 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 323> 324 <a 325 href="https://grenton.com/for-your-home/functionalities/" 326 class="text-base font-bold" 327 title="Functionalities" 328 target="_self" 329 rel="noopener" 330 > 331 Functionalities 332 </a> 333 </div> 334 335 <ul> 336 337 <li class="py-1"> 338 <a 339 href="https://grenton.com/for-your-home/functionalities/#sterowanie-oswietleniem" target="_self" rel="noopener" 340 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 341 rel="noopener" 342> 343 Lighting 344</a> 345 </li> 346 347 <li class="py-1"> 348 <a 349 href="https://grenton.com/for-your-home/functionalities/#sterowanie-temperatura" target="_self" rel="noopener" 350 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 351 rel="noopener" 352> 353 Temperature Control 354</a> 355 </li> 356 357 <li class="py-1"> 358 <a 359 href="https://grenton.com/for-your-home/functionalities/#obsluga-rolet-i-zaluzji" target="_self" rel="noopener" 360 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 361 rel="noopener" 362> 363 Roller Shutters and Blinds 364</a> 365 </li> 366 367 <li class="py-1"> 368 <a 369 href="https://grenton.com/for-your-home/functionalities/#obsluga-bram" target="_self" rel="noopener" 370 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 371 rel="noopener" 372> 373 Gates and Fences 374</a> 375 </li> 376 377 <li class="py-1"> 378 <a 379 href="https://grenton.com/for-your-home/functionalities/#zarzadzanie-energia" target="_self" rel="noopener" 380 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 381 rel="noopener" 382> 383 Energy 384</a> 385 </li> 386 387 <li class="py-1"> 388 <a 389 href="https://grenton.com/for-your-home/functionalities/#integracja-z-systemem-alarmowym" target="_self" rel="noopener" 390 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 391 rel="noopener" 392> 393 Alarms 394</a> 395 </li> 396 397 <li class="py-1"> 398 <a 399 href="https://grenton.com/for-your-home/functionalities/#integracje-z-multimediami" target="_self" rel="noopener" 400 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 401 rel="noopener" 402> 403 Multimedia and Audio 404</a> 405 </li> 406 407 <li class="py-1"> 408 <a 409 href="https://grenton.com/for-your-home/functionalities/#integracje-hvac" target="_self" rel="noopener" 410 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 411 rel="noopener" 412> 413 HVAC 414</a> 415 </li> 416 417 <li class="py-1"> 418 <a 419 href="https://grenton.com/for-your-home/functionalities/#sterowanie-ogrodem" target="_self" rel="noopener" 420 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 421 rel="noopener" 422> 423 Garden Control 424</a> 425 </li> 426 </ul> 427 </div> </div> 428 </div> 429</div> 430 </div> 431 432 <div 433 class="py-10" 434 > 435 <div 436 class="w-full px-5 md:px-20 py-10" 437> 438 <div 439 class="pb-10" 440 > 441 <div class="group pb-10 last:pb-0"> 442 <div 443 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 444>
445 <span class="text-base font-bold"> 446 Useful Links 447 </span> 448 </div> 449 450 <ul> 451 452 <li class="py-1"> 453 <a 454 href="https://grenton.com/your-home/map-find-installer/" target="_self" rel="noopener" 455 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 456 rel="noopener" 457> 458 Find an Installer - Map 459</a> 460 </li> 461 462 <li class="py-1"> 463 <a 464 href="https://grenton.com/contact/#kontakt" target="_self" rel="noopener" 465 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 466 rel="noopener" 467> 468 Estimate project costs 469</a> 470 </li> 471 </ul> 472 </div> </div> 473 474 <div 475 class="" 476 > 477 <div class="group"> 478 479 <div class="py-4"> 480 <div class="mb-2 text-sm font-light"> 481 Phone 482 </div> 483 484 485 <div> 486 <a 487 href="tel:+48-12-2002-998" target="_self" rel="noopener" 488 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 489 rel="noopener" 490> 491 +48 12 2002 998 492</a> 493 </div> 494 495 </div> <div class="py-4"> 496 <div class="mb-2 text-sm font-light"> 497 Email 498 </div> 499 500 501 502 <div> 503 <a 504 href="mailto:[email protected]" target="_self" rel="noopener" 505 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 506 rel="noopener" 507> 508 [email protected] 509</a> 510 </div> 511 </div> </div> 512 </div> 513</div> 514 </div> 515 516 <div class="relative z-10 py-10 "> 517 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 pointer-events-none"> 518 <img width="500" height="700" src="https://grenton.com/app/uploads/2023/01/Banner_Mega-Menu_CTA-Wycena-Kalkulator-kopia.webp" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://grenton.com/app/uploads/2023/01/Banner_Mega-Menu_CTA-Wycena-Kalkulator-kopia.webp 500w, https://grenton.com/app/uploads/2023/01/Banner_Mega-Menu_CTA-Wycena-Kalkulator-kopia-214x300.webp 214w" sizes="(max-width: 500px) 100v
518w, 500px" /> 519 </div> 520 521<div 522 class="w-full px-5 md:px-20 relative z-20 py-10" 523> 524 <div class="text-lg mb-8"> 525 Discover the price of the Grenton Smart Home System. 526 </div> 527 528 <div class="text-sm mb-8 font-light"> 529 Check sample packages or create your own configuration. 530 </div> 531 532 <div class="pt-8"> 533 <div class="inline-block"> 534 <a 535 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/contact/#kontakt" target="" id="Wycena_Menu" 536 rel="noopener" 537 > 538 <span>Check</span> 539 540 <svg 541 xmlns="http://www.w3.org/2000/svg" 542 viewBox="0 0 24 24" 543 class="h-5 w-5 ml-2 group-hover:text-inherit" 544> 545 <g> 546 <path d="M0,0H24V24H0Z" fill="none"/> 547 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 548 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 549 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 550 </g> 551</svg> 552 </a> 553</div> 554 </div> 555</div> 556 </div> 557 </div> 558</div> </div> 559 <div 560 class="flex items-center px-8 text-md" 561 x-data="{ 562 navExpanded: false, 563 navClosing: false, 564 }" 565 x-on:mouseenter.debounce.50ms.throttle.100ms=" 566 if (! navExpanded) { 567 $dispatch('menu-hover', $refs.link); 568 569 $dispatch('update-dropdown', { 570 layout: 'two-columns', 571 height: $refs.dropdown.offsetHeight, 572 }); 573 } 574 575 navExpanded = true; 576 " 577 x-on:mouseleave.debounce.50ms.throttle.100ms=" 578 $dispatch('update-dropdown', { 579 layout: 'two-columns', 580 height: 0, 581 }); 582 583 navClosing = true; 584 navExpanded = false; 585 586 setTimeout(function () { 587 navClosing = false; 588 }, 150); 589 " 590> 591 <a 592 href="https://grenton.com/professionals/" 593 title="For Professionals" 594 rel="noopener" 595 target="_self" 596 x-on:click="if (!navExpanded) { $event.preventDefault(); return false; }" 597 class="block relative w-full py-2" 598 :class="{'after:hidden': !navExpanded}" 599 x-ref="link" 600 > 601 For Professionals 602 </a> 603 604 <div 605 class="absolute z-10 top-full left-0 right-0 text-dark transition-opacity duration-150 opacity-0 pointer-events-none invisible" 606 x-ref="dropdown" 607 :class="{ 608 'z-10 opacity-0 pointer-events-none': ! navExpanded, 609 'z-20 opacity-100 delay-150': navExpanded, 610 'visible': navExpanded || navClosing, 611 'invisible': ! navExpanded && ! navClosing, 612 }" 613> 614 <div class="grid grid-cols-4"> 615 <div 616 class="py-10 col-span-2" 617 > 618 <div 619 class="w-full px-5 md:px-20 !px-10" 620> 621 <div class="flex py-10"> 622 <div class="w-1/2 px-10"> 623 <div class="group"> 624 <div 625 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 626> 627 <a 628 href="https://grenton.com/professionals/" 629 class="text-base font-bold" 630 title="For Professionals" 631 target="_self" 632 rel="noopener" 633 > 634 For Professionals 635 </a> 636 </div> 637 638 </div> <div class="group"> 639 <div 640 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 641> 642 <a 643 href="https://grenton.com/professionals/support/" 644 class="text-base font-bold" 645 title="Support" 646 target="_self" 647 rel="noopener" 648 > 649 Support 650 </a> 651 </div> 652 653 </div> <div class="group pb-10 last:pb-0"> 654 <div 655 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 656> 657 <a 658 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/" 659 class="text-base font-bold" 660 title="Cooperation" 661 target="_self" 662 rel="noopener" 663 > 664 Cooperation 665 </a> 666 </div> 667 668 <ul> 669 670 <li class="py-1"> 671 <a 672 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/for-installer/" target="_self" rel="noopener" 673 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 674 rel="noopener" 675>
676 Installers 677</a> 678 </li> 679 680 <li class="py-1"> 681 <a 682 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/architect/" target="_self" rel="noopener" 683 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 684 rel="noopener" 685> 686 Architects and Designers 687</a> 688 </li> 689 </ul> 690 </div> </div> 691 692 <div class="w-1/2 px-10"> 693 <div class="group"> 694 <div 695 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 696> 697 <a 698 href="https://grenton.com/professionals/grenton-academy/" 699 class="text-base font-bold" 700 title="Grenton Academy" 701 target="_self" 702 rel="noopener" 703 > 704 Grenton Academy 705 </a> 706 </div> 707 708 </div> <div class="group pb-10 last:pb-0"> 709 <div 710 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 711> 712 <a 713 href="https://knowledgebase.grenton.com/" 714 class="text-base font-bold" 715 title="Knowledge Base" 716 target="_self" 717 rel="noopener" 718 > 719 Knowledge Base 720 </a> 721 </div> 722 723 <ul> 724 725 <li class="py-1"> 726 <a 727 href="https://knowledgebase.grenton.com/faq" target="_self" rel="noopener" 728 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 729 rel="noopener" 730> 731 FAQ 732</a> 733 </li> 734 735 <li class="py-1"> 736 <a 737 href="https://knowledgebase.grenton.com/installation-guidelines" target="_self" rel="noopener" 738 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 739 rel="noopener" 740> 741 Installation Guidelines 742</a> 743 </li> 744 745 <li class="py-1"> 746 <a 747 href="https://knowledgebase.grenton.com/reference-devices" target="_self" rel="noopener" 748 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 749 rel="noopener" 750> 751 Reference devices 752</a> 753 </li> 754 755 <li class="py-1"> 756 <a 757 href="https://knowledgebase.grenton.com/manuals" target="_self" rel="noopener" 758 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 759 rel="noopener" 760> 761 Configurations and Integrations 762</a> 763 </li> 764 765 <li class="py-1"> 766 <a 767 href="https://knowledgebase.grenton.com/price-list-and-documents" target="_self" rel="noopener" 768 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 769 rel="noopener" 770> 771 Price list and documents 772</a> 773 </li> 774 </ul> 775 </div> </div> 776 </div> 777</div> 778 </div> 779 780 <div 781 class="py-10" 782 > 783 <div 784 class="w-full px-5 md:px-20 py-10" 785> 786 <div 787 class="pb-10" 788 > 789 <div class="group pb-10 last:pb-0"> 790 <div 791 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 792>
793 <span class="text-base font-bold"> 794 Useful Links 795 </span> 796 </div> 797 798 <ul> 799 800 <li class="py-1"> 801 <a 802 href="https://grenton.com/your-home/map-find-installer/" target="_self" rel="noopener" 803 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 804 rel="noopener" 805> 806 Where to buy Grenton 807</a> 808 </li> 809 810 <li class="py-1"> 811 <a 812 href="https://b2bgrenton.abstore.pl/client/loginorcreate/login" target="_self" rel="noopener" 813 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 814 rel="noopener" 815> 816 B2B Shop 817</a> 818 </li> 819 820 <li class="py-1"> 821 <a 822 href="https://grentonsmarthome.github.io/" target="_self" rel="noopener" 823 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 824 rel="noopener" 825> 826 Download Files 827</a> 828 </li> 829 830 <li class="py-1"> 831 <a 832 href="https://www.facebook.com/groups/367115490741267" target="_self" rel="noopener" 833 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 834 rel="noopener" 835> 836 Grenton Community 837</a> 838 </li> 839 </ul> 840 </div> </div> 841 842 <div 843 class="" 844 > 845 <div class="group"> 846 847 <div 848 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 849> 850 <a 851 href="https://grenton.com/contact/" 852 class="text-base font-bold" 853 title="Contact" 854 target="_self" 855 rel="noopener" 856 > 857 Contact 858 </a> 859 </div> 860 861 <div class="py-4"> 862 <div class="mb-2 text-sm font-light"> 863 Phone 864 </div> 865 866 867 <div> 868 <a 869 href="tel:+48-12-2002-998" target="_self" rel="noopener" 870 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 871 rel="noopener" 872> 873 +48 12 2002 998 874</a> 875 </div> 876 877 </div> <div class="py-4"> 878 <div class="mb-2 text-sm font-light"> 879 Email 880 </div> 881 882 883 884 <div> 885 <a 886 href="mailto:[email protected]" target="_self" rel="noopener" 887 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 888 rel="noopener" 889> 890 [email protected] 891</a> 892 </div> 893 </div> </div> 894 </div> 895</div> 896 </div> 897 898 <div class="relative z-10 py-10 "> 899 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 pointer-events-none"> 900 <img width="457" height="606" src="https://grenton.com/app/uploads/2026/04/teaser
900-duna-terasz-in-red-2-no-txt.png" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://grenton.com/app/uploads/2026/04/teaser-duna-terasz-in-red-2-no-txt.png 457w, https://grenton.com/app/uploads/2026/04/teaser-duna-terasz-in-red-2-no-txt-226x300.png 226w" sizes="(max-width: 457px) 100vw, 457px" /> 901 </div> 902 903<div 904 class="w-full px-5 md:px-20 relative z-20 py-10" 905> 906 <div class="text-lg mb-8"> 907 Smart home in real estate development projects 908 </div> 909 910 <div class="text-sm mb-8 font-light"> 911 Offer for developers 912 </div> 913 914 <div class="pt-8"> 915 <div class="inline-block"> 916 <a 917 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/" target="_blank" id="Developer_ProMenu" 918 rel="noopener" 919 > 920 <span>Learn more</span> 921 922 <svg 923 xmlns="http://www.w3.org/2000/svg" 924 viewBox="0 0 24 24" 925 class="h-5 w-5 ml-2 group-hover:text-inherit" 926> 927 <g> 928 <path d="M0,0H24V24H0Z" fill="none"/> 929 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 930 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 931 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 932 </g> 933</svg> 934 </a> 935</div> 936 </div> 937</div> 938 </div> 939 </div> 940</div> </div> 941 <div 942 class="flex items-center px-8 text-md" 943 x-data="{ 944 navExpanded: false, 945 navClosing: false, 946 }" 947 x-on:mouseenter.debounce.50ms.throttle.100ms=" 948 if (! navExpanded) { 949 $dispatch('menu-hover', $refs.link); 950 951 $dispatch('update-dropdown', { 952 layout: 'two-columns', 953 height: $refs.dropdown.offsetHeight, 954 }); 955 } 956 957 navExpanded = true; 958 " 959 x-on:mouseleave.debounce.50ms.throttle.100ms=" 960 $dispatch('update-dropdown', { 961 layout: 'two-columns', 962 height: 0, 963 }); 964 965 navClosing = true; 966 navExpanded = false; 967 968 setTimeout(function () { 969 navClosing = false; 970 }, 150); 971 " 972> 973 <a 974 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/" 975 title="For Real Estate Developers" 976 rel="noopener" 977 target="_self" 978 x-on:click="if (!navExpanded) { $event.preventDefault(); return false; }" 979 class="block relative w-full py-2" 980 :class="{'after:hidden': !navExpanded}" 981 x-ref="link" 982 > 983 For Real Estate Developers 984 </a> 985 986 <div 987 class="absolute z-10 top-full left-0 right-0 text-dark transition-opacity duration-150 opacity-0 pointer-events-none invisible" 988 x-ref="dropdown" 989 :class="{ 990 'z-10 opacity-0 pointer-events-none': ! navExpanded, 991 'z-20 opacity-100 delay-150': navExpanded, 992 'visible': navExpanded || navClosing, 993 'invisible': ! navExpanded && ! navClosing, 994 }" 995> 996 <div class="grid grid-cols-4"> 997 <div 998 class="py-10 col-span-2" 999 > 1000 <div 1001 class="w-full px-5 md:px-20 !px-10" 1002> 1003 <div class="flex py-10"> 1004 <div class="w-1/2 px-10"> 1005 <div class="group"> 1006 <div 1007 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1008> 1009 <a 1010 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/" 1011 class="text-base font-bold" 1012 title="For Real Estate Developers" 1013 target="_self" 1014 rel="noopener" 1015 > 1016 For Real Estate Developers 1017 </a> 1018 </div> 1019 1020 </div> <div class="group pb-10 last:pb-0"> 1021 <div 1022 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1023> 1024 <a 1025 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/" 1026 class="text-base font-bold" 1027 title="Reference projects" 1028 target="_self" 1029 rel="noopener" 1030 > 1031 Reference projects 1032 </a> 1033 </div> 1034 1035 <ul> 1036 1037 <li class="py-1"> 1038 <a 1039 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#standardinvest" target="_self" rel="noopener" 1040 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1041 rel="noopener" 1042> 1043 Standard investments 1044</a> 1045 </li> 1046 1047 <li class="py-1"> 1048 <a 1049 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#premiuminvest" target="_self" rel="noopener" 1050 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1051 rel="noopener" 1052> 1053 Premium investments 1054</a> 1055 </li> 1056 1057 <li class="py-1"> 1058 <a 1059 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#horecainvest" target="_self" rel="noopener" 1060 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1061 rel="noopener" 1062> 1063 HoReCa 1064</a> 1065 </li> 1066 1067 <li class="py-1"> 1068 <a 1069 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#commercialinvest" target="_self" rel="noopener" 1070 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1071 rel="noopener" 1072> 1073 Commercial properties 1074</a> 1075 </li> 1076 </ul> 1077 </div> </div> 1078 1079 <div class="w-1/2 px-10"> 1080 <div class="group pb-10 last:pb-0"> 1081 <div 1082 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1083> 1084 <a 1085 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/" 1086 class="text-base font-bold" 1087 title="Common spaces" 1088 target="_self" 1089 rel="noopener" 1090 > 1091 Common spaces 1092 </a> 1093 </div> 1094 1095 <ul> 1096 1097 <li class="py-1"> 1098 <a 1099 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#safeaccess" target="_self" rel="noopener" 1100 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1101 rel="noopener" 1102> 1103 Safety & access 1104</a> 1105 </li> 1106 1107 <li class="py-1"> 1108 <a 1109 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#lifestyle" target="_self" rel="noopener" 1110 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1111 rel="noopener" 1112> 1113 Comfort & lifestyle 1114</a> 1115 </li> 1116 1117 <li class="py-1"> 1118 <a 1119 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#surrounding" target="_self" rel="noopener" 1120 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1121 rel="noopener" 1122> 1123 Green areas & surroundings 1124</a> 1125 </li> 1126 1127 <li class="py-1"> 1128 <a 1129 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#management" target="_self" rel="noopener" 1130 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1131 rel="noopener" 1132> 1133 Communication & management 1134</a> 1135 </li> 1136 </ul> 1137 </div> <div class="group"> 1138 <div 1139 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1140> 1141 <a 1142 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/smart-home-ready/" 1143 class="text-base font-bold" 1144 title="Smart Home Ready" 1145 target="_self" 1146 rel="noopener" 1147 > 1148 Smart Home Ready 1149 </a> 1150 </div> 1151 1152 </div> </div> 1153 </div> 1154</div> 1155 </div> 1156 1157 <div 1158 class="py-10" 1159 > 1160 <div 1161 class="w-full px-5 md:px-20 py-10" 1162> 1163 <div 1164 class="pb-10" 1165 > 1166 <div class="group pb-10 last:pb-0"> 1167 <div 1168 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1169>
1170 <span class="text-base font-bold"> 1171 Useful Links 1172 </span> 1173 </div> 1174 1175 <ul> 1176 1177 <li class="py-1"> 1178 <a 1179 href="http://grenton.com/app/uploads/2023/11/Home-automation-from-Grenton-for-real-estate-developers.pdf" target="_blank" rel="noopener" 1180 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1181 rel="noopener" 1182> 1183 Download Brochure 1184</a> 1185 </li> 1186 1187 <li class="py-1"> 1188 <a 1189 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/#faqdev" target="_self" rel="noopener" 1190 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1191 rel="noopener" 1192> 1193 FAQ 1194</a> 1195 </li> 1196 </ul> 1197 </div> </div> 1198 1199 <div 1200 class="" 1201 > 1202 <div class="group"> 1203 1204 <div 1205 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1206> 1207 <a 1208 href="https://grenton.com/contact/" 1209 class="text-base font-bold" 1210 title="Contact" 1211 target="_self" 1212 rel="noopener" 1213 > 1214 Contact 1215 </a> 1216 </div> 1217 1218 <div class="py-4"> 1219 <div class="mb-2 text-sm font-light"> 1220 Phone 1221 </div> 1222 1223 1224 <div> 1225 <a 1226 href="tel:+48-12-2002-998" target="_self" rel="noopener" 1227 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1228 rel="noopener" 1229> 1230 +48 12 2002 998 1231</a> 1232 </div> 1233 1234 </div> <div class="py-4"> 1235 <div class="mb-2 text-sm font-light"> 1236 Email 1237 </div> 1238 1239 1240 1241 <div> 1242 <a 1243 href="mailto:[email protected]" target="_self" rel="noopener" 1244 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1245 rel="noopener" 1246> 1247 [email protected] 1248</a> 1249 </div> 1250 </div> </div> 1251 </div> 1252</div> 1253 </div> 1254 1255 <div class="relative z-10 py-10 "> 1256 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 pointer-events-none"> 1257 <img width="457" height="606" src="https://grenton.com/app/uploads/2026/08/teaser-monolith-panel.png" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://grenton.com/app/uploads/2026/08/teaser-monolith-panel.png 457w, https://grenton.com/app/uploads/2026/08/teaser-monolith-panel-226x300.png 226w" sizes="(max-width: 457px) 100vw, 457px" /> 1258 </div> 1259 1260<div 1261 class="w-full px-5 md:px-20 relative z-20 py-10" 1262> 1263 <div class="text-lg mb-8"> 1264 Monolith.<br /> 1265Premium-grade panels. 1266 </div> 1267 1268 <div class="text-sm mb-8 font-light"> 1269 Four precious metal finishes. 1270 </div> 1271 1272 <div class="pt-8"> 1273 <div class="inline-block"> 1274 <a 1275 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/system/control/monolith/" target="" id="" 1276 rel="noopener" 1277 > 1278 <span>More</span> 1279 1280 <svg 1281 xmlns="http://www.w3.org/2000/svg" 1282 viewBox="0 0 24 24" 1283 class="h-5 w-5 ml-2 group-hover:text-inherit" 1284> 1285 <g> 1286 <path d="M0,0H24V24H0Z" fill="none"/> 1287 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1288 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1289 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1290 </g> 1291</svg> 1292 </a> 1293</div> 1294 </div> 1295</div> 1296 </div> 1297 </div> 1298</div> </div> 1299 <div 1300 class="flex items-center px-8 text-md" 1301 x-data="{ 1302 navExpanded: false, 1303 navClosing: false, 1304 }" 1305 x-on:mouseenter.debounce.50ms.throttle.100ms=" 1306 if (! navExpanded) {
1307 $dispatch('menu-hover', $refs.link); 1308 1309 $dispatch('update-dropdown', { 1310 layout: 'two-columns', 1311 height: $refs.dropdown.offsetHeight, 1312 }); 1313 } 1314 1315 navExpanded = true; 1316 " 1317 x-on:mouseleave.debounce.50ms.throttle.100ms=" 1318 $dispatch('update-dropdown', { 1319 layout: 'two-columns', 1320 height: 0, 1321 }); 1322 1323 navClosing = true; 1324 navExpanded = false; 1325 1326 setTimeout(function () { 1327 navClosing = false; 1328 }, 150); 1329 " 1330> 1331 <a 1332 href="https://grenton.com/system/" 1333 title="System" 1334 rel="noopener" 1335 target="_self" 1336 x-on:click="if (!navExpanded) { $event.preventDefault(); return false; }" 1337 class="block relative w-full py-2" 1338 :class="{'after:hidden': !navExpanded}" 1339 x-ref="link" 1340 > 1341 System 1342 </a> 1343 1344 <div 1345 class="absolute z-10 top-full left-0 right-0 text-dark transition-opacity duration-150 opacity-0 pointer-events-none invisible" 1346 x-ref="dropdown" 1347 :class="{ 1348 'z-10 opacity-0 pointer-events-none': ! navExpanded, 1349 'z-20 opacity-100 delay-150': navExpanded, 1350 'visible': navExpanded || navClosing, 1351 'invisible': ! navExpanded && ! navClosing, 1352 }" 1353> 1354 <div class="grid grid-cols-4"> 1355 <div 1356 class="py-10 col-span-2" 1357 > 1358 <div 1359 class="w-full px-5 md:px-20 !px-10" 1360> 1361 <div class="flex py-10"> 1362 <div class="w-1/2 px-10"> 1363 <div class="group"> 1364 <div 1365 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1366> 1367 <a 1368 href="https://grenton.com/system/" 1369 class="text-base font-bold" 1370 title="System" 1371 target="_self" 1372 rel="noopener" 1373 > 1374 System 1375 </a> 1376 </div> 1377 1378 </div> <div class="group"> 1379 <div 1380 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1381> 1382 <a 1383 href="https://grenton.com/premieres/" 1384 class="text-base font-bold" 1385 title="Product News" 1386 target="_self" 1387 rel="noopener" 1388 > 1389 Product News 1390 </a> 1391 </div> 1392 1393 </div> <div class="group pb-10 last:pb-0"> 1394 <div 1395 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1396> 1397 <a 1398 href="https://grenton.com/product/" 1399 class="text-base font-bold" 1400 title="Products" 1401 target="_self" 1402 rel="noopener" 1403 > 1404 Products 1405 </a> 1406 </div> 1407 1408 <ul> 1409 1410 <li class="py-1"> 1411 <a 1412 href="https://grenton.com/product/#modules" target="_self" rel="noopener" 1413 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1414 rel="noopener" 1415> 1416 Modules 1417</a> 1418 </li> 1419 1420 <li class="py-1"> 1421 <a 1422 href="https://grenton.com/product/#panels" target="_self" rel="noopener" 1423 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1424 rel="noopener" 1425> 1426 Panels 1427</a> 1428 </li> 1429 1430 <li class="py-1"> 1431 <a 1432 href="https://grenton.com/product/#switches" target="_self" rel="noopener" 1433 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1434 rel="noopener" 1435> 1436 Switches 1437</a> 1438 </li> 1439 1440 <li class="py-1"> 1441 <a 1442 href="https://grenton.com/product/grenton-intercom/" target="_self" rel="noopener" 1443 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1444 rel="noopener" 1445> 1446 Intercom 1447</a> 1448 </li> 1449 1450 <li class="py-1"> 1451 <a 1452 href="https://grenton.com/product/#sensors" target="_self" rel="noopener" 1453 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1454 rel="noopener" 1455> 1456 Sensors 1457</a> 1458 </li> 1459 1460 <li class="py-1"> 1461 <a 1462 href="https://grenton.com/product/#audio" target="_self" rel="noopener" 1463 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1464 rel="noopener" 1465> 1466 Audio 1467</a> 1468 </li> 1469 1470 <li class="py-1"> 1471 <a 1472 href="https://grenton.com/product/#accessories" target="_self" rel="noopener" 1473 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1474 rel="noopener" 1475> 1476 Accessories 1477</a> 1478 </li> 1479 1480 <li class="py-1"> 1481 <a 1482 href="https://grenton.com/product/#kits" target="_self" rel="noopener" 1483 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1484 rel="noopener" 1485> 1486 Kits 1487</a> 1488 </li> 1489 </ul> 1490 </div> <div class="group pb-10 last:pb-0"> 1491 <div 1492 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1493> 1494 <a 1495 href="https://grenton.com/system/sensors/" 1496 class="text-base font-bold" 1497 title="Sensors" 1498 target="_self" 1499 rel="noopener" 1500 > 1501 Sensors 1502 </a> 1503 </div> 1504 1505 <ul> 1506 1507 <li class="py-1"> 1508 <a 1509 href="https://grenton.com/system/sensors/multisensor/" target="_self" rel="noopener" 1510 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1511 rel="noopener" 1512> 1513 Multisensor 1514</a> 1515 </li> 1516 </ul> 1517 </div> </div> 1518 1519 <div class="w-1/2 px-10"> 1520 <div class="group pb-10 last:pb-0"> 1521 <div 1522 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1523> 1524 <a 1525 href="https://grenton.com/system/control/" 1526 class="text-base font-bold" 1527 title="Control" 1528 target="_self" 1529 rel="noopener" 1530 > 1531 Control 1532 </a> 1533 </div> 1534 1535 <ul> 1536 1537 <li class="py-1"> 1538 <a 1539 href="https://grenton.com/system/control/mygrenton-app/" target="_self" rel="noopener" 1540 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1541 rel="noopener" 1542> 1543 myGrenton App 1544</a> 1545 </li> 1546 1547 <li class="py-1"> 1548 <a 1549 href="https://grenton.com/system/control/grenton-smart-panel/" target="_self" rel="noopener" 1550 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1551 rel="noopener" 1552> 1553 Smart Panel 1554</a> 1555 </li> 1556 1557 <li class="py-1"> 1558 <a 1559 href="https://grenton.com/system/control/touch-panel/" target="_self" rel="noopener" 1560 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1561 rel="noopener" 1562> 1563 Touch Panel 1564</a> 1565 </li> 1566 1567 <li class="py-1"> 1568 <a 1569 href="https://grenton.com/system/control/monolith/" target="_self" rel="noopener" 1570 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1571 rel="noopener" 1572> 1573 Monolith Line 1574</a> 1575 </li> 1576 1577 <li class="py-1"> 1578 <a 1579 href="https://grenton.com/system/control/grenton-switches/" target="_self" rel="noopener" 1580 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1581 rel="noopener" 1582> 1583 Switch & Socket 1584</a> 1585 </li> 1586 </ul> 1587 </div> <div class="group"> 1588 <div 1589 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1590> 1591 <a 1592 href="https://grenton.com/system/configuration/" 1593 class="text-base font-bold" 1594 title="Configuration" 1595 target="_self" 1596 rel="noopener" 1597 > 1598 Configuration 1599 </a> 1600 </div> 1601 1602 </div> <div class="group pb-10 last:pb-0"> 1603 <div 1604 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1605> 1606 <a 1607 href="https://grenton.com/system/integrations/" 1608 class="text-base font-bold" 1609 title="Integrations" 1610 target="_self" 1611 rel="noopener" 1612 > 1613 Integrations 1614 </a> 1615 </div> 1616 1617 <ul> 1618 1619 <li class="py-1"> 1620 <a 1621 href="https://grenton.com/system/integrations/audio-systems/" target="_self" rel="noopener" 1622 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1623 rel="noopener" 1624> 1625 Audio Systems 1626</a> 1627 </li> 1628 </ul> 1629 </div> <div class="group"> 1630 <div 1631 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1632> 1633 <a 1634 href="https://grenton.com/system/wireless-technology/" 1635 class="text-base font-bold" 1636 title="Wireless technology" 1637 target="_self" 1638 rel="noopener" 1639 > 1640 Wireless technology 1641 </a> 1642 </div> 1643 1644 </div> </div> 1645 </div> 1646</div> 1647 </div> 1648 1649 <div 1650 class="py-10" 1651 > 1652 <div 1653 class="w-full px-5 md:px-20 py-10" 1654> 1655 <div 1656 class="pb-10" 1657 > 1658 <div class="group pb-10 last:pb-0"> 1659 <div 1660 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1661>
1662 <span class="text-base font-bold"> 1663 Useful Links 1664 </span> 1665 </div> 1666 1667 <ul> 1668 1669 <li class="py-1"> 1670 <a 1671 href="https://knowledgebase.grenton.com" target="_self" rel="noopener" 1672 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1673 rel="noopener" 1674> 1675 Knowledge Base 1676</a> 1677 </li> 1678 1679 <li class="py-1"> 1680 <a 1681 href="https://grentonsmarthome.github.io/release-en/" target="_self" rel="noopener" 1682 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1683 rel="noopener" 1684> 1685 Download Files 1686</a> 1687 </li> 1688 1689 <li class="py-1"> 1690 <a 1691 href="https://grenton.com/your-home/map-find-installer/" target="_self" rel="noopener" 1692 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1693 rel="noopener" 1694> 1695 Where to buy Grenton 1696</a> 1697 </li> 1698 </ul> 1699 </div> </div> 1700 1701 <div 1702 class="" 1703 > 1704 <div class="group"> 1705 1706 <div 1707 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1708> 1709 <a 1710 href="https://grenton.com/contact/" 1711 class="text-base font-bold" 1712 title="Contact" 1713 target="_self" 1714 rel="noopener" 1715 > 1716 Contact 1717 </a> 1718 </div> 1719 1720 <div class="py-4"> 1721 <div class="mb-2 text-sm font-light"> 1722 Phone 1723 </div> 1724 1725 1726 <div> 1727 <a 1728 href="tel:+48-12-2002-998" target="_self" rel="noopener" 1729 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1730 rel="noopener" 1731> 1732 +48 12 2002 998 1733</a> 1734 </div> 1735 1736 </div> <div class="py-4"> 1737 <div class="mb-2 text-sm font-light"> 1738 Email 1739 </div> 1740 1741 1742 1743 <div> 1744 <a 1745 href="mailto:[email protected]" target="_self" rel="noopener" 1746 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1747 rel="noopener" 1748> 1749 [email protected] 1750</a> 1751 </div> 1752 </div> </div> 1753 </div> 1754</div> 1755 </div> 1756 1757 <div class="relative z-10 py-10 "> 1758 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 pointer-events-none"> 1759 <img width="460" height="604" src="https://grenton.com/app/uploads/2025/02/teaser-audio-amplituner-marantz-cinema-40-a.png" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://grenton.com/app/uploads/2025/02/teaser-audio-amplituner-marantz-cinema-40-a.png 460w, https://grenton.com/app/uploads/2025/02/teaser-audio-amplituner-marantz-cinema-40-a-228x300.png 228w" sizes="(max-width: 460px) 100v
1759w, 460px" /> 1760 </div> 1761 1762<div 1763 class="w-full px-5 md:px-20 relative z-20 py-10" 1764> 1765 <div class="text-lg mb-8"> 1766 Smart home integration <br /> 1767with audio leaders. 1768 </div> 1769 1770 <div class="text-sm mb-8 font-light"> 1771 Check out audio equipment from top brands that you integrate with your smart home system. 1772 </div> 1773 1774 <div class="pt-8"> 1775 <div class="inline-block"> 1776 <a 1777 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/system/integrations/audio-systems/" target="" id="" 1778 rel="noopener" 1779 > 1780 <span>More</span> 1781 1782 <svg 1783 xmlns="http://www.w3.org/2000/svg" 1784 viewBox="0 0 24 24" 1785 class="h-5 w-5 ml-2 group-hover:text-inherit" 1786> 1787 <g> 1788 <path d="M0,0H24V24H0Z" fill="none"/> 1789 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1790 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1791 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 1792 </g> 1793</svg> 1794 </a> 1795</div> 1796 </div> 1797</div> 1798 </div> 1799 </div> 1800</div> </div> 1801 <div 1802 class="flex items-center px-8 text-md" 1803 x-data="{ 1804 navExpanded: false, 1805 navClosing: false, 1806 }" 1807 x-on:mouseenter.debounce.50ms.throttle.100ms=" 1808 if (! navExpanded) { 1809 $dispatch('menu-hover', $refs.link); 1810 1811 $dispatch('update-dropdown', { 1812 layout: 'two-columns', 1813 height: $refs.dropdown.offsetHeight, 1814 }); 1815 } 1816 1817 navExpanded = true; 1818 " 1819 x-on:mouseleave.debounce.50ms.throttle.100ms=" 1820 $dispatch('update-dropdown', { 1821 layout: 'two-columns', 1822 height: 0, 1823 }); 1824 1825 navClosing = true; 1826 navExpanded = false; 1827 1828 setTimeout(function () { 1829 navClosing = false; 1830 }, 150); 1831 " 1832> 1833 <a 1834 href="https://grenton.com/contact/" 1835 title="Contact" 1836 rel="noopener" 1837 target="_self" 1838 x-on:click="if (!navExpanded) { $event.preventDefault(); return false; }" 1839 class="block relative w-full py-2" 1840 :class="{'after:hidden': !navExpanded}" 1841 x-ref="link" 1842 > 1843 Contact 1844 </a> 1845 1846 <div 1847 class="absolute z-10 top-full left-0 right-0 text-dark transition-opacity duration-150 opacity-0 pointer-events-none invisible" 1848 x-ref="dropdown" 1849 :class="{ 1850 'z-10 opacity-0 pointer-events-none': ! navExpanded, 1851 'z-20 opacity-100 delay-150': navExpanded, 1852 'visible': navExpanded || navClosing, 1853 'invisible': ! navExpanded && ! navClosing, 1854 }" 1855> 1856 <div class="grid grid-cols-4"> 1857 <div 1858 class="py-10 col-span-2" 1859 > 1860 <div 1861 class="w-full px-5 md:px-20 !px-10" 1862> 1863 <div class="flex py-10"> 1864 <div class="w-1/2 px-10"> 1865 <div class="group"> 1866 <div 1867 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1868> 1869 <a 1870 href="https://grenton.com/contact/" 1871 class="text-base font-bold" 1872 title="Contact" 1873 target="_self" 1874 rel="noopener" 1875 > 1876 Contact 1877 </a> 1878 </div> 1879 1880 </div> <div class="group pb-10 last:pb-0"> 1881 <div 1882 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1883> 1884 <a 1885 href="https://grenton.com/about-us/" 1886 class="text-base font-bold" 1887 title="About Us" 1888 target="_self" 1889 rel="noopener" 1890 > 1891 About Us 1892 </a> 1893 </div> 1894 1895 <ul> 1896 1897 <li class="py-1"> 1898 <a 1899 href="https://grenton.com/about-us/#6-faktów-o-Grenton" target="_self" rel="noopener" 1900 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1901 rel="noopener" 1902> 1903 6 Facts About Grenton 1904</a> 1905 </li> 1906 1907 <li class="py-1"> 1908 <a 1909 href="https://grenton.com/about-us/#Europejska-produkcja" target="_self" rel="noopener" 1910 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1911 rel="noopener" 1912> 1913 European Production 1914</a> 1915 </li> 1916 1917 <li class="py-1"> 1918 <a 1919 href="https://grenton.com/about-us/#Partnerstwa" target="_self" rel="noopener" 1920 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1921 rel="noopener" 1922> 1923 Partnerships 1924</a> 1925 </li> 1926 1927 <li class="py-1"> 1928 <a 1929 href="https://grenton.com/about-us/#Nagrody" target="_self" rel="noopener" 1930 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1931 rel="noopener" 1932> 1933 Awards 1934</a> 1935 </li> 1936 </ul> 1937 </div> </div> 1938 1939 <div class="w-1/2 px-10"> 1940 <div class="group pb-10 last:pb-0"> 1941 <div 1942 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform group-hover:after:scale-x-100" 1943> 1944 <a 1945 href="https://grenton.com/contact/#kontakt" 1946 class="text-base font-bold" 1947 title="Career at Grenton" 1948 target="_self" 1949 rel="noopener" 1950 > 1951 Career at Grenton 1952 </a> 1953 </div> 1954 1955 <ul> 1956 1957 <li class="py-1"> 1958 <a 1959 href="https://grenton.com/contact/#kontakt" target="_self" rel="noopener" 1960 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1961 rel="noopener" 1962> 1963 Join us 1964</a> 1965 </li> 1966 </ul> 1967 </div> <div class="group pb-10 last:pb-0"> 1968 <div 1969 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1970>
1971 <span class="text-base font-bold"> 1972 Our Social Media 1973 </span> 1974 </div> 1975 1976 <ul> 1977 1978 <li class="py-1"> 1979 <a 1980 href="https://www.facebook.com/grenton.smart.home" target="_self" rel="noopener" 1981 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1982 rel="noopener" 1983> 1984 Facebook 1985</a> 1986 </li> 1987 1988 <li class="py-1"> 1989 <a 1990 href="https://www.instagram.com/grenton_smart_home/" target="_self" rel="noopener" 1991 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 1992 rel="noopener" 1993> 1994 Instagram 1995</a> 1996 </li> 1997 1998 <li class="py-1"> 1999 <a 2000 href="https://www.linkedin.com/company/grenton" target="_self" rel="noopener" 2001 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2002 rel="noopener" 2003> 2004 LinkedIn 2005</a> 2006 </li> 2007 2008 <li class="py-1"> 2009 <a 2010 href="https://www.youtube.com/c/Grenton_com_Smart_Home" target="_self" rel="noopener" 2011 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2012 rel="noopener" 2013> 2014 YouTube 2015</a> 2016 </li> 2017 </ul> 2018 </div> </div> 2019 </div> 2020</div> 2021 </div> 2022 2023 <div 2024 class="py-10" 2025 > 2026 <div 2027 class="w-full px-5 md:px-20 py-10" 2028> 2029 <div 2030 class="pb-10" 2031 > 2032 <div class="group pb-10 last:pb-0"> 2033 <div 2034 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2035> 2036 <span class="text-base font-bold"> 2037 Useful Links 2038 </span> 2039 </div> 2040 2041 <ul> 2042 2043 <li class="py-1"> 2044 <a 2045 href="https://grenton.com/your-home/map-find-installer/" target="_self" rel="noopener" 2046 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2047 rel="noopener" 2048> 2049 Find an Installer - Map 2050</a> 2051 </li> 2052 2053 <li class="py-1"> 2054 <a 2055 href="https://grenton.com/contact/#kontakt" target="_self" rel="noopener" 2056 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2057 rel="noopener" 2058> 2059 Estimate project costs 2060</a> 2061 </li> 2062 2063 <li class="py-1"> 2064 <a 2065 href="https://grenton.pl/mena" target="_self" rel="noopener" 2066 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2067 rel="noopener" 2068> 2069 For MENA region 2070</a> 2071 </li> 2072 </ul> 2073 </div> </div> 2074 2075 <div 2076 class="" 2077 > 2078 <div class="group"> 2079 2080 <div 2081 class="relative z-10 mb-2 pb-5 border-b border-gray/20 after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2082>
2083 <span class="text-base font-bold"> 2084 Headquarters 2085 </span> 2086 </div> 2087 2088 <div class="py-4"> 2089 <div class="mb-2 text-sm font-light"> 2090 Phone 2091 </div> 2092 2093 2094 <div> 2095 <a 2096 href="tel:+48-12-2002-998" target="_self" rel="noopener" 2097 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2098 rel="noopener" 2099> 2100 +48 12 2002 998 2101</a> 2102 </div> 2103 2104 </div> <div class="py-4"> 2105 <div class="mb-2 text-sm font-light"> 2106 Email 2107 </div> 2108 2109 2110 2111 <div> 2112 <a 2113 href="mailto:[email protected]" target="_self" rel="noopener" 2114 class="relative z-10 inline-block border-b border-gray/20 text-md after:absolute after:z-10 after:block after:-bottom-px after:inset-x-0 after:h-0.5 after:bg-primary after:scale-x-0 after:origin-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300 after:will-change-transform" 2115 rel="noopener" 2116> 2117 [email protected] 2118</a> 2119 </div> 2120 </div> <div class="py-4"> 2121 <div class="mb-2 text-sm font-light"> 2122 Address 2123 </div> 2124 2125 <div> 2126 Grenton Sp. z o.o<br /> 2127Na Wierzchowinach 3<br /> 212830-222 Cracow 2129 </div> 2130 2131 2132 </div> </div> 2133 </div> 2134</div> 2135 </div> 2136 2137 <div class="relative z-10 py-10 "> 2138 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 pointer-events-none"> 2139 <img width="457" height="606" src="https://grenton.com/app/uploads/2023/09/teaser-smart-panel-wood.jpg" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://grenton.com/app/uploads/2023/09/teaser-smart-panel-wood.jpg 457w, https://grenton.com/app/uploads/2023/09/teaser-smart-panel-wood-226x300.jpg 226w" sizes="(max-width: 457px) 100vw, 457px" /> 2140 </div> 2141 2142<div 2143 class="w-full px-5 md:px-20 relative z-20 py-10" 2144> 2145 <div class="text-lg mb-8"> 2146 Learn more about the Grenton system 2147 </div> 2148 2149 <div class="text-sm mb-8 font-light"> 2150 Do you have questions or want to know the details? 2151 </div> 2152 2153 <div class="pt-8"> 2154 <div class="inline-block"> 2155 <a 2156 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/contact/" target="_blank" id="contactmenu" 2157 rel="noopener" 2158 > 2159 <span>Contact us</span> 2160 2161 <svg 2162 xmlns="http://www.w3.org/2000/svg" 2163 viewBox="0 0 24 24" 2164 class="h-5 w-5 ml-2 group-hover:text-inherit" 2165> 2166 <g> 2167 <path d="M0,0H24V24H0Z" fill="none"/> 2168 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2169 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2170 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2171 </g> 2172</svg> 2173 </a> 2174</div> 2175 </div> 2176</div> 2177 </div> 2178 </div> 2179</div> </div> 2180 2181 <div 2182 class="absolute z-20 left-0 bottom-6 w-0 h-[2px] bg-primary transition-floating-bar translate-x-1/2 origin-left pointer-events-none" 2183 x-ref="bar" 2184 > 2185 <div class="w-full h-full bg-primary" style="transform: translate3d(0px, 0px, 0px)"></div> 2186 </div> 2187 2188 <div 2189 class="absolute top-full left-0 -z-10 h-screen w-screen bg-black/50 pointer-events-none" 2190 x-show="dropdownOpen" 2191 x-transition 2192 > 2193 </div> 2194 2195 <div class="absolute z-0 left-0 right-0 top-full h-screen max-h-dropdown-height bg-light transition-[max-height] duration-150"> 2196 <div class="grid grid-cols-4 h-full"> 2197 <div> 2198 </div> 2199 2200 <div :class="{ 2201 'bg-lighter': dropdownLayout === 'one-column', 2202 }"> 2203 </div> 2204 2205 <div class="bg-lighter"> 2206 </div> 2207 2208 <div class="bg-gradient-to-br md:bg-gradient-to-r from-[#FF6F72] to-[#ED0F40]"> 2209 </div> 2210 </div> 2211 </div> 2212</nav> 2213 </div> 2214 2215 <div class="md:w-72 ml-auto flex flex-none gap-8 md:gap-16 items-center justify-end"> 2216 <div> 2217 <a 2218 href="/about-us-2/eu-subsidies/" 2219 title="EU Subsidies" 2220 target="_self" 2221 rel="noopener" 2222 > 2223 <img width="46" height="31" 2224 class="w-[2.875rem] h-[1.9375rem]" 2225 src="https://grenton.com/app/themes/grenton/public/eu.57a1bd.png" 2226 srcset="https://grenton.com/app/themes/grenton/public/eu.57a1bd.png 1x, https://grenton.com/app/themes/grenton/public/[email protected] 2x" 2227 > </a> 2228 </div> 2229 2230 <div class="hidden md:block"> 2231 <a 2232 class="inline-flex items-center text-base md:text-md mr-4" 2233 href="https://grenton.pl" 2234> 2235 <svg 2236 xmlns="http://www.w3.org/2000/svg" 2237 viewBox="0 0 24 24" 2238 class="h-5 w-5 mr-4 md:hidden w-8 h-8" 2239> 2240 <path d="M0,0H24V24H0Z" fill="none"/> 2241 <g> 2242 <path d="M0,0H24V24H0Z" fill="none"/> 2243 <circle cx="9" cy="9" r="9" transform="translate(3 3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2244 <line x2="16.8" transform="translate(3.6 9)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2245 <line x2="16.8" transform="translate(3.6 15)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2246 <path d="M11.5,3a17,17,0,0,0,0,18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2247 <path d="M12.5,3a17,17,0,0,1,0,18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2248 </g> 2249</svg> 2250 2251 <span>PL</span> 2252</a> </div> 2253 2254 <div class="hidden"> 2255 <svg 2256 xmlns="http://www.w3.org/2000/svg" 2257 viewBox="0 0 24 24" 2258 class="h-5 w-5 !w-6 !h-6" 2259> 2260 <g> 2261 <path d="M0,0H24V24H0Z" fill="none"/> 2262 <g> 2263 <path d="M0,0H24V24H0Z" fill="none"/> 2264 <circle cx="8.5" cy="8.5" r="8.5" transform="translate(3.25 3.5)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2265 <line x2="2.194" y2="2.194" transform="translate(18.556 17.806)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2266 </g> 2267 </g> 2268</svg> 2269 </div> 2270 2271 <div 2272 class="md:hidden" 2273 x-data="{ navOpen: false }" 2274> 2275 <svg 2276 xmlns="http://www.w3.org/2000/svg" 2277 viewBox="0 0 24 24" 2278 class="h-5 w-5 w-8 h-8 cursor-pointer" x-on:click.prevent="navOpen = !navOpen; $dispatch('mobile-nav-open', navOpen);" 2279 > 2280 <path d="M0,0H24V24H0Z" fill="none" /> 2281 <line y2="16" transform="translate(20 12) rotate(90)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px"/> 2282 <line y2="16" transform="translate(20 18) rotate(90)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px"/> 2283 <line y2="16" transform="translate(20 6) rotate(90)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px"/> 2284</svg> 2285 2286 <div 2287 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full fixed text-dark" 2288 :class="{ '!translate-x-0': navOpen }" 2289> 2290 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2291 <div class="absolute z-50 top-6 right-6"> 2292 <svg 2293 xmlns="http://www.w3.org/2000/svg" 2294 viewBox="0 0 24 24" 2295 class="h-5 w-5 w-8 h-8 cursor-pointer" x-on:click.prevent="navOpen = !navOpen; $dispatch('mobile-nav-open', navOpen);" 2296> 2297 <g> 2298 <path d="M0,0H24V24H0Z" fill="none"/> 2299 <line y2="14" transform="translate(16.95 7.05) rotate(45)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2300 <line y1="14.001" x2="0.001" transform="translate(16.95 16.95) rotate(135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2301 </g> 2302</svg> 2303 </div> 2304 2305 <ul class="mb-[13rem]"> 2306 <li 2307 class="mb-3.5" 2308 x-data="{ navOpen: false }" 2309 > 2310 <div 2311 class="flex items-center" 2312 x-on:click.prevent="navOpen = !navOpen" 2313 >
2314 <span class="text-md leading-8 !text-base"> 2315 For Home 2316 </span> 2317 2318 <svg 2319 xmlns="http://www.w3.org/2000/svg" 2320 viewBox="0 0 24 24" 2321 class="h-5 w-5 ml-auto w-8 h-8" 2322> 2323 <g> 2324 <path d="M0,0H24V24H0Z" fill="none"/> 2325 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2326 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2327 </g> 2328</svg> 2329 </div> 2330 2331 <div 2332 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2333 :class="{ '!translate-x-0': navOpen }" 2334> 2335 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2336 <div class="mb-3.5"> 2337 <div 2338 class="flex items-center text-md leading-8" 2339 x-on:click.prevent="navOpen = !navOpen" 2340 > 2341 <svg 2342 xmlns="http://www.w3.org/2000/svg" 2343 viewBox="0 0 24 24" 2344 class="h-5 w-5 mr-4 w-8 h-8" 2345> 2346 <g transform="translate(24 24) rotate(180)"> 2347 <g> 2348 <path d="M0,0H24V24H0Z" fill="none"/> 2349 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2350 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2351 </g> 2352 </g> 2353</svg> 2354 All 2355 </div> 2356</div> 2357 2358 <a 2359 href="https://grenton.com/" target="_self" rel="noopener" class="block text-lg my-10" 2360> 2361 For Home 2362</a> 2363 2364 <ul> 2365 2366 <li 2367 class="mb-3.5" 2368 > 2369 <a 2370 href="https://grenton.com/" 2371 class="text-md leading-8" 2372 rel="noopener" 2373 target="_self" 2374 > 2375 For Home 2376 </a> 2377 </li> 2378 2379 <li 2380 class="mb-3.5" 2381 > 2382 <a 2383 href="https://grenton.com/for-your-home/grenton-home/" 2384 class="text-md leading-8" 2385 rel="noopener" 2386 target="_self" 2387 > 2388 Grenton Home 2389 </a> 2390 </li> 2391 2392 <li 2393 class="mb-3.5" 2394 x-data="{ navOpen: false }" 2395 > 2396 <div 2397 class="flex items-center" 2398 x-on:click.prevent="navOpen = !navOpen" 2399 > 2400 <span class="text-md leading-8"> 2401 Benefits 2402 </span> 2403 2404 <svg 2405 xmlns="http://www.w3.org/2000/svg" 2406 viewBox="0 0 24 24" 2407 class="h-5 w-5 ml-auto w-8 h-8" 2408> 2409 <g> 2410 <path d="M0,0H24V24H0Z" fill="none"/> 2411 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2412 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2413 </g> 2414</svg> 2415 </div> 2416 2417 <div 2418 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2419 :class="{ '!translate-x-0': navOpen }" 2420> 2421 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2422 <div class="mb-3.5"> 2423 <div 2424 class="flex items-center text-md leading-8" 2425 x-on:click.prevent="navOpen = !navOpen" 2426 > 2427 <svg 2428 xmlns="http://www.w3.org/2000/svg" 2429 viewBox="0 0 24 24" 2430 class="h-5 w-5 mr-4 w-8 h-8" 2431> 2432 <g transform="translate(24 24) rotate(180)"> 2433 <g> 2434 <path d="M0,0H24V24H0Z" fill="none"/> 2435 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2436 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2437 </g> 2438 </g> 2439</svg> 2440 For Home 2441 </div> 2442</div> 2443 2444 <a 2445 href="https://grenton.com/for-your-home/benefits/" target="_self" rel="noopener" class="block text-lg my-10" 2446> 2447 Benefits 2448</a> 2449 2450 <ul> 2451 <li 2452 class="mb-3.5" 2453 > 2454 <a 2455 href="https://grenton.com/for-your-home/benefits/#komfort" 2456 class="text-md leading-8" 2457 rel="noopener" 2458 target="_self" 2459 > 2460 Comfort 2461 </a> 2462 </li> 2463 <li 2464 class="mb-3.5" 2465 > 2466 <a 2467 href="https://grenton.com/for-your-home/benefits/#oszczednosci" 2468 class="text-md leading-8" 2469 rel="noopener" 2470 target="_self" 2471 > 2472 Money Savings 2473 </a> 2474 </li> 2475 <li 2476 class="mb-3.5" 2477 > 2478 <a 2479 href="https://grenton.com/for-your-home/benefits/#bezpieczenstwo" 2480 class="text-md leading-8" 2481 rel="noopener" 2482 target="_self" 2483 > 2484 Security 2485 </a> 2486 </li> 2487 </ul> 2488 </div> 2489</div> 2490 </li> 2491 2492 <li 2493 class="mb-3.5" 2494 > 2495 <a 2496 href="https://grenton.com/advice-and-reference-projects/" 2497 class="text-md leading-8" 2498 rel="noopener" 2499 target="_self" 2500 > 2501 Advice and Reference projects 2502 </a> 2503 </li> 2504 2505 <li 2506 class="mb-3.5" 2507 x-data="{ navOpen: false }" 2508 > 2509 <div 2510 class="flex items-center" 2511 x-on:click.prevent="navOpen = !navOpen" 2512 >
2513 <span class="text-md leading-8"> 2514 Functionalities 2515 </span> 2516 2517 <svg 2518 xmlns="http://www.w3.org/2000/svg" 2519 viewBox="0 0 24 24" 2520 class="h-5 w-5 ml-auto w-8 h-8" 2521> 2522 <g> 2523 <path d="M0,0H24V24H0Z" fill="none"/> 2524 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2525 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2526 </g> 2527</svg> 2528 </div> 2529 2530 <div 2531 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2532 :class="{ '!translate-x-0': navOpen }" 2533> 2534 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2535 <div class="mb-3.5"> 2536 <div 2537 class="flex items-center text-md leading-8" 2538 x-on:click.prevent="navOpen = !navOpen" 2539 > 2540 <svg 2541 xmlns="http://www.w3.org/2000/svg" 2542 viewBox="0 0 24 24" 2543 class="h-5 w-5 mr-4 w-8 h-8" 2544> 2545 <g transform="translate(24 24) rotate(180)"> 2546 <g> 2547 <path d="M0,0H24V24H0Z" fill="none"/> 2548 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2549 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2550 </g> 2551 </g> 2552</svg> 2553 For Home 2554 </div> 2555</div> 2556 2557 <a 2558 href="https://grenton.com/for-your-home/functionalities/" target="_self" rel="noopener" class="block text-lg my-10" 2559> 2560 Functionalities 2561</a> 2562 2563 <ul> 2564 <li 2565 class="mb-3.5" 2566 > 2567 <a 2568 href="https://grenton.com/for-your-home/functionalities/#sterowanie-oswietleniem" 2569 class="text-md leading-8" 2570 rel="noopener" 2571 target="_self" 2572 > 2573 Lighting 2574 </a> 2575 </li> 2576 <li 2577 class="mb-3.5" 2578 > 2579 <a 2580 href="https://grenton.com/for-your-home/functionalities/#sterowanie-temperatura" 2581 class="text-md leading-8" 2582 rel="noopener" 2583 target="_self" 2584 > 2585 Temperature Control 2586 </a> 2587 </li> 2588 <li 2589 class="mb-3.5" 2590 > 2591 <a 2592 href="https://grenton.com/for-your-home/functionalities/#obsluga-rolet-i-zaluzji" 2593 class="text-md leading-8" 2594 rel="noopener" 2595 target="_self" 2596 > 2597 Roller Shutters and Blinds 2598 </a> 2599 </li> 2600 <li 2601 class="mb-3.5" 2602 > 2603 <a 2604 href="https://grenton.com/for-your-home/functionalities/#obsluga-bram" 2605 class="text-md leading-8" 2606 rel="noopener" 2607 target="_self" 2608 > 2609 Gates and Fences 2610 </a> 2611 </li> 2612 <li 2613 class="mb-3.5" 2614 > 2615 <a 2616 href="https://grenton.com/for-your-home/functionalities/#zarzadzanie-energia" 2617 class="text-md leading-8" 2618 rel="noopener" 2619 target="_self" 2620 > 2621 Energy 2622 </a> 2623 </li> 2624 <li 2625 class="mb-3.5" 2626 > 2627 <a 2628 href="https://grenton.com/for-your-home/functionalities/#integracja-z-systemem-alarmowym" 2629 class="text-md leading-8" 2630 rel="noopener" 2631 target="_self" 2632 > 2633 Alarms 2634 </a> 2635 </li> 2636 <li 2637 class="mb-3.5" 2638 > 2639 <a 2640 href="https://grenton.com/for-your-home/functionalities/#integracje-z-multimediami" 2641 class="text-md leading-8" 2642 rel="noopener" 2643 target="_self" 2644 > 2645 Multimedia and Audio 2646 </a> 2647 </li> 2648 <li 2649 class="mb-3.5" 2650 > 2651 <a 2652 href="https://grenton.com/for-your-home/functionalities/#integracje-hvac" 2653 class="text-md leading-8" 2654 rel="noopener" 2655 target="_self" 2656 > 2657 HVAC 2658 </a> 2659 </li> 2660 <li 2661 class="mb-3.5" 2662 > 2663 <a 2664 href="https://grenton.com/for-your-home/functionalities/#sterowanie-ogrodem" 2665 class="text-md leading-8" 2666 rel="noopener" 2667 target="_self" 2668 > 2669 Garden Control 2670 </a> 2671 </li> 2672 </ul> 2673 </div> 2674</div> 2675 </li> 2676 2677 2678 <li class="my-8"> 2679 <div class="w-full h-0 border-b border-gray/20"></div> 2680</li> 2681 <li 2682 class="mb-3.5" 2683 x-data="{ navOpen: false }" 2684 > 2685 <div 2686 class="flex items-center" 2687 x-on:click.prevent="navOpen = !navOpen" 2688 >
2689 <span class="text-md leading-8"> 2690 Useful Links 2691 </span> 2692 2693 <svg 2694 xmlns="http://www.w3.org/2000/svg" 2695 viewBox="0 0 24 24" 2696 class="h-5 w-5 ml-auto w-8 h-8" 2697> 2698 <g> 2699 <path d="M0,0H24V24H0Z" fill="none"/> 2700 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2701 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2702 </g> 2703</svg> 2704 </div> 2705 2706 <div 2707 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2708 :class="{ '!translate-x-0': navOpen }" 2709> 2710 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2711 <div class="mb-3.5"> 2712 <div 2713 class="flex items-center text-md leading-8" 2714 x-on:click.prevent="navOpen = !navOpen" 2715 > 2716 <svg 2717 xmlns="http://www.w3.org/2000/svg" 2718 viewBox="0 0 24 24" 2719 class="h-5 w-5 mr-4 w-8 h-8" 2720> 2721 <g transform="translate(24 24) rotate(180)"> 2722 <g> 2723 <path d="M0,0H24V24H0Z" fill="none"/> 2724 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2725 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2726 </g> 2727 </g> 2728</svg> 2729 For Home 2730 </div> 2731</div> 2732 2733 <a 2734 href="#" target="_self" rel="noopener" class="block text-lg my-10" 2735> 2736 Useful Links 2737</a> 2738 2739 <ul> 2740 <li 2741 class="mb-3.5" 2742 > 2743 <a 2744 href="https://grenton.com/your-home/map-find-installer/" 2745 class="text-md leading-8" 2746 rel="noopener" 2747 target="_self" 2748 > 2749 Find an Installer - Map 2750 </a> 2751 </li> 2752 <li 2753 class="mb-3.5" 2754 > 2755 <a 2756 href="https://grenton.com/contact/#kontakt" 2757 class="text-md leading-8" 2758 rel="noopener" 2759 target="_self" 2760 > 2761 Estimate project costs 2762 </a> 2763 </li> 2764 </ul> 2765 </div> 2766</div> 2767 </li> 2768 </ul> 2769 </div> 2770</div> 2771 </li> 2772 <li 2773 class="mb-3.5" 2774 x-data="{ navOpen: false }" 2775 > 2776 <div 2777 class="flex items-center" 2778 x-on:click.prevent="navOpen = !navOpen" 2779 > 2780 <span class="text-md leading-8 !text-base"> 2781 For Professionals 2782 </span> 2783 2784 <svg 2785 xmlns="http://www.w3.org/2000/svg" 2786 viewBox="0 0 24 24" 2787 class="h-5 w-5 ml-auto w-8 h-8" 2788> 2789 <g> 2790 <path d="M0,0H24V24H0Z" fill="none"/> 2791 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2792 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2793 </g> 2794</svg> 2795 </div> 2796 2797 <div 2798 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2799 :class="{ '!translate-x-0': navOpen }" 2800> 2801 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2802 <div class="mb-3.5"> 2803 <div 2804 class="flex items-center text-md leading-8" 2805 x-on:click.prevent="navOpen = !navOpen" 2806 > 2807 <svg 2808 xmlns="http://www.w3.org/2000/svg" 2809 viewBox="0 0 24 24" 2810 class="h-5 w-5 mr-4 w-8 h-8" 2811> 2812 <g transform="translate(24 24) rotate(180)"> 2813 <g> 2814 <path d="M0,0H24V24H0Z" fill="none"/> 2815 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2816 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2817 </g> 2818 </g> 2819</svg> 2820 All 2821 </div> 2822</div> 2823 2824 <a 2825 href="https://grenton.com/professionals/" target="_self" rel="noopener" class="block text-lg my-10" 2826> 2827 For Professionals 2828</a> 2829 2830 <ul> 2831 2832 <li 2833 class="mb-3.5" 2834 > 2835 <a 2836 href="https://grenton.com/professionals/" 2837 class="text-md leading-8" 2838 rel="noopener" 2839 target="_self" 2840 > 2841 For Professionals 2842 </a> 2843 </li> 2844 2845 <li 2846 class="mb-3.5" 2847 > 2848 <a 2849 href="https://grenton.com/professionals/support/" 2850 class="text-md leading-8" 2851 rel="noopener" 2852 target="_self" 2853 > 2854 Support 2855 </a> 2856 </li> 2857 2858 <li 2859 class="mb-3.5" 2860 x-data="{ navOpen: false }" 2861 > 2862 <div 2863 class="flex items-center" 2864 x-on:click.prevent="navOpen = !navOpen" 2865 >
2866 <span class="text-md leading-8"> 2867 Cooperation 2868 </span> 2869 2870 <svg 2871 xmlns="http://www.w3.org/2000/svg" 2872 viewBox="0 0 24 24" 2873 class="h-5 w-5 ml-auto w-8 h-8" 2874> 2875 <g> 2876 <path d="M0,0H24V24H0Z" fill="none"/> 2877 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2878 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2879 </g> 2880</svg> 2881 </div> 2882 2883 <div 2884 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2885 :class="{ '!translate-x-0': navOpen }" 2886> 2887 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2888 <div class="mb-3.5"> 2889 <div 2890 class="flex items-center text-md leading-8" 2891 x-on:click.prevent="navOpen = !navOpen" 2892 > 2893 <svg 2894 xmlns="http://www.w3.org/2000/svg" 2895 viewBox="0 0 24 24" 2896 class="h-5 w-5 mr-4 w-8 h-8" 2897> 2898 <g transform="translate(24 24) rotate(180)"> 2899 <g> 2900 <path d="M0,0H24V24H0Z" fill="none"/> 2901 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2902 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2903 </g> 2904 </g> 2905</svg> 2906 For Professionals 2907 </div> 2908</div> 2909 2910 <a 2911 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/" target="_self" rel="noopener" class="block text-lg my-10" 2912> 2913 Cooperation 2914</a> 2915 2916 <ul> 2917 <li 2918 class="mb-3.5" 2919 > 2920 <a 2921 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/for-installer/" 2922 class="text-md leading-8" 2923 rel="noopener" 2924 target="_self" 2925 > 2926 Installers 2927 </a> 2928 </li> 2929 <li 2930 class="mb-3.5" 2931 > 2932 <a 2933 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/architect/" 2934 class="text-md leading-8" 2935 rel="noopener" 2936 target="_self" 2937 > 2938 Architects and Designers 2939 </a> 2940 </li> 2941 </ul> 2942 </div> 2943</div> 2944 </li> 2945 2946 <li 2947 class="mb-3.5" 2948 > 2949 <a 2950 href="https://grenton.com/professionals/grenton-academy/" 2951 class="text-md leading-8" 2952 rel="noopener" 2953 target="_self" 2954 > 2955 Grenton Academy 2956 </a> 2957 </li> 2958 2959 <li 2960 class="mb-3.5" 2961 x-data="{ navOpen: false }" 2962 > 2963 <div 2964 class="flex items-center" 2965 x-on:click.prevent="navOpen = !navOpen" 2966 > 2967 <span class="text-md leading-8"> 2968 Knowledge Base 2969 </span> 2970 2971 <svg 2972 xmlns="http://www.w3.org/2000/svg" 2973 viewBox="0 0 24 24" 2974 class="h-5 w-5 ml-auto w-8 h-8" 2975> 2976 <g> 2977 <path d="M0,0H24V24H0Z" fill="none"/> 2978 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2979 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 2980 </g> 2981</svg> 2982 </div> 2983 2984 <div 2985 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 2986 :class="{ '!translate-x-0': navOpen }" 2987> 2988 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 2989 <div class="mb-3.5"> 2990 <div 2991 class="flex items-center text-md leading-8" 2992 x-on:click.prevent="navOpen = !navOpen" 2993 > 2994 <svg 2995 xmlns="http://www.w3.org/2000/svg" 2996 viewBox="0 0 24 24" 2997 class="h-5 w-5 mr-4 w-8 h-8" 2998> 2999 <g transform="translate(24 24) rotate(180)"> 3000 <g> 3001 <path d="M0,0H24V24H0Z" fill="none"/> 3002 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3003 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3004 </g> 3005 </g> 3006</svg> 3007 For Professionals 3008 </div> 3009</div> 3010 3011 <a 3012 href="https://knowledgebase.grenton.com/" target="_self" rel="noopener" class="block text-lg my-10" 3013> 3014 Knowledge Base 3015</a> 3016 3017 <ul> 3018 <li 3019 class="mb-3.5" 3020 > 3021 <a 3022 href="https://knowledgebase.grenton.com/faq" 3023 class="text-md leading-8" 3024 rel="noopener" 3025 target="_self" 3026 > 3027 FAQ 3028 </a> 3029 </li> 3030 <li 3031 class="mb-3.5" 3032 > 3033 <a 3034 href="https://knowledgebase.grenton.com/installation-guidelines" 3035 class="text-md leading-8" 3036 rel="noopener" 3037 target="_self" 3038 > 3039 Installation Guidelines 3040 </a> 3041 </li> 3042 <li 3043 class="mb-3.5" 3044 > 3045 <a 3046 href="https://knowledgebase.grenton.com/reference-devices" 3047 class="text-md leading-8" 3048 rel="noopener" 3049 target="_self" 3050 > 3051 Reference devices 3052 </a> 3053 </li> 3054 <li 3055 class="mb-3.5" 3056 > 3057 <a 3058 href="https://knowledgebase.grenton.com/manuals" 3059 class="text-md leading-8" 3060 rel="noopener" 3061 target="_self" 3062 > 3063 Configurations and Integrations 3064 </a> 3065 </li> 3066 <li 3067 class="mb-3.5" 3068 > 3069 <a 3070 href="https://knowledgebase.grenton.com/price-list-and-documents" 3071 class="text-md leading-8" 3072 rel="noopener" 3073 target="_self" 3074 > 3075 Price list and documents 3076 </a> 3077 </li> 3078 </ul> 3079 </div> 3080</div> 3081 </li> 3082 3083 3084 <li class="my-8"> 3085 <div class="w-full h-0 border-b border-gray/20"></div> 3086</li> 3087 <li 3088 class="mb-3.5" 3089 x-data="{ navOpen: false }" 3090 > 3091 <div 3092 class="flex items-center" 3093 x-on:click.prevent="navOpen = !navOpen" 3094 >
3095 <span class="text-md leading-8"> 3096 Useful Links 3097 </span> 3098 3099 <svg 3100 xmlns="http://www.w3.org/2000/svg" 3101 viewBox="0 0 24 24" 3102 class="h-5 w-5 ml-auto w-8 h-8" 3103> 3104 <g> 3105 <path d="M0,0H24V24H0Z" fill="none"/> 3106 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3107 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3108 </g> 3109</svg> 3110 </div> 3111 3112 <div 3113 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3114 :class="{ '!translate-x-0': navOpen }" 3115> 3116 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3117 <div class="mb-3.5"> 3118 <div 3119 class="flex items-center text-md leading-8" 3120 x-on:click.prevent="navOpen = !navOpen" 3121 > 3122 <svg 3123 xmlns="http://www.w3.org/2000/svg" 3124 viewBox="0 0 24 24" 3125 class="h-5 w-5 mr-4 w-8 h-8" 3126> 3127 <g transform="translate(24 24) rotate(180)"> 3128 <g> 3129 <path d="M0,0H24V24H0Z" fill="none"/> 3130 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3131 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3132 </g> 3133 </g> 3134</svg> 3135 For Professionals 3136 </div> 3137</div> 3138 3139 <a 3140 href="#" target="_self" rel="noopener" class="block text-lg my-10" 3141> 3142 Useful Links 3143</a> 3144 3145 <ul> 3146 <li 3147 class="mb-3.5" 3148 > 3149 <a 3150 href="https://grenton.com/your-home/map-find-installer/" 3151 class="text-md leading-8" 3152 rel="noopener" 3153 target="_self" 3154 > 3155 Where to buy Grenton 3156 </a> 3157 </li> 3158 <li 3159 class="mb-3.5" 3160 > 3161 <a 3162 href="https://b2bgrenton.abstore.pl/client/loginorcreate/login" 3163 class="text-md leading-8" 3164 rel="noopener" 3165 target="_self" 3166 > 3167 B2B Shop 3168 </a> 3169 </li> 3170 <li 3171 class="mb-3.5" 3172 > 3173 <a 3174 href="https://grentonsmarthome.github.io/" 3175 class="text-md leading-8" 3176 rel="noopener" 3177 target="_self" 3178 > 3179 Download Files 3180 </a> 3181 </li> 3182 <li 3183 class="mb-3.5" 3184 > 3185 <a 3186 href="https://www.facebook.com/groups/367115490741267" 3187 class="text-md leading-8" 3188 rel="noopener" 3189 target="_self" 3190 > 3191 Grenton Community 3192 </a> 3193 </li> 3194 </ul> 3195 </div> 3196</div> 3197 </li> 3198 </ul> 3199 </div> 3200</div> 3201 </li> 3202 <li 3203 class="mb-3.5" 3204 x-data="{ navOpen: false }" 3205 > 3206 <div 3207 class="flex items-center" 3208 x-on:click.prevent="navOpen = !navOpen" 3209 > 3210 <span class="text-md leading-8 !text-base"> 3211 For Real Estate Developers 3212 </span> 3213 3214 <svg 3215 xmlns="http://www.w3.org/2000/svg" 3216 viewBox="0 0 24 24" 3217 class="h-5 w-5 ml-auto w-8 h-8" 3218> 3219 <g> 3220 <path d="M0,0H24V24H0Z" fill="none"/> 3221 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3222 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3223 </g> 3224</svg> 3225 </div> 3226 3227 <div 3228 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3229 :class="{ '!translate-x-0': navOpen }" 3230> 3231 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3232 <div class="mb-3.5"> 3233 <div 3234 class="flex items-center text-md leading-8" 3235 x-on:click.prevent="navOpen = !navOpen" 3236 > 3237 <svg 3238 xmlns="http://www.w3.org/2000/svg" 3239 viewBox="0 0 24 24" 3240 class="h-5 w-5 mr-4 w-8 h-8" 3241> 3242 <g transform="translate(24 24) rotate(180)"> 3243 <g> 3244 <path d="M0,0H24V24H0Z" fill="none"/> 3245 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3246 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3247 </g> 3248 </g> 3249</svg> 3250 All 3251 </div> 3252</div> 3253 3254 <a 3255 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/" target="_self" rel="noopener" class="block text-lg my-10" 3256> 3257 For Real Estate Developers 3258</a> 3259 3260 <ul> 3261 3262 <li 3263 class="mb-3.5" 3264 > 3265 <a 3266 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/" 3267 class="text-md leading-8" 3268 rel="noopener" 3269 target="_self" 3270 > 3271 For Real Estate Developers 3272 </a> 3273 </li> 3274 3275 <li 3276 class="mb-3.5" 3277 x-data="{ navOpen: false }" 3278 > 3279 <div 3280 class="flex items-center" 3281 x-on:click.prevent="navOpen = !navOpen" 3282 >
3283 <span class="text-md leading-8"> 3284 Reference projects 3285 </span> 3286 3287 <svg 3288 xmlns="http://www.w3.org/2000/svg" 3289 viewBox="0 0 24 24" 3290 class="h-5 w-5 ml-auto w-8 h-8" 3291> 3292 <g> 3293 <path d="M0,0H24V24H0Z" fill="none"/> 3294 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3295 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3296 </g> 3297</svg> 3298 </div> 3299 3300 <div 3301 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3302 :class="{ '!translate-x-0': navOpen }" 3303> 3304 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3305 <div class="mb-3.5"> 3306 <div 3307 class="flex items-center text-md leading-8" 3308 x-on:click.prevent="navOpen = !navOpen" 3309 > 3310 <svg 3311 xmlns="http://www.w3.org/2000/svg" 3312 viewBox="0 0 24 24" 3313 class="h-5 w-5 mr-4 w-8 h-8" 3314> 3315 <g transform="translate(24 24) rotate(180)"> 3316 <g> 3317 <path d="M0,0H24V24H0Z" fill="none"/> 3318 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3319 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3320 </g> 3321 </g> 3322</svg> 3323 For Real Estate Developers 3324 </div> 3325</div> 3326 3327 <a 3328 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/" target="_self" rel="noopener" class="block text-lg my-10" 3329> 3330 Reference projects 3331</a> 3332 3333 <ul> 3334 <li 3335 class="mb-3.5" 3336 > 3337 <a 3338 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#standardinvest" 3339 class="text-md leading-8" 3340 rel="noopener" 3341 target="_self" 3342 > 3343 Standard investments 3344 </a> 3345 </li> 3346 <li 3347 class="mb-3.5" 3348 > 3349 <a 3350 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#premiuminvest" 3351 class="text-md leading-8" 3352 rel="noopener" 3353 target="_self" 3354 > 3355 Premium investments 3356 </a> 3357 </li> 3358 <li 3359 class="mb-3.5" 3360 > 3361 <a 3362 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#horecainvest" 3363 class="text-md leading-8" 3364 rel="noopener" 3365 target="_self" 3366 > 3367 HoReCa 3368 </a> 3369 </li> 3370 <li 3371 class="mb-3.5" 3372 > 3373 <a 3374 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/references-projects/#commercialinvest" 3375 class="text-md leading-8" 3376 rel="noopener" 3377 target="_self" 3378 > 3379 Commercial properties 3380 </a> 3381 </li> 3382 </ul> 3383 </div> 3384</div> 3385 </li> 3386 3387 <li 3388 class="mb-3.5" 3389 x-data="{ navOpen: false }" 3390 > 3391 <div 3392 class="flex items-center" 3393 x-on:click.prevent="navOpen = !navOpen" 3394 > 3395 <span class="text-md leading-8"> 3396 Common spaces 3397 </span> 3398 3399 <svg 3400 xmlns="http://www.w3.org/2000/svg" 3401 viewBox="0 0 24 24" 3402 class="h-5 w-5 ml-auto w-8 h-8" 3403> 3404 <g> 3405 <path d="M0,0H24V24H0Z" fill="none"/> 3406 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3407 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3408 </g> 3409</svg> 3410 </div> 3411 3412 <div 3413 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3414 :class="{ '!translate-x-0': navOpen }" 3415> 3416 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3417 <div class="mb-3.5"> 3418 <div 3419 class="flex items-center text-md leading-8" 3420 x-on:click.prevent="navOpen = !navOpen" 3421 > 3422 <svg 3423 xmlns="http://www.w3.org/2000/svg" 3424 viewBox="0 0 24 24" 3425 class="h-5 w-5 mr-4 w-8 h-8" 3426> 3427 <g transform="translate(24 24) rotate(180)"> 3428 <g> 3429 <path d="M0,0H24V24H0Z" fill="none"/> 3430 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3431 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3432 </g> 3433 </g> 3434</svg> 3435 For Real Estate Developers 3436 </div> 3437</div> 3438 3439 <a 3440 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/" target="_self" rel="noopener" class="block text-lg my-10" 3441> 3442 Common spaces 3443</a> 3444 3445 <ul> 3446 <li 3447 class="mb-3.5" 3448 > 3449 <a 3450 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#safeaccess" 3451 class="text-md leading-8" 3452 rel="noopener" 3453 target="_self" 3454 > 3455 Safety & access 3456 </a> 3457 </li> 3458 <li 3459 class="mb-3.5" 3460 > 3461 <a 3462 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#lifestyle" 3463 class="text-md leading-8" 3464 rel="noopener" 3465 target="_self" 3466 > 3467 Comfort & lifestyle 3468 </a> 3469 </li> 3470 <li 3471 class="mb-3.5" 3472 > 3473 <a 3474 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#surrounding" 3475 class="text-md leading-8" 3476 rel="noopener" 3477 target="_self" 3478 > 3479 Green areas & surroundings 3480 </a> 3481 </li> 3482 <li 3483 class="mb-3.5" 3484 > 3485 <a 3486 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/common-spaces/#management" 3487 class="text-md leading-8" 3488 rel="noopener" 3489 target="_self" 3490 > 3491 Communication & management 3492 </a> 3493 </li> 3494 </ul> 3495 </div> 3496</div> 3497 </li> 3498 3499 <li 3500 class="mb-3.5" 3501 > 3502 <a 3503 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/smart-home-ready/" 3504 class="text-md leading-8" 3505 rel="noopener" 3506 target="_self" 3507 > 3508 Smart Home Ready 3509 </a> 3510 </li> 3511 3512 3513 <li class="my-8"> 3514 <div class="w-full h-0 border-b border-gray/20"></div> 3515</li> 3516 <li 3517 class="mb-3.5" 3518 x-data="{ navOpen: false }" 3519 > 3520 <div 3521 class="flex items-center" 3522 x-on:click.prevent="navOpen = !navOpen" 3523 >
3524 <span class="text-md leading-8"> 3525 Useful Links 3526 </span> 3527 3528 <svg 3529 xmlns="http://www.w3.org/2000/svg" 3530 viewBox="0 0 24 24" 3531 class="h-5 w-5 ml-auto w-8 h-8" 3532> 3533 <g> 3534 <path d="M0,0H24V24H0Z" fill="none"/> 3535 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3536 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3537 </g> 3538</svg> 3539 </div> 3540 3541 <div 3542 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3543 :class="{ '!translate-x-0': navOpen }" 3544> 3545 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3546 <div class="mb-3.5"> 3547 <div 3548 class="flex items-center text-md leading-8" 3549 x-on:click.prevent="navOpen = !navOpen" 3550 > 3551 <svg 3552 xmlns="http://www.w3.org/2000/svg" 3553 viewBox="0 0 24 24" 3554 class="h-5 w-5 mr-4 w-8 h-8" 3555> 3556 <g transform="translate(24 24) rotate(180)"> 3557 <g> 3558 <path d="M0,0H24V24H0Z" fill="none"/> 3559 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3560 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3561 </g> 3562 </g> 3563</svg> 3564 For Real Estate Developers 3565 </div> 3566</div> 3567 3568 <a 3569 href="#" target="_self" rel="noopener" class="block text-lg my-10" 3570> 3571 Useful Links 3572</a> 3573 3574 <ul> 3575 <li 3576 class="mb-3.5" 3577 > 3578 <a 3579 href="http://grenton.com/app/uploads/2023/11/Home-automation-from-Grenton-for-real-estate-developers.pdf" 3580 class="text-md leading-8" 3581 rel="noopener" 3582 target="_blank" 3583 > 3584 Download Brochure 3585 </a> 3586 </li> 3587 <li 3588 class="mb-3.5" 3589 > 3590 <a 3591 href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/developer/#faqdev" 3592 class="text-md leading-8" 3593 rel="noopener" 3594 target="_self" 3595 > 3596 FAQ 3597 </a> 3598 </li> 3599 </ul> 3600 </div> 3601</div> 3602 </li> 3603 </ul> 3604 </div> 3605</div> 3606 </li> 3607 <li 3608 class="mb-3.5" 3609 x-data="{ navOpen: false }" 3610 > 3611 <div 3612 class="flex items-center" 3613 x-on:click.prevent="navOpen = !navOpen" 3614 > 3615 <span class="text-md leading-8 !text-base"> 3616 System 3617 </span> 3618 3619 <svg 3620 xmlns="http://www.w3.org/2000/svg" 3621 viewBox="0 0 24 24" 3622 class="h-5 w-5 ml-auto w-8 h-8" 3623> 3624 <g> 3625 <path d="M0,0H24V24H0Z" fill="none"/> 3626 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3627 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3628 </g> 3629</svg> 3630 </div> 3631 3632 <div 3633 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3634 :class="{ '!translate-x-0': navOpen }" 3635> 3636 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3637 <div class="mb-3.5"> 3638 <div 3639 class="flex items-center text-md leading-8" 3640 x-on:click.prevent="navOpen = !navOpen" 3641 > 3642 <svg 3643 xmlns="http://www.w3.org/2000/svg" 3644 viewBox="0 0 24 24" 3645 class="h-5 w-5 mr-4 w-8 h-8" 3646> 3647 <g transform="translate(24 24) rotate(180)"> 3648 <g> 3649 <path d="M0,0H24V24H0Z" fill="none"/> 3650 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3651 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3652 </g> 3653 </g> 3654</svg> 3655 All 3656 </div> 3657</div> 3658 3659 <a 3660 href="https://grenton.com/system/" target="_self" rel="noopener" class="block text-lg my-10" 3661> 3662 System 3663</a> 3664 3665 <ul> 3666 3667 <li 3668 class="mb-3.5" 3669 > 3670 <a 3671 href="https://grenton.com/system/" 3672 class="text-md leading-8" 3673 rel="noopener" 3674 target="_self" 3675 > 3676 System 3677 </a> 3678 </li> 3679 3680 <li 3681 class="mb-3.5" 3682 > 3683 <a 3684 href="https://grenton.com/premieres/" 3685 class="text-md leading-8" 3686 rel="noopener" 3687 target="_self" 3688 > 3689 Product News 3690 </a> 3691 </li> 3692 3693 <li 3694 class="mb-3.5" 3695 x-data="{ navOpen: false }" 3696 > 3697 <div 3698 class="flex items-center" 3699 x-on:click.prevent="navOpen = !navOpen" 3700 >
3701 <span class="text-md leading-8"> 3702 Products 3703 </span> 3704 3705 <svg 3706 xmlns="http://www.w3.org/2000/svg" 3707 viewBox="0 0 24 24" 3708 class="h-5 w-5 ml-auto w-8 h-8" 3709> 3710 <g> 3711 <path d="M0,0H24V24H0Z" fill="none"/> 3712 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3713 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3714 </g> 3715</svg> 3716 </div> 3717 3718 <div 3719 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3720 :class="{ '!translate-x-0': navOpen }" 3721> 3722 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3723 <div class="mb-3.5"> 3724 <div 3725 class="flex items-center text-md leading-8" 3726 x-on:click.prevent="navOpen = !navOpen" 3727 > 3728 <svg 3729 xmlns="http://www.w3.org/2000/svg" 3730 viewBox="0 0 24 24" 3731 class="h-5 w-5 mr-4 w-8 h-8" 3732> 3733 <g transform="translate(24 24) rotate(180)"> 3734 <g> 3735 <path d="M0,0H24V24H0Z" fill="none"/> 3736 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3737 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3738 </g> 3739 </g> 3740</svg> 3741 System 3742 </div> 3743</div> 3744 3745 <a 3746 href="https://grenton.com/product/" target="_self" rel="noopener" class="block text-lg my-10" 3747> 3748 Products 3749</a> 3750 3751 <ul> 3752 <li 3753 class="mb-3.5" 3754 > 3755 <a 3756 href="https://grenton.com/product/#modules" 3757 class="text-md leading-8" 3758 rel="noopener" 3759 target="_self" 3760 > 3761 Modules 3762 </a> 3763 </li> 3764 <li 3765 class="mb-3.5" 3766 > 3767 <a 3768 href="https://grenton.com/product/#panels" 3769 class="text-md leading-8" 3770 rel="noopener" 3771 target="_self" 3772 > 3773 Panels 3774 </a> 3775 </li> 3776 <li 3777 class="mb-3.5" 3778 > 3779 <a 3780 href="https://grenton.com/product/#switches" 3781 class="text-md leading-8" 3782 rel="noopener" 3783 target="_self" 3784 > 3785 Switches 3786 </a> 3787 </li> 3788 <li 3789 class="mb-3.5" 3790 > 3791 <a 3792 href="https://grenton.com/product/grenton-intercom/" 3793 class="text-md leading-8" 3794 rel="noopener" 3795 target="_self" 3796 > 3797 Intercom 3798 </a> 3799 </li> 3800 <li 3801 class="mb-3.5" 3802 > 3803 <a 3804 href="https://grenton.com/product/#sensors" 3805 class="text-md leading-8" 3806 rel="noopener" 3807 target="_self" 3808 > 3809 Sensors 3810 </a> 3811 </li> 3812 <li 3813 class="mb-3.5" 3814 > 3815 <a 3816 href="https://grenton.com/product/#audio" 3817 class="text-md leading-8" 3818 rel="noopener" 3819 target="_self" 3820 > 3821 Audio 3822 </a> 3823 </li> 3824 <li 3825 class="mb-3.5" 3826 > 3827 <a 3828 href="https://grenton.com/product/#accessories" 3829 class="text-md leading-8" 3830 rel="noopener" 3831 target="_self" 3832 > 3833 Accessories 3834 </a> 3835 </li> 3836 <li 3837 class="mb-3.5" 3838 > 3839 <a 3840 href="https://grenton.com/product/#kits" 3841 class="text-md leading-8" 3842 rel="noopener" 3843 target="_self" 3844 > 3845 Kits 3846 </a> 3847 </li> 3848 </ul> 3849 </div> 3850</div> 3851 </li> 3852 3853 <li 3854 class="mb-3.5" 3855 x-data="{ navOpen: false }" 3856 > 3857 <div 3858 class="flex items-center" 3859 x-on:click.prevent="navOpen = !navOpen" 3860 > 3861 <span class="text-md leading-8"> 3862 Sensors 3863 </span> 3864 3865 <svg 3866 xmlns="http://www.w3.org/2000/svg" 3867 viewBox="0 0 24 24" 3868 class="h-5 w-5 ml-auto w-8 h-8" 3869> 3870 <g> 3871 <path d="M0,0H24V24H0Z" fill="none"/> 3872 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3873 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3874 </g> 3875</svg> 3876 </div> 3877 3878 <div 3879 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3880 :class="{ '!translate-x-0': navOpen }" 3881> 3882 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3883 <div class="mb-3.5"> 3884 <div 3885 class="flex items-center text-md leading-8" 3886 x-on:click.prevent="navOpen = !navOpen" 3887 > 3888 <svg 3889 xmlns="http://www.w3.org/2000/svg" 3890 viewBox="0 0 24 24" 3891 class="h-5 w-5 mr-4 w-8 h-8" 3892> 3893 <g transform="translate(24 24) rotate(180)"> 3894 <g> 3895 <path d="M0,0H24V24H0Z" fill="none"/> 3896 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3897 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3898 </g> 3899 </g> 3900</svg> 3901 System 3902 </div> 3903</div> 3904 3905 <a 3906 href="https://grenton.com/system/sensors/" target="_self" rel="noopener" class="block text-lg my-10" 3907> 3908 Sensors 3909</a> 3910 3911 <ul> 3912 <li 3913 class="mb-3.5" 3914 > 3915 <a 3916 href="https://grenton.com/system/sensors/multisensor/" 3917 class="text-md leading-8" 3918 rel="noopener" 3919 target="_self" 3920 > 3921 Multisensor 3922 </a> 3923 </li> 3924 </ul> 3925 </div> 3926</div> 3927 </li> 3928 3929 <li 3930 class="mb-3.5" 3931 x-data="{ navOpen: false }" 3932 > 3933 <div 3934 class="flex items-center" 3935 x-on:click.prevent="navOpen = !navOpen" 3936 >
3937 <span class="text-md leading-8"> 3938 Control 3939 </span> 3940 3941 <svg 3942 xmlns="http://www.w3.org/2000/svg" 3943 viewBox="0 0 24 24" 3944 class="h-5 w-5 ml-auto w-8 h-8" 3945> 3946 <g> 3947 <path d="M0,0H24V24H0Z" fill="none"/> 3948 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3949 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3950 </g> 3951</svg> 3952 </div> 3953 3954 <div 3955 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 3956 :class="{ '!translate-x-0': navOpen }" 3957> 3958 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 3959 <div class="mb-3.5"> 3960 <div 3961 class="flex items-center text-md leading-8" 3962 x-on:click.prevent="navOpen = !navOpen" 3963 > 3964 <svg 3965 xmlns="http://www.w3.org/2000/svg" 3966 viewBox="0 0 24 24" 3967 class="h-5 w-5 mr-4 w-8 h-8" 3968> 3969 <g transform="translate(24 24) rotate(180)"> 3970 <g> 3971 <path d="M0,0H24V24H0Z" fill="none"/> 3972 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3973 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 3974 </g> 3975 </g> 3976</svg> 3977 System 3978 </div> 3979</div> 3980 3981 <a 3982 href="https://grenton.com/system/control/" target="_self" rel="noopener" class="block text-lg my-10" 3983> 3984 Control 3985</a> 3986 3987 <ul> 3988 <li 3989 class="mb-3.5" 3990 > 3991 <a 3992 href="https://grenton.com/system/control/mygrenton-app/" 3993 class="text-md leading-8" 3994 rel="noopener" 3995 target="_self" 3996 > 3997 myGrenton App 3998 </a> 3999 </li> 4000 <li 4001 class="mb-3.5" 4002 > 4003 <a 4004 href="https://grenton.com/system/control/grenton-smart-panel/" 4005 class="text-md leading-8" 4006 rel="noopener" 4007 target="_self" 4008 > 4009 Smart Panel 4010 </a> 4011 </li> 4012 <li 4013 class="mb-3.5" 4014 > 4015 <a 4016 href="https://grenton.com/system/control/touch-panel/" 4017 class="text-md leading-8" 4018 rel="noopener" 4019 target="_self" 4020 > 4021 Touch Panel 4022 </a> 4023 </li> 4024 <li 4025 class="mb-3.5" 4026 > 4027 <a 4028 href="https://grenton.com/system/control/monolith/" 4029 class="text-md leading-8" 4030 rel="noopener" 4031 target="_self" 4032 > 4033 Monolith Line 4034 </a> 4035 </li> 4036 <li 4037 class="mb-3.5" 4038 > 4039 <a 4040 href="https://grenton.com/system/control/grenton-switches/" 4041 class="text-md leading-8" 4042 rel="noopener" 4043 target="_self" 4044 > 4045 Switch & Socket 4046 </a> 4047 </li> 4048 </ul> 4049 </div> 4050</div> 4051 </li> 4052 4053 <li 4054 class="mb-3.5" 4055 > 4056 <a 4057 href="https://grenton.com/system/configuration/" 4058 class="text-md leading-8" 4059 rel="noopener" 4060 target="_self" 4061 > 4062 Configuration 4063 </a> 4064 </li> 4065 4066 <li 4067 class="mb-3.5" 4068 x-data="{ navOpen: false }" 4069 > 4070 <div 4071 class="flex items-center" 4072 x-on:click.prevent="navOpen = !navOpen" 4073 > 4074 <span class="text-md leading-8"> 4075 Integrations 4076 </span> 4077 4078 <svg 4079 xmlns="http://www.w3.org/2000/svg" 4080 viewBox="0 0 24 24" 4081 class="h-5 w-5 ml-auto w-8 h-8" 4082> 4083 <g> 4084 <path d="M0,0H24V24H0Z" fill="none"/> 4085 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4086 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4087 </g> 4088</svg> 4089 </div> 4090 4091 <div 4092 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4093 :class="{ '!translate-x-0': navOpen }" 4094> 4095 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4096 <div class="mb-3.5"> 4097 <div 4098 class="flex items-center text-md leading-8" 4099 x-on:click.prevent="navOpen = !navOpen" 4100 > 4101 <svg 4102 xmlns="http://www.w3.org/2000/svg" 4103 viewBox="0 0 24 24" 4104 class="h-5 w-5 mr-4 w-8 h-8" 4105> 4106 <g transform="translate(24 24) rotate(180)"> 4107 <g> 4108 <path d="M0,0H24V24H0Z" fill="none"/> 4109 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4110 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4111 </g> 4112 </g> 4113</svg> 4114 System 4115 </div> 4116</div> 4117 4118 <a 4119 href="https://grenton.com/system/integrations/" target="_self" rel="noopener" class="block text-lg my-10" 4120> 4121 Integrations 4122</a> 4123 4124 <ul> 4125 <li 4126 class="mb-3.5" 4127 > 4128 <a 4129 href="https://grenton.com/system/integrations/audio-systems/" 4130 class="text-md leading-8" 4131 rel="noopener" 4132 target="_self" 4133 > 4134 Audio Systems 4135 </a> 4136 </li> 4137 </ul> 4138 </div> 4139</div> 4140 </li> 4141 4142 <li 4143 class="mb-3.5" 4144 > 4145 <a 4146 href="https://grenton.com/system/wireless-technology/" 4147 class="text-md leading-8" 4148 rel="noopener" 4149 target="_self" 4150 > 4151 Wireless technology 4152 </a> 4153 </li> 4154 4155 4156 <li class="my-8"> 4157 <div class="w-full h-0 border-b border-gray/20"></div> 4158</li> 4159 <li 4160 class="mb-3.5" 4161 x-data="{ navOpen: false }" 4162 > 4163 <div 4164 class="flex items-center" 4165 x-on:click.prevent="navOpen = !navOpen" 4166 >
4167 <span class="text-md leading-8"> 4168 Useful Links 4169 </span> 4170 4171 <svg 4172 xmlns="http://www.w3.org/2000/svg" 4173 viewBox="0 0 24 24" 4174 class="h-5 w-5 ml-auto w-8 h-8" 4175> 4176 <g> 4177 <path d="M0,0H24V24H0Z" fill="none"/> 4178 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4179 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4180 </g> 4181</svg> 4182 </div> 4183 4184 <div 4185 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4186 :class="{ '!translate-x-0': navOpen }" 4187> 4188 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4189 <div class="mb-3.5"> 4190 <div 4191 class="flex items-center text-md leading-8" 4192 x-on:click.prevent="navOpen = !navOpen" 4193 > 4194 <svg 4195 xmlns="http://www.w3.org/2000/svg" 4196 viewBox="0 0 24 24" 4197 class="h-5 w-5 mr-4 w-8 h-8" 4198> 4199 <g transform="translate(24 24) rotate(180)"> 4200 <g> 4201 <path d="M0,0H24V24H0Z" fill="none"/> 4202 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4203 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4204 </g> 4205 </g> 4206</svg> 4207 System 4208 </div> 4209</div> 4210 4211 <a 4212 href="#" target="_self" rel="noopener" class="block text-lg my-10" 4213> 4214 Useful Links 4215</a> 4216 4217 <ul> 4218 <li 4219 class="mb-3.5" 4220 > 4221 <a 4222 href="https://knowledgebase.grenton.com" 4223 class="text-md leading-8" 4224 rel="noopener" 4225 target="_self" 4226 > 4227 Knowledge Base 4228 </a> 4229 </li> 4230 <li 4231 class="mb-3.5" 4232 > 4233 <a 4234 href="https://grentonsmarthome.github.io/release-en/ " 4235 class="text-md leading-8" 4236 rel="noopener" 4237 target="_self" 4238 > 4239 Download Files 4240 </a> 4241 </li> 4242 <li 4243 class="mb-3.5" 4244 > 4245 <a 4246 href="https://grenton.com/your-home/map-find-installer/" 4247 class="text-md leading-8" 4248 rel="noopener" 4249 target="_self" 4250 > 4251 Where to buy Grenton 4252 </a> 4253 </li> 4254 </ul> 4255 </div> 4256</div> 4257 </li> 4258 </ul> 4259 </div> 4260</div> 4261 </li> 4262 <li 4263 class="mb-3.5" 4264 x-data="{ navOpen: false }" 4265 > 4266 <div 4267 class="flex items-center" 4268 x-on:click.prevent="navOpen = !navOpen" 4269 > 4270 <span class="text-md leading-8 !text-base"> 4271 Contact 4272 </span> 4273 4274 <svg 4275 xmlns="http://www.w3.org/2000/svg" 4276 viewBox="0 0 24 24" 4277 class="h-5 w-5 ml-auto w-8 h-8" 4278> 4279 <g> 4280 <path d="M0,0H24V24H0Z" fill="none"/> 4281 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4282 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4283 </g> 4284</svg> 4285 </div> 4286 4287 <div 4288 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4289 :class="{ '!translate-x-0': navOpen }" 4290> 4291 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4292 <div class="mb-3.5"> 4293 <div 4294 class="flex items-center text-md leading-8" 4295 x-on:click.prevent="navOpen = !navOpen" 4296 > 4297 <svg 4298 xmlns="http://www.w3.org/2000/svg" 4299 viewBox="0 0 24 24" 4300 class="h-5 w-5 mr-4 w-8 h-8" 4301> 4302 <g transform="translate(24 24) rotate(180)"> 4303 <g> 4304 <path d="M0,0H24V24H0Z" fill="none"/> 4305 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4306 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4307 </g> 4308 </g> 4309</svg> 4310 All 4311 </div> 4312</div> 4313 4314 <a 4315 href="https://grenton.com/contact/" target="_self" rel="noopener" class="block text-lg my-10" 4316> 4317 Contact 4318</a> 4319 4320 <ul> 4321 4322 <li 4323 class="mb-3.5" 4324 > 4325 <a 4326 href="https://grenton.com/contact/" 4327 class="text-md leading-8" 4328 rel="noopener" 4329 target="_self" 4330 > 4331 Contact 4332 </a> 4333 </li> 4334 4335 <li 4336 class="mb-3.5" 4337 x-data="{ navOpen: false }" 4338 > 4339 <div 4340 class="flex items-center" 4341 x-on:click.prevent="navOpen = !navOpen" 4342 >
4343 <span class="text-md leading-8"> 4344 About Us 4345 </span> 4346 4347 <svg 4348 xmlns="http://www.w3.org/2000/svg" 4349 viewBox="0 0 24 24" 4350 class="h-5 w-5 ml-auto w-8 h-8" 4351> 4352 <g> 4353 <path d="M0,0H24V24H0Z" fill="none"/> 4354 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4355 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4356 </g> 4357</svg> 4358 </div> 4359 4360 <div 4361 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4362 :class="{ '!translate-x-0': navOpen }" 4363> 4364 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4365 <div class="mb-3.5"> 4366 <div 4367 class="flex items-center text-md leading-8" 4368 x-on:click.prevent="navOpen = !navOpen" 4369 > 4370 <svg 4371 xmlns="http://www.w3.org/2000/svg" 4372 viewBox="0 0 24 24" 4373 class="h-5 w-5 mr-4 w-8 h-8" 4374> 4375 <g transform="translate(24 24) rotate(180)"> 4376 <g> 4377 <path d="M0,0H24V24H0Z" fill="none"/> 4378 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4379 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4380 </g> 4381 </g> 4382</svg> 4383 Contact 4384 </div> 4385</div> 4386 4387 <a 4388 href="https://grenton.com/about-us/" target="_self" rel="noopener" class="block text-lg my-10" 4389> 4390 About Us 4391</a> 4392 4393 <ul> 4394 <li 4395 class="mb-3.5" 4396 > 4397 <a 4398 href="https://grenton.com/about-us/#6-faktów-o-Grenton" 4399 class="text-md leading-8" 4400 rel="noopener" 4401 target="_self" 4402 > 4403 6 Facts About Grenton 4404 </a> 4405 </li> 4406 <li 4407 class="mb-3.5" 4408 > 4409 <a 4410 href="https://grenton.com/about-us/#Europejska-produkcja" 4411 class="text-md leading-8" 4412 rel="noopener" 4413 target="_self" 4414 > 4415 European Production 4416 </a> 4417 </li> 4418 <li 4419 class="mb-3.5" 4420 > 4421 <a 4422 href="https://grenton.com/about-us/#Partnerstwa" 4423 class="text-md leading-8" 4424 rel="noopener" 4425 target="_self" 4426 > 4427 Partnerships 4428 </a> 4429 </li> 4430 <li 4431 class="mb-3.5" 4432 > 4433 <a 4434 href="https://grenton.com/about-us/#Nagrody" 4435 class="text-md leading-8" 4436 rel="noopener" 4437 target="_self" 4438 > 4439 Awards 4440 </a> 4441 </li> 4442 </ul> 4443 </div> 4444</div> 4445 </li> 4446 4447 <li 4448 class="mb-3.5" 4449 x-data="{ navOpen: false }" 4450 > 4451 <div 4452 class="flex items-center" 4453 x-on:click.prevent="navOpen = !navOpen" 4454 > 4455 <span class="text-md leading-8"> 4456 Career at Grenton 4457 </span> 4458 4459 <svg 4460 xmlns="http://www.w3.org/2000/svg" 4461 viewBox="0 0 24 24" 4462 class="h-5 w-5 ml-auto w-8 h-8" 4463> 4464 <g> 4465 <path d="M0,0H24V24H0Z" fill="none"/> 4466 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4467 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4468 </g> 4469</svg> 4470 </div> 4471 4472 <div 4473 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4474 :class="{ '!translate-x-0': navOpen }" 4475> 4476 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4477 <div class="mb-3.5"> 4478 <div 4479 class="flex items-center text-md leading-8" 4480 x-on:click.prevent="navOpen = !navOpen" 4481 > 4482 <svg 4483 xmlns="http://www.w3.org/2000/svg" 4484 viewBox="0 0 24 24" 4485 class="h-5 w-5 mr-4 w-8 h-8" 4486> 4487 <g transform="translate(24 24) rotate(180)"> 4488 <g> 4489 <path d="M0,0H24V24H0Z" fill="none"/> 4490 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4491 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4492 </g> 4493 </g> 4494</svg> 4495 Contact 4496 </div> 4497</div> 4498 4499 <a 4500 href="https://grenton.com/contact/#kontakt" target="_self" rel="noopener" class="block text-lg my-10" 4501> 4502 Career at Grenton 4503</a> 4504 4505 <ul> 4506 <li 4507 class="mb-3.5" 4508 > 4509 <a 4510 href="https://grenton.com/contact/#kontakt" 4511 class="text-md leading-8" 4512 rel="noopener" 4513 target="_self" 4514 > 4515 Join us 4516 </a> 4517 </li> 4518 </ul> 4519 </div> 4520</div> 4521 </li> 4522 4523 <li 4524 class="mb-3.5" 4525 x-data="{ navOpen: false }" 4526 > 4527 <div 4528 class="flex items-center" 4529 x-on:click.prevent="navOpen = !navOpen" 4530 >
4531 <span class="text-md leading-8"> 4532 Our Social Media 4533 </span> 4534 4535 <svg 4536 xmlns="http://www.w3.org/2000/svg" 4537 viewBox="0 0 24 24" 4538 class="h-5 w-5 ml-auto w-8 h-8" 4539> 4540 <g> 4541 <path d="M0,0H24V24H0Z" fill="none"/> 4542 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4543 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4544 </g> 4545</svg> 4546 </div> 4547 4548 <div 4549 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4550 :class="{ '!translate-x-0': navOpen }" 4551> 4552 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4553 <div class="mb-3.5"> 4554 <div 4555 class="flex items-center text-md leading-8" 4556 x-on:click.prevent="navOpen = !navOpen" 4557 > 4558 <svg 4559 xmlns="http://www.w3.org/2000/svg" 4560 viewBox="0 0 24 24" 4561 class="h-5 w-5 mr-4 w-8 h-8" 4562> 4563 <g transform="translate(24 24) rotate(180)"> 4564 <g> 4565 <path d="M0,0H24V24H0Z" fill="none"/> 4566 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4567 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4568 </g> 4569 </g> 4570</svg> 4571 Contact 4572 </div> 4573</div> 4574 4575 <a 4576 href="#" target="_self" rel="noopener" class="block text-lg my-10" 4577> 4578 Our Social Media 4579</a> 4580 4581 <ul> 4582 <li 4583 class="mb-3.5" 4584 > 4585 <a 4586 href="https://www.facebook.com/grenton.smart.home" 4587 class="text-md leading-8" 4588 rel="noopener" 4589 target="_self" 4590 > 4591 Facebook 4592 </a> 4593 </li> 4594 <li 4595 class="mb-3.5" 4596 > 4597 <a 4598 href="https://www.instagram.com/grenton_smart_home/" 4599 class="text-md leading-8" 4600 rel="noopener" 4601 target="_self" 4602 > 4603 Instagram 4604 </a> 4605 </li> 4606 <li 4607 class="mb-3.5" 4608 > 4609 <a 4610 href="https://www.linkedin.com/company/grenton" 4611 class="text-md leading-8" 4612 rel="noopener" 4613 target="_self" 4614 > 4615 LinkedIn 4616 </a> 4617 </li> 4618 <li 4619 class="mb-3.5" 4620 > 4621 <a 4622 href="https://www.youtube.com/c/Grenton_com_Smart_Home" 4623 class="text-md leading-8" 4624 rel="noopener" 4625 target="_self" 4626 > 4627 YouTube 4628 </a> 4629 </li> 4630 </ul> 4631 </div> 4632</div> 4633 </li> 4634 4635 4636 <li class="my-8"> 4637 <div class="w-full h-0 border-b border-gray/20"></div> 4638</li> 4639 <li 4640 class="mb-3.5" 4641 x-data="{ navOpen: false }" 4642 > 4643 <div 4644 class="flex items-center" 4645 x-on:click.prevent="navOpen = !navOpen" 4646 > 4647 <span class="text-md leading-8"> 4648 Useful Links 4649 </span> 4650 4651 <svg 4652 xmlns="http://www.w3.org/2000/svg" 4653 viewBox="0 0 24 24" 4654 class="h-5 w-5 ml-auto w-8 h-8" 4655> 4656 <g> 4657 <path d="M0,0H24V24H0Z" fill="none"/> 4658 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4659 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4660 </g> 4661</svg> 4662 </div> 4663 4664 <div 4665 class="z-20 top-0 right-0 bottom-0 w-[27rem] pt-[4.5rem] pl-11 pr-6 bg-white overflow-x-hidden transition-transform will-change-transform translate-x-full absolute" 4666 :class="{ '!translate-x-0': navOpen }" 4667> 4668 <div class="overflow-y-auto w-full h-full pt-[6rem]"> 4669 <div class="mb-3.5"> 4670 <div 4671 class="flex items-center text-md leading-8" 4672 x-on:click.prevent="navOpen = !navOpen" 4673 > 4674 <svg 4675 xmlns="http://www.w3.org/2000/svg" 4676 viewBox="0 0 24 24" 4677 class="h-5 w-5 mr-4 w-8 h-8" 4678> 4679 <g transform="translate(24 24) rotate(180)"> 4680 <g> 4681 <path d="M0,0H24V24H0Z" fill="none"/> 4682 <line x1="4" y2="4" transform="translate(11 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4683 <line x2="4" y2="4" transform="translate(11 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4684 </g> 4685 </g> 4686</svg> 4687 Contact 4688 </div> 4689</div> 4690 4691 <a 4692 href="#" target="_self" rel="noopener" class="block text-lg my-10" 4693> 4694 Useful Links 4695</a> 4696 4697 <ul> 4698 <li 4699 class="mb-3.5" 4700 > 4701 <a 4702 href="https://grenton.com/your-home/map-find-installer/" 4703 class="text-md leading-8" 4704 rel="noopener" 4705 target="_self" 4706 > 4707 Find an Installer - Map 4708 </a> 4709 </li> 4710 <li 4711 class="mb-3.5" 4712 > 4713 <a 4714 href="https://grenton.com/contact/#kontakt" 4715 class="text-md leading-8" 4716 rel="noopener" 4717 target="_self" 4718 > 4719 Estimate project costs 4720 </a> 4721 </li> 4722 <li 4723 class="mb-3.5" 4724 > 4725 <a 4726 href="https://grenton.pl/mena" 4727 class="text-md leading-8" 4728 rel="noopener" 4729 target="_self" 4730 > 4731 For MENA region 4732 </a> 4733 </li> 4734 </ul> 4735 </div> 4736</div> 4737 </li> 4738 </ul> 4739 </div> 4740</div> 4741 </li> 4742 </ul> 4743 4744 <ul class="mb-16"> 4745 <li 4746 class="mb-3.5" 4747 > 4748 <a 4749 href="https://grenton.com/contact/#kontakt" 4750 class="text-md leading-8" 4751 rel="noopener" 4752 target="_self" 4753 > 4754 Estimate the Project 4755 </a> 4756 </li> 4757 <li 4758 class="mb-3.5" 4759 > 4760 <a 4761 href="https://grenton.com/your-home/map-find-installer/" 4762 class="text-md leading-8" 4763 rel="noopener" 4764 target="_self" 4765 > 4766 Find an Installer - Map 4767 </a> 4768 </li> 4769 <li 4770 class="mb-3.5" 4771 > 4772 <a 4773 href="https://grenton.com/about-us/" 4774 class="text-md leading-8" 4775 rel="noopener" 4776 target="_self" 4777 > 4778 About us 4779 </a> 4780 </li> 4781 </ul> 4782 4783 <div class="mb-16"> 4784 <a 4785 class="inline-flex items-center text-base md:text-md mr-4" 4786 href="https://grenton.pl" 4787> 4788 <svg 4789 xmlns="http://www.w3.org/2000/svg" 4790 viewBox="0 0 24 24" 4791 class="h-5 w-5 mr-4 md:hidden w-8 h-8" 4792> 4793 <path d="M0,0H24V24H0Z" fill="none"/> 4794 <g> 4795 <path d="M0,0H24V24H0Z" fill="none"/> 4796 <circle cx="9" cy="9" r="9" transform="translate(3 3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4797 <line x2="16.8" transform="translate(3.6 9)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4798 <line x2="16.8" transform="translate(3.6 15)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4799 <path d="M11.5,3a17,17,0,0,0,0,18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4800 <path d="M12.5,3a17,17,0,0,1,0,18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 4801 </g> 4802</svg> 4803 4804 <span>PL</span> 4805</a> </div> 4806 </div> 4807</div> 4808</div> 4809 </div> 4810</div> 4811</header> 4812 4813 4814 <main id="site-main" class="overflow-hidden"> 4815 <article class="relative post-26550 page type-page status-publish hentry"> 4816 <section 4817 class="relative bg-light wp-block-hero-video-text pt-32" 4818 id="block_5ee771550154704aa6480a1cf1ba8b20" 4819 > 4820 4821
4822 <div class=""> 4823 <div 4824 class="bg-white" 4825 x-data="{ animated: false }" 4826 x-intersect.once="animated = true" 4827 > 4828 <div 4829 class="w-full px-5 md:px-20 absolute h-full top-0 left-0 z-20 min-h-screen overflow-hidden pt-[10.75rem] md:pt-60 pb-34" 4830> 4831 <div class="w-full md:w-[55rem] mx-auto text-center"> 4832 <h1 4833 class="text-3xl md:text-4xl -tracking-[.075rem] md:-tracking-[.15rem] mb-5 md:mb-5" 4834> 4835 <span 4836 class="inline-block md:opacity-0" 4837 :class="{ 'md:animate-fade-in-up' : animated }" 4838 style="--animate-delay: 0.5s" 4839 > 4840 4841 </span> 4842</h1> </div> 4843 4844 <div 4845 class="md:w-[35rem] mb-8 md:mb-[3.75rem] mx-auto text-center opacity-0" 4846 :class="{ 'animate-fade-in' : animated }" 4847 style="--animate-delay: 2s" 4848 > 4849 4850 </div> 4851</div> 4852 4853 4854 4855 <noscript class="load_this_noscript"><video class="lazy w-full" autoplay muted loop playsinline><source src="https://grenton.com/app/uploads/2024/01/Grenton_ST2_R4EN_mini.mp4" type="video/mp4" media="all and (max-width: 480px)"><source src="https://grenton.com/app/uploads/2024/01/Grenton_ST2_R4EN.mp4" type="video/mp4"></video></noscript>
4856<script> 4857function insertAfter(newNode, referenceNode) { 4858 if (referenceNode.nextSibling) { 4859 referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); 4860 } else { 4861 referenceNode.parentNode.appendChild(newNode); 4862 } 4863} 4864 4865function loadNoscriptElement(noscriptElement) { 4866 if (noscriptElement) { 4867 let noscriptContent = noscriptElement.textContent || noscriptElement.innerText; 4868 noscriptContent = noscriptContent.replace(/src="/g, 'data-src="'); 4869 const tempDiv = document.createElement('div'); 4870 tempDiv.innerHTML = noscriptContent; 4871 while (tempDiv.lastChild) { 4872 insertAfter(tempDiv.lastChild, noscriptElement); 4873 } 4874 } 4875} 4876function loadLazyVideos(lazyVideoItems) { 4877 if ("IntersectionObserver" in window) { 4878 const lazyVideoObserver = new IntersectionObserver(function(entries, observer) { 4879 entries.forEach(function(entry) { 4880 if (entry.isIntersecting) { 4881 const currentVideo = entry.target; 4882 let matched = false; 4883 for (const videoSource of currentVideo.children) { 4884 if (videoSource.tagName === "SOURCE") { 4885 const mediaQuery = videoSource.getAttribute('media'); 4886 if (mediaQuery) { 4887 if(window.matchMedia(mediaQuery).matches){ 4888 videoSource.src = videoSource.dataset.src; 4889 videoSource.removeAttribute('data-src'); 4890 videoSource.removeAttribute('media'); 4891 matched = true; 4892 break; 4893 } else { 4894 videoSource.remove(); 4895 } 4896 } 4897 } 4898 } 4899 if (!matched) { 4900 const defaultSource = currentVideo.querySelector('source:not([media])'); 4901 const otherSources = currentVideo.querySelectorAll('source[media]'); 4902 if ( defaultSource ) { 4903 defaultSource.src = defaultSource.dataset.src; 4904 defaultSource.removeAttribute('data-src'); 4905 otherSources.forEach(function(otherSource) { 4906 otherSource.remove(); 4907 }); 4908 } 4909 } 4910 currentVideo.load(); 4911 currentVideo.classList.remove("lazy"); 4912 lazyVideoObserver.unobserve(currentVideo); 4913 } 4914 }); 4915 }); 4916 lazyVideoItems.forEach(function(lazyVideo) { 4917 lazyVideoObserver.observe(lazyVideo); 4918 }); 4919 } 4920} 4921const noscriptElements = document.querySelectorAll('noscript.load_this_noscript'); 4922noscriptElements.forEach(function(noscriptElement) { 4923 loadNoscriptElement(noscriptElement); 4924}); 4925document.addEventListener("DOMContentLoaded", function() { 4926 const lazyVideos = Array.from(document.querySelectorAll("video.lazy")); 4927 loadLazyVideos(lazyVideos); 4928}); 4929</script>
4929 4930 </div> 4931 </div> 4932 </div> 4933</section> 4934 4935 4936<section 4937 class="relative wp-block-column-view" 4938 id="system-smart-home" 4939 > 4940 4941 4942 <div class="relative z-20"> 4943 <div 4944 class="w-full px-5 md:px-20 pt-32 pb-10 md:pb-32" 4945> 4946 <div 4947 class="md:w-[45rem] mb-14 opacity-0" 4948 :class="{ 'animate-fade-in-up' : animated }" 4949 x-data="{ animated: false }" 4950 x-intersect.margin.-20%.once="animated = true" 4951 > 4952 <h2 4953 class="text-xl md:text-2xl flexible-content flexible-content-title mb-5 md:mb-5" 4954> 4955 Grenton Smart Home means: 4956</h2> </div> 4957 4958 <div 4959 class="md:grid gap-x-20 md:px-60 grid-cols-3" 4960 x-data="{ animated: false }" 4961 x-intersect.margin.-20%.once="animated = true" 4962 > 4963 <div 4964 class="py-8 opacity-0" 4965 :class="{ 'animate-fade-in-up' : animated }" 4966 style="--animate-delay: 0s" 4967 > 4968 <h2 4969 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 4970> 4971 Convenient and intuitive <br /> 4972control 4973</h2> <div 4974 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 4975 > 4976 <p><span data-sheets-value="{"1":2,"2":"Control roller shutters, lighting, temperature - the whole house. Manage with an application or touch panel."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Control roller shutters, lighting, temperature – the whole house. Manage with an application or touch panel.</span></p> 4977 4978 </div> 4979 </div> 4980 <div 4981 class="py-8 opacity-0" 4982 :class="{ 'animate-fade-in-up' : animated }" 4983 style="--animate-delay: 0.3s" 4984 > 4985 <h2 4986 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 4987> 4988 Modern and innovative <br /> 4989automations 4990</h2> <div 4991 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 4992 > 4993 <p><span data-sheets-value="{"1":2,"2":"Save time using automation, integration, and scenes. The house will take over some of your responsibilities."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Save time using automation, integration, and scenes. The house will take over some of your responsibilities.</span></p> 4994 4995 </div> 4996 </div> 4997 <div 4998 class="py-8 opacity-0" 4999 :class="{ 'animate-fade-in-up' : animated }" 5000 style="--animate-delay: 0.6s" 5001 > 5002 <h2 5003 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 5004> 5005 Professional and efficient <br /> 5006installation 5007</h2> <div 5008 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 5009 > 5010 <p><span data-sheets-value="{"1":2,"2":"Contact us and we will take care of the rest. Experts and certified installer
5010s will handle the implementation."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Contact us and we will take care of the rest. Experts and certified installers will handle the implementation.</span></p> 5011 5012 </div> 5013 </div> 5014 </div> 5015</div> 5016 </div> 5017</section> 5018 5019 5020<section 5021 class="relative wp-block-interactive-slider" 5022 id="slider-dom-Grenton" 5023 > 5024 5025 5026 <div class="relative z-20"> 5027 <div 5028 class="relative z-10 hidden md:block" 5029 ax-load 5030 x-data="seekbar" 5031 x-on:swiper-ready="initSeekbar($event.detail.swiper)" 5032 x-intersect.margin.-20%="seekbar.start()" 5033 x-on:set-slide=" 5034 seekbar.setSlide($event.detail); 5035 " 5036 > 5037 <div 5038 ax-load 5039 x-data="slider('', JSON.parse('{\u0022loop\u0022:false,\u0022rewind\u0022:true,\u0022effect\u0022:\u0022fade\u0022,\u0022fadeEffect\u0022:{\u0022crossFade\u0022:true},\u0022slidesPerView\u0022:1,\u0022spaceBetween\u0022:0,\u0022allowTouchMove\u0022:false}'), 1)" 5040 x-init="initSlider()" class="overflow-auto scrollbar-none" 5041 x-on:resize.window.debounce="showNav = !(swiper.isBeginning && swiper.isEnd)" 5042 x-on:scroll.self=" 5043 direction = $el.scrollLeft; 5044 $el.scrollLeft = 1; 5045 5046 if (!swiper) { 5047 return; 5048 } 5049 5050 if ($event.timeStamp - lastScroll < 50) { 5051 return; 5052 } 5053 5054 lastScroll = $event.timeStamp; 5055 5056 if (direction > 1) { 5057 swiper.slideNext(); 5058 } 5059 5060 if (direction < 1) { 5061 swiper.slidePrev(); 5062 } 5063 " 5064> 5065 <div 5066 class="relative z-10" 5067 > 5068 <div 5069 class="swiper-container overflow-hidden" 5070 x-ref="container" 5071> 5072 <div class="swiper-wrapper ease-snap"> 5073 <div class="swiper-slide"> 5074 <div class="relative z-10 w-full h-[80vh] text-white"> 5075 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/Dom_Grenton-2000x1100.jpg 2000w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-1400x770.jpg 1400w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-1200x660.jpg 1200w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-992x545.jpg 992w, https://grenton.com/app/uploads/2023/02/[email protected] 1984w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-768x422.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-576x316.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5076 5077 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5078 <h2 5079 class="text-lg w-[45rem]" 5080> 5081 Grenton Home 5082</h2> 5083 <div class="w-[25rem]"> 5084 Grenton Home will take over some of your responsibilities. 5085<br><br> 5086With home automation, replacing traditional installations and systems you have or plan, it’s easier than you think. Additionally, it’s convenient, economical, and safe. 5087 </div> 5088 </div> 5089 5090 5091 <div class="inline-block"> 5092 <button 5093 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 65%; top: 50%;" x-on:click="$dispatch('set-slide', 8)" 5094 > 5095 Garage 5096 5097 <svg 5098 xmlns="http://www.w3.org/2000/svg" 5099 viewBox="0 0 24 24" 5100 class="h-5 w-5 ml-4" 5101> 5102 <g> 5103 <path d="M0,0H24V24H0Z" fill="none"/> 5104 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5105 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5106 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5107 </g> 5108</svg> 5109 </button> 5110</div> 5111 5112 5113 <div class="inline-block"> 5114 <button 5115 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 35%; top: 60%;" x-on:click="$dispatch('set-slide', 1)" 5116 > 5117 Kitchen 5118 5119 <svg 5120 xmlns="http://www.w3.org/2000/svg" 5121 viewBox="0 0 24 24" 5122 class="h-5 w-5 ml-4" 5123> 5124 <g> 5125 <path d="M0,0H24V24H0Z" fill="none"/> 5126 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5127 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5128 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5129 </g> 5130</svg> 5131 </button> 5132</div> 5133 5134 5135 <div class="inline-block"> 5136 <button 5137 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 40%; top: 20%;" x-on:click="$dispatch('set-slide', 7)" 5138 > 5139 Bathroom 5140 5141 <svg 5142 xmlns="http://www.w3.org/2000/svg" 5143 viewBox="0 0 24 24" 5144 class="h-5 w-5 ml-4" 5145> 5146 <g> 5147 <path d="M0,0H24V24H0Z" fill="none"/> 5148 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5149 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5150 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5151 </g> 5152</svg> 5153 </button> 5154</div> 5155 5156 5157 <div class="inline-block"> 5158 <button 5159 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 67%; top: 30%;" x-on:click="$dispatch('set-slide', 2)" 5160 > 5161 Living Room 5162 5163 <svg 5164 xmlns="http://www.w3.org/2000/svg" 5165 viewBox="0 0 24 24" 5166 class="h-5 w-5 ml-4" 5167> 5168 <g> 5169 <path d="M0,0H24V24H0Z" fill="none"/> 5170 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5171 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5172 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5173 </g> 5174</svg> 5175 </button> 5176</div> 5177 5178 5179 <div class="inline-block"> 5180 <button 5181 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 60%; top: 10%;" x-on:click="$dispatch('set-slide', 5)" 5182 > 5183 Children's Room 5184 5185 <svg 5186 xmlns="http://www.w3.org/2000/svg" 5187 viewBox="0 0 24 24" 5188 class="h-5 w-5 ml-4" 5189> 5190 <g> 5191 <path d="M0,0H24V24H0Z" fill="none"/> 5192 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5193 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5194 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5195 </g> 5196</svg> 5197 </button> 5198</div> 5199 5200 5201 <div class="inline-block"> 5202 <button 5203 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 30%; top: 18%;" x-on:click="$dispatch('set-slide', 6)" 5204 > 5205 Home Office 5206 5207 <svg 5208 xmlns="http://www.w3.org/2000/svg" 5209 viewBox="0 0 24 24" 5210 class="h-5 w-5 ml-4" 5211> 5212 <g> 5213 <path d="M0,0H24V24H0Z" fill="none"/> 5214 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5215 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5216 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5217 </g> 5218</svg> 5219 </button> 5220</div> 5221 5222 5223 <div class="inline-block"> 5224 <button 5225 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 80%; top: 58%;" x-on:click="$dispatch('set-slide', 9)" 5226 > 5227 Garden 5228 5229 <svg 5230 xmlns="http://www.w3.org/2000/svg" 5231 viewBox="0 0 24 24" 5232 class="h-5 w-5 ml-4" 5233> 5234 <g> 5235 <path d="M0,0H24V24H0Z" fill="none"/> 5236 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5237 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5238 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5239 </g> 5240</svg> 5241 </button> 5242</div> 5243 5244 5245 <div class="inline-block"> 5246 <button 5247 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10" style="left: 50%; top: 50%;" x-on:click="$dispatch('set-slide', 3)" 5248 > 5249 Hallway 5250 5251 <svg 5252 xmlns="http://www.w3.org/2000/svg" 5253 viewBox="0 0 24 24" 5254 class="h-5 w-5 ml-4" 5255> 5256 <g> 5257 <path d="M0,0H24V24H0Z" fill="none"/> 5258 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5259 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5260 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5261 </g> 5262</svg> 5263 </button> 5264</div> 5265 5266 5267 <div class="inline-block"> 5268 <button 5269 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 1)" 5270 > 5271 Next Room 5272 5273 <svg 5274 xmlns="http://www.w3.org/2000/svg" 5275 viewBox="0 0 24 24" 5276 class="h-5 w-5 ml-4" 5277> 5278 <g> 5279 <path d="M0,0H24V24H0Z" fill="none"/> 5280 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5281 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5282 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5283 </g> 5284</svg> 5285 </button> 5286</div> 5287 5288 </div> 5289</div> <div class="swiper-slide"> 5290 <div class="relative z-10 w-full h-[80vh] text-dark"> 5291 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Kuchnia-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Kuchnia-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Kuchnia-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Kuchnia-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Kuchnia-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Kuchnia-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5292 5293 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5294 <h2
5295 class="text-lg w-[45rem]" 5296> 5297 Kitchen 5298</h2> 5299 <div class="w-[25rem]"> 5300 It’s the heart of every home. 5301<br><br> 5302Don’t worry about intense smells or inappropriate temperature. Automations will do it for you. Control household appliances, lighting, and ventilation using a panel integrated into the kitchen countertop. 5303 </div> 5304 </div> 5305 5306 5307 5308 <div class="inline-block"> 5309 <button 5310 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 30%; top: 50%;" 5311 > 5312 Lighting control 5313 </button> 5314</div> 5315 5316 5317 <div class="inline-block"> 5318 <button 5319 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 60%; top: 40%;" 5320 > 5321 Air quality monitoring 5322 </button> 5323</div> 5324 5325 5326 <div class="inline-block"> 5327 <button 5328 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 59%; top: 50%;" 5329 > 5330 Automatic hood activation upon detecting an unpleasant odor 5331 </button> 5332</div> 5333 5334 5335 <div class="inline-block"> 5336 <button 5337 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 70%;" 5338 > 5339 Reading data from sensors 5340 </button> 5341</div> 5342 5343 5344 <div class="inline-block"> 5345 <button 5346 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 10%; top: 65%;" 5347 > 5348 Multimedia control 5349 </button> 5350</div> 5351 5352 <div class="inline-block"> 5353 <button 5354 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 0)" 5355 > 5356 Previous Room 5357 5358 <svg 5359 xmlns="http://www.w3.org/2000/svg" 5360 viewBox="0 0 24 24" 5361 class="h-5 w-5 ml-4" 5362> 5363 <g> 5364 <path d="M24,24H0V0h24V24z" fill="none"/> 5365 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5366 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5367 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5368 </g> 5369</svg> 5370 </button> 5371</div> 5372 5373 5374 <div class="inline-block"> 5375 <button 5376 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 2)" 5377 > 5378 Next Room 5379 5380 <svg 5381 xmlns="http://www.w3.org/2000/svg" 5382 viewBox="0 0 24 24" 5383 class="h-5 w-5 ml-4" 5384> 5385 <g> 5386 <path d="M0,0H24V24H0Z" fill="none"/> 5387 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5388 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5389 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5390 </g> 5391</svg> 5392 </button> 5393</div> 5394 5395 </div> 5396</div> <div class="swiper-slide"> 5397 <div class="relative z-10 w-full h-[80vh] text-white"> 5398 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Salon_ll-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Salon_ll-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Salon_ll-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Salon_ll-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Salon_ll-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Salon_ll-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5399 5400 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5401 <h2
5402 class="text-lg w-[45rem]" 5403> 5404 Living Room 5405</h2> 5406 <div class="w-[25rem]"> 5407 Your entertainment center in the Grenton Home. 5408<br><br> 5409Relax without getting up from the couch. Manage all home functions using the mobile application. Listen to music and watch movies in comfortable conditions. 5410 </div> 5411 </div> 5412 5413 5414 5415 <div class="inline-block"> 5416 <button 5417 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 40%; top: 40%;" 5418 > 5419 Cinema scene 5420 </button> 5421</div> 5422 5423 5424 <div class="inline-block"> 5425 <button 5426 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 60%;" 5427 > 5428 Control of audio-visual devices 5429 </button> 5430</div> 5431 5432 5433 <div class="inline-block"> 5434 <button 5435 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 80%; top: 5%;" 5436 > 5437 Lighting control 5438 </button> 5439</div> 5440 5441 5442 <div class="inline-block"> 5443 <button 5444 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 50%;" 5445 > 5446 Air quality monitoring 5447 </button> 5448</div> 5449 5450 5451 <div class="inline-block"> 5452 <button 5453 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 10%; top: 60%;" 5454 > 5455 Multimedia control 5456 </button> 5457</div> 5458 5459 <div class="inline-block"> 5460 <button 5461 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 1)" 5462 > 5463 Previous Room 5464 5465 <svg 5466 xmlns="http://www.w3.org/2000/svg" 5467 viewBox="0 0 24 24" 5468 class="h-5 w-5 ml-4" 5469> 5470 <g> 5471 <path d="M24,24H0V0h24V24z" fill="none"/> 5472 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5473 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5474 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5475 </g> 5476</svg> 5477 </button> 5478</div> 5479 5480 5481 <div class="inline-block"> 5482 <button 5483 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 3)" 5484 > 5485 Next Room 5486 5487 <svg 5488 xmlns="http://www.w3.org/2000/svg" 5489 viewBox="0 0 24 24" 5490 class="h-5 w-5 ml-4" 5491> 5492 <g> 5493 <path d="M0,0H24V24H0Z" fill="none"/> 5494 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5495 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5496 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5497 </g> 5498</svg> 5499 </button> 5500</div> 5501 5502 5503 5504 <div class="inline-block"> 5505 <button 5506 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 39%; top: 60%;" 5507 > 5508 Integration of multimedia with lighting 5509 </button> 5510</div> 5511 5512 5513 <div class="inline-block"> 5514 <button 5515 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 60%; top: 30%;" 5516 > 5517 Controlling temperature, speed, setting blinds, and the air conditioner 5518 </button> 5519</div> 5520 </div> 5521</div> <div class="swiper-slide"> 5522 <div class="relative z-10 w-full h-[80vh] text-white"> 5523 <img width="3840px" height="2160px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/hol-2000x1125.jpg 2000w, https://grenton.com/app/uploads/2023/02/hol-1400x787.jpg 1400w, https://grenton.com/app/uploads/2023/02/[email protected] 2800w, https://grenton.com/app/uploads/2023/02/hol-1200x675.jpg 1200w, https://grenton.com/app/uploads/2023/02/[email protected] 2400w, https://grenton.com/app/uploads/2023/02/hol-992x558.jpg 992w, https://grenton.com/app/uploads/2023/02/[email protected] 1984w, https://grenton.com/app/uploads/2023/02/hol-768x432.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/hol-576x324.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5524 5525 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5526 <h2
5527 class="text-lg w-[45rem]" 5528> 5529 Hallway 5530</h2> 5531 <div class="w-[25rem]"> 5532 The hallway is the hallmark of a safe home. 5533<br><br> 5534Here, the doors open automatically. The house welcomes you with the “greeting scene” after you return from work, and your favorite music turns on automatically to brighten your day. 5535 </div> 5536 </div> 5537 5538 5539 5540 <div class="inline-block"> 5541 <button 5542 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 60%;" 5543 > 5544 Smart Lock 5545 </button> 5546</div> 5547 5548 5549 <div class="inline-block"> 5550 <button 5551 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 40%; top: 45%;" 5552 > 5553 Automatic alarm arming 5554 </button> 5555</div> 5556 5557 5558 <div class="inline-block"> 5559 <button 5560 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 40%; top: 30%;" 5561 > 5562 Exit scene 5563 </button> 5564</div> 5565 5566 5567 <div class="inline-block"> 5568 <button 5569 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 10%; top: 60%;" 5570 > 5571 Automatic temperature adjustment based on presence 5572 </button> 5573</div> 5574 5575 <div class="inline-block"> 5576 <button 5577 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 2)" 5578 > 5579 Previous Room 5580 5581 <svg 5582 xmlns="http://www.w3.org/2000/svg" 5583 viewBox="0 0 24 24" 5584 class="h-5 w-5 ml-4" 5585> 5586 <g> 5587 <path d="M24,24H0V0h24V24z" fill="none"/> 5588 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5589 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5590 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5591 </g> 5592</svg> 5593 </button> 5594</div> 5595 5596 5597 <div class="inline-block"> 5598 <button 5599 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 4)" 5600 > 5601 Next Room 5602 5603 <svg 5604 xmlns="http://www.w3.org/2000/svg" 5605 viewBox="0 0 24 24" 5606 class="h-5 w-5 ml-4" 5607> 5608 <g> 5609 <path d="M0,0H24V24H0Z" fill="none"/> 5610 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5611 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5612 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5613 </g> 5614</svg> 5615 </button> 5616</div> 5617 5618 5619 5620 <div class="inline-block"> 5621 <button 5622 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 80%; top: 30%;" 5623 > 5624 Control of recuperator operation 5625 </button> 5626</div> 5627 5628 5629 <div class="inline-block"> 5630 <button 5631 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 70%;" 5632 > 5633 Presence simulation during absence 5634 </button> 5635</div> 5636 </div> 5637</div> <div class="swiper-slide"> 5638 <div class="relative z-10 w-full h-[80vh] text-dark"> 5639 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Sypialnia_ll-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5640 5641 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5642 <h2
5643 class="text-lg w-[45rem]" 5644> 5645 Bedroom 5646</h2> 5647 <div class="w-[25rem]"> 5648 With care for a comfortable rest. 5649<br><br> 5650Here, music wakes you up automatically, and the roller shutters rise on their own on a sunny morning. From here, you control the entire house, but above all, this is where you relax. 5651 </div> 5652 </div> 5653 5654 5655 5656 <div class="inline-block"> 5657 <button 5658 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 80%; top: 50%;" 5659 > 5660 Control of HVAC devices 5661 </button> 5662</div> 5663 5664 5665 <div class="inline-block"> 5666 <button 5667 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 40%;" 5668 > 5669 Lighting control 5670 </button> 5671</div> 5672 5673 5674 <div class="inline-block"> 5675 <button 5676 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 15%; top: 60%;" 5677 > 5678 Ambient lighting scenes 5679 </button> 5680</div> 5681 5682 5683 <div class="inline-block"> 5684 <button 5685 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 80%; top: 50%;" 5686 > 5687 Control of blinds and adjusting the angle of the slats 5688 </button> 5689</div> 5690 5691 <div class="inline-block"> 5692 <button 5693 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 3)" 5694 > 5695 Previous Room 5696 5697 <svg 5698 xmlns="http://www.w3.org/2000/svg" 5699 viewBox="0 0 24 24" 5700 class="h-5 w-5 ml-4" 5701> 5702 <g> 5703 <path d="M24,24H0V0h24V24z" fill="none"/> 5704 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5705 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5706 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5707 </g> 5708</svg> 5709 </button> 5710</div> 5711 5712 5713 <div class="inline-block"> 5714 <button 5715 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 5)" 5716 > 5717 Next Room 5718 5719 <svg 5720 xmlns="http://www.w3.org/2000/svg" 5721 viewBox="0 0 24 24" 5722 class="h-5 w-5 ml-4" 5723> 5724 <g> 5725 <path d="M0,0H24V24H0Z" fill="none"/> 5726 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5727 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5728 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5729 </g> 5730</svg> 5731 </button> 5732</div> 5733 5734 5735 5736 <div class="inline-block"> 5737 <button 5738 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 70%;" 5739 > 5740 Cooling rooms by closing roller shutters 5741 </button> 5742</div> 5743 5744 5745 <div class="inline-block"> 5746 <button 5747 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 60%; top: 20%;" 5748 > 5749 Speaker grouping/ungrouping capability 5750 </button> 5751</div> 5752 </div> 5753</div> <div class="swiper-slide"> 5754 <div class="relative z-10 w-full h-[80vh] text-white"> 5755 <img width="2000px" height="2000px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-2000x2000.png 2000w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-1400x1400.png 1400w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-1200x1200.png 1200w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-992x992.png 992w, https://grenton.com/app/uploads/2023/03/[email protected] 1984w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-768x768.png 768w, https://grenton.com/app/uploads/2023/03/[email protected] 1536w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-576x576.png 576w, https://grenton.com/app/uploads/2023/03/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5756 5757 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5758 <h2
5759 class="text-lg w-[45rem]" 5760> 5761 Children’s Room 5762</h2> 5763 <div class="w-[25rem]"> 5764 Caring for the youngest ones. 5765<br><br> 5766Thanks to sensors, automation, and integrations, your children always have the ideal climate in their room – both for play and for study. 5767 </div> 5768 </div> 5769 5770 5771 5772 <div class="inline-block"> 5773 <button 5774 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 30%; top: 30%;" 5775 > 5776 Air quality monitoring and sending notifications if standards are exceeded 5777 </button> 5778</div> 5779 5780 5781 <div class="inline-block"> 5782 <button 5783 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 80%; top: 40%;" 5784 > 5785 Monitoring the status of devices in the room 5786 </button> 5787</div> 5788 5789 <div class="inline-block"> 5790 <button 5791 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 4)" 5792 > 5793 Previous Room 5794 5795 <svg 5796 xmlns="http://www.w3.org/2000/svg" 5797 viewBox="0 0 24 24" 5798 class="h-5 w-5 ml-4" 5799> 5800 <g> 5801 <path d="M24,24H0V0h24V24z" fill="none"/> 5802 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5803 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5804 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5805 </g> 5806</svg> 5807 </button> 5808</div> 5809 5810 5811 <div class="inline-block"> 5812 <button 5813 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 6)" 5814 > 5815 Next Room 5816 5817 <svg 5818 xmlns="http://www.w3.org/2000/svg" 5819 viewBox="0 0 24 24" 5820 class="h-5 w-5 ml-4" 5821> 5822 <g> 5823 <path d="M0,0H24V24H0Z" fill="none"/> 5824 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5825 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5826 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5827 </g> 5828</svg> 5829 </button> 5830</div> 5831 5832 5833 5834 <div class="inline-block"> 5835 <button 5836 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 68%; top: 50%;" 5837 > 5838 Sending notifications to the phone upon motion detection 5839 </button> 5840</div> 5841 5842 5843 <div class="inline-block"> 5844 <button 5845 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 40%; top: 68%;" 5846 >
5847 Viewing camera feeds in the app 5848 </button> 5849</div> 5850 </div> 5851</div> <div class="swiper-slide"> 5852 <div class="relative z-10 w-full h-[80vh] text-white"> 5853 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Gabinet-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Gabinet-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Gabinet-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Gabinet-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Gabinet-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Gabinet-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5854 5855 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5856 <h2 5857 class="text-lg w-[45rem]" 5858> 5859 Home Office 5860</h2> 5861 <div class="w-[25rem]"> 5862 Smart home for the home office. 5863<br><br> 5864Efficient remote work requires the right conditions. Open the wicket without interrupting your work. Grenton Home will make it possible for you. 5865 </div> 5866 </div> 5867 5868 5869 5870 <div class="inline-block"> 5871 <button 5872 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 40%; top: 70%;" 5873 > 5874 "Remote Work" scene 5875 </button> 5876</div> 5877 5878 5879 <div class="inline-block"> 5880 <button 5881 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 30%; top: 30%;" 5882 > 5883 Remote opening of wickets and gates 5884 </button> 5885</div> 5886 5887 <div class="inline-block"> 5888 <button 5889 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 5)" 5890 > 5891 Previous Room 5892 5893 <svg 5894 xmlns="http://www.w3.org/2000/svg" 5895 viewBox="0 0 24 24" 5896 class="h-5 w-5 ml-4" 5897> 5898 <g> 5899 <path d="M24,24H0V0h24V24z" fill="none"/> 5900 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5901 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5902 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5903 </g> 5904</svg> 5905 </button> 5906</div> 5907 5908 5909 <div class="inline-block"> 5910 <button 5911 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 82%; top: 80%;" x-on:click="$dispatch('set-slide', 7)" 5912 > 5913 Next Room 5914 5915 <svg 5916 xmlns="http://www.w3.org/2000/svg" 5917 viewBox="0 0 24 24" 5918 class="h-5 w-5 ml-4" 5919> 5920 <g> 5921 <path d="M0,0H24V24H0Z" fill="none"/> 5922 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5923 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5924 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 5925 </g> 5926</svg> 5927 </button> 5928</div> 5929 5930 5931 5932 <div class="inline-block"> 5933 <button 5934 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 30%;" 5935 >
5936 Integration with internal/external cameras 5937 </button> 5938</div> 5939 5940 5941 <div class="inline-block"> 5942 <button 5943 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 78%; top: 20%;" 5944 > 5945 Using speakers for threat alarms 5946 </button> 5947</div> 5948 5949 5950 <div class="inline-block"> 5951 <button 5952 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 50%;" 5953 > 5954 Integration of roller shutters/blinds with weather station and light intensity sensor 5955 </button> 5956</div> 5957 </div> 5958</div> <div class="swiper-slide"> 5959 <div class="relative z-10 w-full h-[80vh] text-dark"> 5960 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Lazienka-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Lazienka-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Lazienka-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Lazienka-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Lazienka-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Lazienka-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 5961 5962 <div class="absolute grid gap-5 z-10 top-20 left-20"> 5963 <h2 5964 class="text-lg w-[45rem]" 5965> 5966 Bathroom 5967</h2> 5968 <div class="w-[25rem]"> 5969 Enjoy individually set temperatures. 5970<br><br> 5971Grenton Home will ensure that, regardless of other rooms, an optimal temperature is maintained in the bathroom. It will also preheat your towel before you step into the shower. 5972 </div> 5973 </div> 5974 5975 5976 5977 <div class="inline-block"> 5978 <button 5979 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 50%;" 5980 > 5981 Automatic bathroom heating 5982 </button> 5983</div> 5984 5985 5986 <div class="inline-block"> 5987 <button 5988 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 30%; top: 80%;" 5989 > 5990 Excess energy used for water heating 5991 </button> 5992</div> 5993 5994 5995 <div class="inline-block"> 5996 <button 5997 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 60%; top: 70%;" 5998 > 5999 Humidity monitoring 6000 </button> 6001</div> 6002 6003 <div class="inline-block"> 6004 <button 6005 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 6)" 6006 > 6007 Previous Room 6008 6009 <svg 6010 xmlns="http://www.w3.org/2000/svg" 6011 viewBox="0 0 24 24" 6012 class="h-5 w-5 ml-4" 6013> 6014 <g> 6015 <path d="M24,24H0V0h24V24z" fill="none"/>
6016 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6017 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6018 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6019 </g> 6020</svg> 6021 </button> 6022</div> 6023 6024 6025 <div class="inline-block"> 6026 <button 6027 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 80%; top: 80%;" x-on:click="$dispatch('set-slide', 8)" 6028 > 6029 Next Room 6030 6031 <svg 6032 xmlns="http://www.w3.org/2000/svg" 6033 viewBox="0 0 24 24" 6034 class="h-5 w-5 ml-4" 6035> 6036 <g> 6037 <path d="M0,0H24V24H0Z" fill="none"/> 6038 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6039 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6040 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6041 </g> 6042</svg> 6043 </button> 6044</div> 6045 6046 6047 6048 <div class="inline-block"> 6049 <button 6050 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 10%;" 6051 > 6052 Automatic towel preheating and drying after bathing 6053 </button> 6054</div> 6055 </div> 6056</div> <div class="swiper-slide"> 6057 <div class="relative z-10 w-full h-[80vh] text-white"> 6058 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Garaz-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Garaz-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Garaz-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Garaz-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Garaz-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Garaz-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6059 6060 <div class="absolute grid gap-5 z-10 top-20 left-20"> 6061 <h2 6062 class="text-lg w-[45rem]" 6063> 6064 Garage 6065</h2> 6066 <div class="w-[25rem]"> 6067 With the driver in mind. 6068<br><br> 6069The Grenton Home will open the garage door and illuminate the driveway – especially for you. 6070 </div> 6071 </div> 6072 6073 6074 6075 <div class="inline-block"> 6076 <button 6077 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 28%; top: 80%;" 6078 > 6079 Automatic driveway lighting 6080 </button> 6081</div> 6082 6083 6084 <div class="inline-block"> 6085 <button 6086 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 30%; top: 70%;" 6087 > 6088 Heated driveway 6089 </button> 6090</div> 6091 6092 6093 <div class="inline-block"> 6094 <button 6095 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 50%;" 6096 > 6097 Smart EV charger 6098 </button> 6099</div> 6100 6101 <div class="inline-block"> 6102 <button 6103 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 10%; top: 80%;" x-on:click="$dispatch('set-slide', 7)" 6104 > 6105 Previous Room 6106 6107 <svg 6108 xmlns="http://www.w3.org/2000/svg" 6109 viewBox="0 0 24 24" 6110 class="h-5 w-5 ml-4" 6111> 6112 <g> 6113 <path d="M24,24H0V0h24V24z" fill="none"/>
6114 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6115 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6116 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6117 </g> 6118</svg> 6119 </button> 6120</div> 6121 6122 6123 <div class="inline-block"> 6124 <button 6125 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 81%; top: 80%;" x-on:click="$dispatch('set-slide', 9)" 6126 > 6127 Next Room 6128 6129 <svg 6130 xmlns="http://www.w3.org/2000/svg" 6131 viewBox="0 0 24 24" 6132 class="h-5 w-5 ml-4" 6133> 6134 <g> 6135 <path d="M0,0H24V24H0Z" fill="none"/> 6136 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6137 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6138 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6139 </g> 6140</svg> 6141 </button> 6142</div> 6143 6144 6145 6146 <div class="inline-block"> 6147 <button 6148 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 68%; top: 20%;" 6149 > 6150 Local system operation when Internet access is unavailable 6151 </button> 6152</div> 6153 6154 6155 <div class="inline-block"> 6156 <button 6157 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 60%; top: 70%;" 6158 > 6159 Control of entry/exit points and alarm zones 6160 </button> 6161</div> 6162 </div> 6163</div> <div class="swiper-slide"> 6164 <div class="relative z-10 w-full h-[80vh] text-white"> 6165 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ogrod-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Ogrod-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Ogrod-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Ogrod-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Ogrod-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Ogrod-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6166 6167 <div class="absolute grid gap-5 z-10 top-20 left-20"> 6168 <h2 6169 class="text-lg w-[45rem]" 6170> 6171 Garden 6172</h2> 6173 <div class="w-[25rem]"> 6174 A well-maintained garden without effort. 6175<br><br> 6176Turn on the mower without getting up from the couch. Check the rainwater level in the tank using the app. Forget about watering – Grenton will do it for you. Economically! 6177 </div> 6178 </div> 6179 6180 6181 6182 <div class="inline-block"> 6183 <button 6184 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 50%;" 6185 > 6186 Alarm activation via myGrenton app 6187 </button> 6188</div> 6189 6190 6191 <div class="inline-block"> 6192 <button 6193 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 50%; top: 79%;" 6194 > 6195 Control of devices based on weather station information 6196 </button> 6197</div> 6198 6199 <div class="inline-block"> 6200 <button 6201 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5 absolute z-10" style="left: 11%; top: 80%;" x-on:click="$dispatch('set-slide', 8)" 6202 > 6203 Previous Room 6204 6205 <svg 6206 xmlns="http://www.w3.org/2000/svg" 6207 viewBox="0 0 24 24" 6208 class="h-5 w-5 ml-4" 6209> 6210 <g> 6211 <path d="M24,24H0V0h24V24z" fill="none"/>
6212 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6213 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6214 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6215 </g> 6216</svg> 6217 </button> 6218</div> 6219 6220 6221 6222 <div class="inline-block"> 6223 <button 6224 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 40%; top: 60%;" 6225 > 6226 Integration with soil moisture sensor 6227 </button> 6228</div> 6229 6230 6231 <div class="inline-block"> 6232 <button 6233 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 30%;" 6234 > 6235 Automatic garden watering 6236 </button> 6237</div> 6238 6239 6240 <div class="inline-block"> 6241 <button 6242 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-primary text-white hover:bg-dark px-8 py-3.5 absolute z-10 pointer-events-none" style="left: 70%; top: 60%;" 6243 > 6244 Turning on facade lighting at sunset 6245 </button> 6246</div> 6247 </div> 6248</div> 6249 </div> 6250</div> 6251 </div> 6252</div> 6253 6254 <div class="absolute z-20 inset-x-0 bottom-0 pl-20 select-none"> 6255 <div class="flex z-10"> 6256 <div 6257 class="relative z-10 flex-grow h-14" 6258 data-duration="15" 6259 js-nav-item 6260 > 6261 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/Dom_Grenton-2000x1100.jpg 2000w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-1400x770.jpg 1400w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-1200x660.jpg 1200w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-992x545.jpg 992w, https://grenton.com/app/uploads/2023/02/[email protected] 1984w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-768x422.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/Dom_Grenton-576x316.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6262 6263 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6264 Intro 0:00 6265 </div> 6266 </div> 6267 6268 <div 6269 class="relative z-10 flex-grow h-14" 6270 data-duration="15" 6271 js-nav-item 6272 > 6273 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Kuchnia-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Kuchnia-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Kuchnia-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Kuchnia-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Kuchnia-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Kuchnia-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6274 6275 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6276 Kitchen 0:15 6277 </div> 6278 </div> 6279 6280 <div 6281 class="relative z-10 flex-grow h-14" 6282 data-duration="15" 6283 js-nav-item 6284 > 6285 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Salon_ll-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Salon_ll-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Salon_ll-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Salon_ll-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Salon_ll-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Salon_ll-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6286 6287 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6288 Living Room 0:30 6289 </div> 6290 </div> 6291 6292 <div 6293 class="relative z-10 flex-grow h-14" 6294 data-duration="15" 6295 js-nav-item 6296 > 6297 <img width="3840px" height="2160px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/hol-2000x1125.jpg 2000w, https://grenton.com/app/uploads/2023/02/hol-1400x787.jpg 1400w, https://grenton.com/app/uploads/2023/02/[email protected] 2800w, https://grenton.com/app/uploads/2023/02/hol-1200x675.jpg 1200w, https://grenton.com/app/uploads/2023/02/[email protected] 2400w, https://grenton.com/app/uploads/2023/02/hol-992x558.jpg 992w, https://grenton.com/app/uploads/2023/02/[email protected] 1984w, https://grenton.com/app/uploads/2023/02/hol-768x432.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/hol-576x324.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6298 6299 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6300 Hallway 0:45 6301 </div> 6302 </div> 6303 6304 <div 6305 class="relative z-10 flex-grow h-14" 6306 data-duration="15" 6307 js-nav-item 6308 > 6309 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Sypialnia_ll-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Sypialnia_ll-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6310 6311 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6312 Bedroom 1:00 6313 </div> 6314 </div> 6315 6316 <div 6317 class="relative z-10 flex-grow h-14" 6318 data-duration="15" 6319 js-nav-item 6320 > 6321 <img width="2000px" height="2000px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-2000x2000.png 2000w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-1400x1400.png 1400w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-1200x1200.png 1200w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-992x992.png 992w, https://grenton.com/app/uploads/2023/03/[email protected] 1984w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-768x768.png 768w, https://grenton.com/app/uploads/2023/03/[email protected] 1536w, https://grenton.com/app/uploads/2023/03/Pokoj_dzieciecy_dzien-576x576.png 576w, https://grenton.com/app/uploads/2023/03/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6322 6323 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6324 Children's Room 1:15 6325 </div> 6326 </div> 6327 6328 <div 6329 class="relative z-10 flex-grow h-14" 6330 data-duration="15" 6331 js-nav-item 6332 > 6333 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Gabinet-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Gabinet-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Gabinet-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Gabinet-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Gabinet-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Gabinet-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6334 6335 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6336 Home Office 1:30 6337 </div> 6338 </div> 6339 6340 <div 6341 class="relative z-10 flex-grow h-14" 6342 data-duration="15" 6343 js-nav-item 6344 > 6345 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Lazienka-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Lazienka-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Lazienka-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Lazienka-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Lazienka-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Lazienka-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6346 6347 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6348 Bathroom 1:45 6349 </div> 6350 </div> 6351 6352 <div 6353 class="relative z-10 flex-grow h-14" 6354 data-duration="15" 6355 js-nav-item 6356 > 6357 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Garaz-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Garaz-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Garaz-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Garaz-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Garaz-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Garaz-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6358 6359 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6360 Garage 2:00 6361 </div> 6362 </div> 6363 6364 <div 6365 class="relative z-10 flex-grow h-14" 6366 data-duration="15" 6367 js-nav-item 6368 > 6369 <img width="2000px" height="1100px" class="absolute inset-0 w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ogrod-2000x1100.webp 2000w, https://grenton.com/app/uploads/2023/01/Ogrod-1400x770.webp 1400w, https://grenton.com/app/uploads/2023/01/Ogrod-1200x660.webp 1200w, https://grenton.com/app/uploads/2023/01/Ogrod-992x545.webp 992w, https://grenton.com/app/uploads/2023/01/[email protected] 1984w, https://grenton.com/app/uploads/2023/01/Ogrod-768x422.webp 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Ogrod-576x316.webp 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6370 6371 <div class="absolute z-10 top-0 left-0 text-white text-sm font-light -translate-y-full cursor-pointer"> 6372 Garden 2:15 6373 </div> 6374 </div> 6375 6376 6377 <div 6378 class="absolute left-20 top-0 bottom-0 w-1 h-full bg-primary z-20 cursor-pointer" 6379 x-ref="seekbar" 6380 > 6381 <div class="absolute z-10 inset-y-0 -inset-x-3"> 6382 </div> 6383 </div> 6384 </div> 6385 </div> 6386 </div> 6387 6388 <div class="relative z-10 md:hidden py-20 aspect-[23/32]"> 6389 <div 6390 class="w-full px-5 md:px-20 relative z-20" 6391> 6392 <h2 6393 class="text-lg mb-16" 6394> 6395 Home with Grenton system will take over some of your responsibilities 6396</h2> 6397</div> 6398 6399 <div class="absolute inset-0 z-10"> 6400 <img width="699px" height="812px" class="w-full h-full object-cover lazyload" data-srcset="https://grenton.com/app/uploads/2023/04/DOM_Grenton_v2-1-e1683199983818-2000x2323.png 2000w, https://grenton.com/app/uploads/2023/04/DOM_Grenton_v2-1-e1683199983818-1400x1626.png 1400w, https://grenton.com/app/uploads/2023/04/DOM_Grenton_v2-1-e1683199983818-1200x1393.png 1200w, https://grenton.com/ap
6400p/uploads/2023/04/DOM_Grenton_v2-1-e1683199983818-992x1152.png 992w, https://grenton.com/app/uploads/2023/04/DOM_Grenton_v2-1-e1683199983818-768x892.png 768w, https://grenton.com/app/uploads/2023/04/DOM_Grenton_v2-1-e1683199983818-576x669.png 576w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6401 </div> 6402 </div> 6403 </div> 6404</section> 6405 6406 6407<section 6408 class="relative wp-block-flexible-section" data-text="" 6409 id="block_70fd37637d4dd0456afce7f20787f601" 6410 > 6411 6412 6413 <div class="relative z-20"> 6414 <div 6415 class="w-full px-5 md:px-20 flex flex-col items-center" 6416> 6417 <div class="text-light flexible-content flexible-content-speacer mb-12 md:mb-20"></div> 6418 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-12 md:mb-20"> 6419 <div class="inline-block"> 6420 <a 6421 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/for-your-home/grenton-home/" target="" id="" 6422 rel="noopener" 6423 > 6424 <span>Learn More</span> 6425 6426 <svg 6427 xmlns="http://www.w3.org/2000/svg" 6428 viewBox="0 0 24 24" 6429 class="h-5 w-5 ml-2 group-hover:text-inherit" 6430> 6431 <g> 6432 <path d="M0,0H24V24H0Z" fill="none"/> 6433 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6434 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6435 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6436 </g> 6437</svg> 6438 </a> 6439</div> 6440 </div> 6441</div> 6442 </div> 6443</section> 6444 6445 6446<section 6447 class="relative wp-block-heading" 6448 id="block_752495d76ed64a369f3781132df61564" 6449 > 6450 6451 6452 <div class="relative z-20"> 6453 <div 6454 class="w-full px-5 md:px-20" 6455> 6456 <div class="md:w-1/2 pb-2.5 md:pb-3 pt-12 md:pt-20"> 6457 <h2 6458 class="text-xl md:text-2xl" 6459> 6460 Functionalities, Benefits, and Products 6461</h2> </div> 6462</div> 6463 </div> 6464</section> 6465 6466 6467<div 6468 class="" 6469 x-data="{ 6470 tabs: [], 6471 activeTab: 0, 6472 openTab(idx) { 6473 this.activeTab = idx; 6474
6475 this.tabs.forEach(function(tab, i) { 6476 if (i === idx) { 6477 tab.classList.remove('hidden'); 6478 } else{ 6479 tab.classList.add('hidden'); 6480 } 6481 }); 6482 } 6483 }" 6484 x-init=" 6485 tabs = $el.querySelectorAll('[js-tab]'); 6486 openTab(0); 6487 " 6488 > 6489 <div 6490 class="w-full px-5 md:px-20 py-10 overflow-x-auto md:overflow-x-hidden text-right" 6491> 6492 <div class="inline-flex gap-16 md:justify-end text-sm font-light overflow-auto"> 6493 <div 6494 class="py-0.5 border-primary cursor-pointer select-none whitespace-nowrap" 6495 :class="{ 6496 'border-b': activeTab === 0 6497 }" 6498 x-on:click="openTab(0)" 6499 > 6500 Functionalities 6501 </div> 6502 <div 6503 class="py-0.5 border-primary cursor-pointer select-none whitespace-nowrap" 6504 :class="{ 6505 'border-b': activeTab === 1 6506 }" 6507 x-on:click="openTab(1)" 6508 > 6509 Benefits 6510 </div> 6511 <div 6512 class="py-0.5 border-primary cursor-pointer select-none whitespace-nowrap" 6513 :class="{ 6514 'border-b': activeTab === 2 6515 }" 6516 x-on:click="openTab(2)" 6517 > 6518 Products 6519 </div> 6520 </div> 6521</div> 6522 6523 <div> 6524 6525<div 6526 js-tab 6527 class="hidden" 6528> 6529 6530<section 6531 class="relative wp-block-slider py-16" 6532 id="block_caf2f782996370e7bda45aaa4e1c308c" 6533 > 6534 6535
6536 <div class="relative z-20"> 6537 <div 6538 class="w-full px-5 md:px-20" 6539> 6540 <div 6541 x-data="{ animated: false }" 6542 x-intersect.margin.-20%.once=" 6543 animated = true; 6544 $dispatch('slider-start', {name: 'block_caf2f782996370e7bda45aaa4e1c308c-slider'}) 6545 " 6546 > 6547 6548 <div 6549 ax-load 6550 x-data="sliderAlt('block_caf2f782996370e7bda45aaa4e1c308c-slider', 9, [])" 6551 class="relative -mx-5 md:x-0 md:px-32" x-on:slider-start.window="if ($event.detail.name !== name) { 6552 return; 6553 } 6554 6555 setAtStart();" 6556> 6557 <div 6558 class="flex overflow-x-auto scrollbar-none snap-x snap-mandatory pr-[20%] md:pr-0" 6559 x-ref="container" 6560 :class="{ 6561 'snap-x snap-mandatory': ! isDragging && ! settings.freeScroll, 6562 }" 6563> 6564 <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6565 <div 6566 class="opacity-0" 6567 :class="{ 'animate-fade-in-up' : animated }" 6568 style="--animate-delay: 0s" 6569 > 6570 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6571 <span class=""> 6572 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Lamp.svg" alt=""/> 6573 </span> 6574 6575 <span class="md:hidden"> 6576 6577 </span> 6578</div> <h3 6579 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6580> 6581 Lighting 6582</h3> <div 6583 class="wysiwyg text-md flexible-content flexible-content-content" 6584 > 6585 <p><span data-sheets-value="{"1":2,"2":"Automate lighting scenes, change the hue and intensity of the light. Control the lighting using an application or a touch panel."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Automate lighting scenes, change the hue and intensity of the light. Control the lighting using an application or a touch panel.</span></p> 6586 6587 </div> 6588 </div> 6589</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6590 <div 6591 class="opacity-0" 6592 :class="{ 'animate-fade-in-up' : animated }" 6593 style="--animate-delay: 0.3s" 6594 > 6595 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6596 <span class=""> 6597 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Temperature.svg" alt=""/> 6598 </span> 6599 6600 <span class="md:hidden"> 6601 6602 </span> 6603</div> <h3 6604 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6605> 6606 Temperature 6607</h3> <div 6608 class="wysiwyg text-md flexible-content flexible-content-content" 6609 > 6610 <p><span data-sheets-value="{"1":2,"2":"Remotely control the temperature with a mobile app. Heat rooms depending on the presence of household members."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Remotely control the temperature with a mobile app. Heat rooms depending on the presence of household members.</span></p> 6611 6612 </div> 6613 </div> 6614</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6615 <div 6616 class="opacity-0" 6617 :class="{ 'animate-fade-in-up' : animated }" 6618 style="--animate-delay: 0.6s" 6619 > 6620 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6621 <span class=""> 6622 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Blinds.svg" alt=""/> 6623 </span> 6624 6625 <span class="md:hidden"> 6626 6627 </span> 6628</div> <h3 6629 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6630> 6631 Roller Shutters 6632</h3> <div 6633 class="wysiwyg text-md flexible-content flexible-content-content" 6634 > 6635 <p><span data-sheets-value="{"1":2,"2":"Automatically cover windows when you leave the house. Adjust the slat angle and remotely control the blinds."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Automatically cover windows when you leave the house. Adjust the slat angle and remotely control the blinds.</span></p> 6636 6637 </div> 6638 </div> 6639</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
6640 <div 6641 class="opacity-0" 6642 :class="{ 'animate-fade-in-up' : animated }" 6643 style="--animate-delay: 0.9s" 6644 > 6645 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6646 <span class=""> 6647 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Power.svg" alt=""/> 6648 </span> 6649 6650 <span class="md:hidden"> 6651 6652 </span> 6653</div> <h3 6654 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6655> 6656 Energy Management 6657</h3> <div 6658 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 6659 > 6660 <p><span data-sheets-value="{"1":2,"2":"Automatically power the energy storage with a PV installation. In the evening, use the surplus and charge your car for free."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Automatically power the energy storage with a PV installation. In the evening, use the surplus and charge your car for free.</span></p> 6661 6662 </div> 6663 </div> 6664</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6665 <div 6666 class="opacity-0" 6667 :class="{ 'animate-fade-in-up' : animated }" 6668 style="--animate-delay: 1.2s" 6669 > 6670 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6671 <span class=""> 6672 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Alarm-.svg" alt=""/> 6673 </span> 6674 6675 <span class="md:hidden"> 6676 6677 </span> 6678</div> <h3 6679 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6680> 6681 Alarm Systems 6682</h3> <div 6683 class="wysiwyg text-md flexible-content flexible-content-content" 6684 > 6685 <p><span data-sheets-value="{"1":2,"2":"Secure and monitor the house in one mobile application, with one button. An alarm integrated with home automation is the standard."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Secure and monitor the house in one mobile application, with one button. An alarm integrated with home automation is the standard.</span></p> 6686 6687 </div> 6688 </div> 6689</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6690 <div 6691 class="opacity-0" 6692 :class="{ 'animate-fade-in-up' : animated }" 6693 style="--animate-delay: 1.5s" 6694 > 6695 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6696 <span class=""> 6697 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Remote.svg" alt=""/> 6698 </span> 6699 6700 <span class="md:hidden"> 6701 6702 </span> 6703</div> <h3 6704 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6705> 6706 Multimedia 6707</h3> <div 6708 class="wysiwyg text-md flexible-content flexible-content-content" 6709 > 6710 <p><span data-sheets-value="{"1":2,"2":"Use the \"home cinema\" scene. Control all multimedia from one application, change tracks, set the volume."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Use the “home cinema” scene. Control all multimedia from one application, change tracks, set the volume.</span></p> 6711 6712 </div> 6713 </div> 6714</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6715 <div 6716 class="opacity-0" 6717 :class="{ 'animate-fade-in-up' : animated }" 6718 style="--animate-delay: 1.8s" 6719 > 6720 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6721 <span class=""> 6722 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_HVAC-.svg" alt=""/> 6723 </span> 6724 6725 <span class="md:hidden"> 6726 6727 </span> 6728</div> <h3 6729 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6730> 6731 HVAC 6732</h3> <div 6733 class="wysiwyg text-md flexible-content flexible-content-content" 6734 > 6735 <p><span data-sheets-value="{"1":2,"2":"Automate the activation of the recuperator depending on the air quality. Conveniently control the pace of the air conditioning from the app."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Automate the activation of the recuperator depending on the air quality. Conveniently control the pace of the air conditioning from the app.</span></p> 6736 6737 </div> 6738 </div> 6739</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
6740 <div 6741 class="opacity-0" 6742 :class="{ 'animate-fade-in-up' : animated }" 6743 style="--animate-delay: 2.1s" 6744 > 6745 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6746 <span class=""> 6747 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Gate-.svg" alt=""/> 6748 </span> 6749 6750 <span class="md:hidden"> 6751 6752 </span> 6753</div> <h3 6754 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6755> 6756 Gates 6757</h3> <div 6758 class="wysiwyg text-md flexible-content flexible-content-content" 6759 > 6760 <p><span data-sheets-value="{"1":2,"2":"Automatically open the gate as you approach the property. Remotely open the wicket for the courier without interrupting your work."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Automatically open the gate as you approach the property. Remotely open the wicket for the courier without interrupting your work.</span></p> 6761 6762 </div> 6763 </div> 6764</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6765 <div 6766 class="opacity-0" 6767 :class="{ 'animate-fade-in-up' : animated }" 6768 style="--animate-delay: 2.4s" 6769 > 6770 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6771 <span class=""> 6772 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Ikony_www_640x640_3px_Garden.svg" alt=""/> 6773 </span> 6774 6775 <span class="md:hidden"> 6776 6777 </span> 6778</div> <h3 6779 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6780> 6781 Garden 6782</h3> <div 6783 class="wysiwyg text-md flexible-content flexible-content-content" 6784 > 6785 <p><span data-sheets-value="{"1":2,"2":"Take care of the garden without getting up from the couch. Check the soil moisture level in the app, turn on automatic watering."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Take care of the garden without getting up from the couch. Check the soil moisture level in the app, turn on automatic watering.</span></p> 6786 6787 </div> 6788 </div> 6789</div> 6790</div> 6791 <div 6792 x-show="showNav" 6793 class="flex items-center justify-center pt-5 md:pt-0 hidden md:block" 6794> 6795 <button 6796 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:left-0 md:top-1/2 md:-translate-y-full md:translate-x-1/2 md:px-5" x-on:click="prevSlide()" 6797> 6798 <svg 6799 xmlns="http://www.w3.org/2000/svg" 6800 viewBox="0 0 24 24" 6801 class="h-5 w-5 w-6 h-6" 6802> 6803 <g> 6804 <path d="M24,24H0V0h24V24z" fill="none"/> 6805 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6806 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6807 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6808 </g> 6809</svg> 6810</button> 6811 <button 6812 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:right-0 md:top-1/2 md:-translate-y-full md:-translate-x-1/2 md:px-5" x-on:click="nextSlide()" 6813> 6814 <svg 6815 xmlns="http://www.w3.org/2000/svg" 6816 viewBox="0 0 24 24" 6817 class="h-5 w-5 w-6 h-6" 6818> 6819 <g> 6820 <path d="M0,0H24V24H0Z" fill="none"/> 6821 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6822 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6823 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6824 </g> 6825</svg> 6826</button></div> 6827</div> </div> 6828</div> 6829 </div> 6830</section> 6831 6832 6833<section 6834 class="relative wp-block-flexible-section" data-text="" 6835 id="block_f48c1eb3a2bc46acb17bf72038d19d86" 6836 > 6837 6838
6839 <div class="relative z-20"> 6840 <div 6841 class="w-full px-5 md:px-20 flex flex-col items-center" 6842> 6843 6844</div> 6845 </div> 6846</section> 6847 6848 6849<section 6850 class="relative wp-block-flexible-section" data-text="" 6851 id="block_285e328786ebc863c34f1517a532a2d7" 6852 > 6853 6854 6855 <div class="relative z-20"> 6856 <div 6857 class="w-full px-5 md:px-20 flex flex-col items-center" 6858> 6859 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-7 md:mb-10"> 6860 <div class="inline-block"> 6861 <a 6862 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/your-home/functionalities/" target="" id="" 6863 rel="noopener" 6864 > 6865 <span>Discover Functionalities</span> 6866 6867 <svg 6868 xmlns="http://www.w3.org/2000/svg" 6869 viewBox="0 0 24 24" 6870 class="h-5 w-5 ml-2 group-hover:text-inherit" 6871> 6872 <g> 6873 <path d="M0,0H24V24H0Z" fill="none"/> 6874 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6875 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6876 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 6877 </g> 6878</svg> 6879 </a> 6880</div> 6881 </div> 6882 <div class="text-light flexible-content flexible-content-speacer mb-24 md:mb-32"></div> 6883</div> 6884 </div> 6885</section> 6886 6887 6888 6889<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"></div> 6890 6891 6892</div> 6893 6894<div 6895 js-tab 6896 class="hidden" 6897> 6898 6899<section 6900 class="relative wp-block-slider circle-images py-16" 6901 id="block_3d2d09203a658723f8e09e661ac4c281" 6902 > 6903 6904
6905 <div class="relative z-20"> 6906 <div 6907 class="w-full px-5 md:px-20" 6908> 6909 <div 6910 x-data="{ animated: false }" 6911 x-intersect.margin.-20%.once=" 6912 animated = true; 6913 $dispatch('slider-start', {name: 'block_3d2d09203a658723f8e09e661ac4c281-slider'}) 6914 " 6915 > 6916 6917 <div 6918 ax-load 6919 x-data="sliderAlt('block_3d2d09203a658723f8e09e661ac4c281-slider', 8, [])" 6920 class="relative -mx-5 md:x-0 md:px-32" x-on:slider-start.window="if ($event.detail.name !== name) { 6921 return; 6922 } 6923 6924 setAtStart();" 6925> 6926 <div 6927 class="flex overflow-x-auto scrollbar-none snap-x snap-mandatory pr-[20%] md:pr-0" 6928 x-ref="container" 6929 :class="{ 6930 'snap-x snap-mandatory': ! isDragging && ! settings.freeScroll, 6931 }" 6932> 6933 <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6934 <div 6935 class="opacity-0" 6936 :class="{ 'animate-fade-in-up' : animated }" 6937 style="--animate-delay: 0s" 6938 > 6939 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6940 <span class=""> 6941 <img style="width: 541.000000rem; height: auto" width="8656px" height="5304px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/shutterstock_1736248583_app-666x408.jpg 666w, https://grenton.com/app/uploads/2023/01/[email protected] 1332w, https://grenton.com/app/uploads/2023/01/shutterstock_1736248583_app-466x285.jpg 466w, https://grenton.com/app/uploads/2023/01/[email protected] 932w, https://grenton.com/app/uploads/2023/01/shutterstock_1736248583_app-400x245.jpg 400w, https://grenton.com/app/uploads/2023/01/[email protected] 800w, https://grenton.com/app/uploads/2023/01/shutterstock_1736248583_app-330x202.jpg 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/shutterstock_1736248583_app-768x470.jpg 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/shutterstock_1736248583_app-576x352.jpg 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6942 </span> 6943 6944 <span class="md:hidden"> 6945 6946 </span> 6947</div> <h3 6948 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6949> 6950 Comfort 6951</h3> <div 6952 class="wysiwyg text-md flexible-content flexible-content-content" 6953 > 6954 <p><span data-sheets-value="{"1":2,"2":"Control from anywhere with the app. At home, use the stylish touch panels."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Control from anywhere with the app. At home, use the stylish touch panels.</span></p> 6955 6956 </div> 6957 </div> 6958</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 6959 <div 6960 class="opacity-0" 6961 :class="{ 'animate-fade-in-up' : animated }" 6962 style="--animate-delay: 0.3s" 6963 > 6964 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6965 <span class=""> 6966 <img style="width: 120.000000rem; height: auto" width="1920px" height="1282px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/oszczednoscczasu-666x444.jpg 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/oszczednoscczasu-466x311.jpg 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/oszczednoscczasu-400x267.jpg 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/oszczednoscczasu-330x220.jpg 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/oszczednoscczasu-768x512.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/oszczednoscczasu-576x384.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6967 </span> 6968 6969 <span class="md:hidden"> 6970 6971 </span> 6972</div> <h3 6973 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6974> 6975 Time Savings 6976</h3> <div 6977 class="wysiwyg text-md flexible-content flexible-content-content" 6978 > 6979 <p><span data-sheets-value="{"1":2,"2":"Scenes will save your time by replacing you in performing repetitive tasks."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Scenes will save your time by replacing you in performing repetitive tasks.</span></p> 6980 6981 </div> 6982 </div> 6983</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
6984 <div 6985 class="opacity-0" 6986 :class="{ 'animate-fade-in-up' : animated }" 6987 style="--animate-delay: 0.6s" 6988 > 6989 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 6990 <span class=""> 6991 <img style="width: 307.000000rem; height: auto" width="4912px" height="3264px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/shutterstock_294222383-666x442.jpg 666w, https://grenton.com/app/uploads/2023/01/[email protected] 1332w, https://grenton.com/app/uploads/2023/01/shutterstock_294222383-466x309.jpg 466w, https://grenton.com/app/uploads/2023/01/[email protected] 932w, https://grenton.com/app/uploads/2023/01/shutterstock_294222383-400x265.jpg 400w, https://grenton.com/app/uploads/2023/01/[email protected] 800w, https://grenton.com/app/uploads/2023/01/shutterstock_294222383-330x219.jpg 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/shutterstock_294222383-768x510.jpg 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/shutterstock_294222383-576x382.jpg 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 6992 </span> 6993 6994 <span class="md:hidden"> 6995 6996 </span> 6997</div> <h3 6998 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 6999> 7000 Money Savings 7001</h3> <div 7002 class="wysiwyg text-md flexible-content flexible-content-content" 7003 > 7004 <p><span data-sheets-value="{"1":2,"2":"Save money with home automation. Pay lower bills and take care of your wallet."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Save money with home automation. Pay lower bills and take care of your wallet.</span></p> 7005 7006 </div> 7007 </div> 7008</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7009 <div 7010 class="opacity-0" 7011 :class="{ 'animate-fade-in-up' : animated }" 7012 style="--animate-delay: 0.9s" 7013 > 7014 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7015 <span class=""> 7016 <img style="width: 93.750000rem; height: auto" width="1500px" height="1001px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Bezpieczenstwo-666x444.jpg 666w, https://grenton.com/app/uploads/2023/01/[email protected] 1332w, https://grenton.com/app/uploads/2023/01/Bezpieczenstwo-466x310.jpg 466w, https://grenton.com/app/uploads/2023/01/[email protected] 932w, https://grenton.com/app/uploads/2023/01/Bezpieczenstwo-400x266.jpg 400w, https://grenton.com/app/uploads/2023/01/[email protected] 800w, https://grenton.com/app/uploads/2023/01/Bezpieczenstwo-330x220.jpg 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/Bezpieczenstwo-768x512.jpg 768w, https://grenton.com/app/uploads/2023/01/Bezpieczenstwo-576x384.jpg 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7017 </span> 7018 7019 <span class="md:hidden"> 7020 7021 </span> 7022</div> <h3 7023 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7024> 7025 Security 7026</h3> <div 7027 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7028 > 7029 <p><span data-sheets-value="{"1":2,"2":"Receive notifications and automatic water shut-off when flooding is detected."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Receive notifications and automatic water shut-off when flooding is detected.</span></p> 7030 7031 </div> 7032 </div> 7033</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
7034 <div 7035 class="opacity-0" 7036 :class="{ 'animate-fade-in-up' : animated }" 7037 style="--animate-delay: 1.2s" 7038 > 7039 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7040 <span class=""> 7041 <img style="width: 65.000000rem; height: auto" width="1040px" height="1040px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/05/Grenton_Standardem_Profesjonalisci_1040x1040-1-666x666.png 666w, https://grenton.com/app/uploads/2023/05/Grenton_Standardem_Profesjonalisci_1040x1040-1-466x466.png 466w, https://grenton.com/app/uploads/2023/05/[email protected] 932w, https://grenton.com/app/uploads/2023/05/Grenton_Standardem_Profesjonalisci_1040x1040-1-400x400.png 400w, https://grenton.com/app/uploads/2023/05/[email protected] 800w, https://grenton.com/app/uploads/2023/05/Grenton_Standardem_Profesjonalisci_1040x1040-1-330x330.png 330w, https://grenton.com/app/uploads/2023/05/[email protected] 660w, https://grenton.com/app/uploads/2023/05/Grenton_Standardem_Profesjonalisci_1040x1040-1-768x768.png 768w, https://grenton.com/app/uploads/2023/05/Grenton_Standardem_Profesjonalisci_1040x1040-1-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7042 </span> 7043 7044 <span class="md:hidden"> 7045 7046 </span> 7047</div> <h3 7048 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7049> 7050 Reliability 7051</h3> <div 7052 class="wysiwyg text-md flexible-content flexible-content-content" 7053 > 7054 <p><span data-sheets-value="{"1":2,"2":"Professional installation and the unique Distributed Logic technology ensure stable system operation."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Professional installation and the unique Distributed Logic technology ensure stable system operation.</span></p> 7055<p> </p> 7056 7057 </div> 7058 </div> 7059</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7060 <div 7061 class="opacity-0" 7062 :class="{ 'animate-fade-in-up' : animated }" 7063 style="--animate-delay: 1.5s" 7064 > 7065 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7066 <span class=""> 7067 <img style="width: 28.750000rem; height: auto" width="460px" height="530px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/04/Dopasowany_do_Twoich_potrzeb_Korzysci_460x530-666x767.png 666w, https://grenton.com/app/uploads/2023/04/Dopasowany_do_Twoich_potrzeb_Korzysci_460x530-466x536.png 466w, https://grenton.com/app/uploads/2023/04/Dopasowany_do_Twoich_potrzeb_Korzysci_460x530-400x460.png 400w, https://grenton.com/app/uploads/2023/04/Dopasowany_do_Twoich_potrzeb_Korzysci_460x530-330x380.png 330w, https://grenton.com/app/uploads/2023/04/Dopasowany_do_Twoich_potrzeb_Korzysci_460x530-768x884.png 768w, https://grenton.com/app/uploads/2023/04/Dopasowany_do_Twoich_potrzeb_Korzysci_460x530-576x663.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7068 </span> 7069 7070 <span class="md:hidden"> 7071 7072 </span> 7073</div> <h3 7074 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7075> 7076 Personalization 7077</h3> <div 7078 class="wysiwyg text-md flexible-content flexible-content-content" 7079 > 7080 <p><span data-sheets-value="{"1":2,"2":"Functionalities tailored to you and the personalized application for home management."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Functionalities tailored to you and the personalized application for home management.</span></p> 7081 7082 </div> 7083 </div> 7084</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
7085 <div 7086 class="opacity-0" 7087 :class="{ 'animate-fade-in-up' : animated }" 7088 style="--animate-delay: 1.8s" 7089 > 7090 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7091 <span class=""> 7092 <img style="width: 142.250000rem; height: auto" width="2276px" height="2470px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/panele-666x722.jpg 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/panele-466x505.jpg 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/panele-400x434.jpg 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/panele-330x358.jpg 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/panele-768x833.jpg 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/panele-576x625.jpg 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7093 </span> 7094 7095 <span class="md:hidden"> 7096 7097 </span> 7098</div> <h3 7099 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7100> 7101 Design 7102</h3> <div 7103 class="wysiwyg text-md flexible-content flexible-content-content" 7104 > 7105 <p><span data-sheets-value="{"1":2,"2":"Modern and functional touch panels instead of traditional switches."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Modern and functional touch panels instead of traditional switches.</span></p> 7106 7107 </div> 7108 </div> 7109</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7110 <div 7111 class="opacity-0" 7112 :class="{ 'animate-fade-in-up' : animated }" 7113 style="--animate-delay: 2.1s" 7114 > 7115 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7116 <span class=""> 7117 <img style="width: 128.000000rem; height: auto" width="2048px" height="1365px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Grenton-Podkowa-Lesna-55-666x443.jpg 666w, https://grenton.com/app/uploads/2023/01/[email protected] 1332w, https://grenton.com/app/uploads/2023/01/Grenton-Podkowa-Lesna-55-466x310.jpg 466w, https://grenton.com/app/uploads/2023/01/[email protected] 932w, https://grenton.com/app/uploads/2023/01/Grenton-Podkowa-Lesna-55-400x266.jpg 400w, https://grenton.com/app/uploads/2023/01/[email protected] 800w, https://grenton.com/app/uploads/2023/01/Grenton-Podkowa-Lesna-55-330x219.jpg 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/Grenton-Podkowa-Lesna-55-768x511.jpg 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/Grenton-Podkowa-Lesna-55-576x383.jpg 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7118 </span> 7119 7120 <span class="md:hidden"> 7121 7122 </span> 7123</div> <h3 7124 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7125> 7126 Comprehensive Offer 7127</h3> <div 7128 class="wysiwyg text-md flexible-content flexible-content-content" 7129 > 7130 <p><span data-sheets-value="{"1":2,"2":"Receive support at every stage of construction. The Grenton installer will install not only smart home features!"}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Receive support at every stage of construction. The Grenton installer will install not only smart home features!</span></p> 7131 7132 </div> 7133 </div> 7134</div> 7135</div> 7136 <div 7137 x-show="showNav" 7138 class="flex items-center justify-center pt-5 md:pt-0 hidden md:block" 7139> 7140 <button 7141 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:left-0 md:top-1/2 md:-translate-y-full md:translate-x-1/2 md:px-5" x-on:click="prevSlide()" 7142> 7143 <svg 7144 xmlns="http://www.w3.org/2000/svg" 7145 viewBox="0 0 24 24" 7146 class="h-5 w-5 w-6 h-6" 7147> 7148 <g> 7149 <path d="M24,24H0V0h24V24z" fill="none"/>
7150 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7151 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7152 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7153 </g> 7154</svg> 7155</button> 7156 <button 7157 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:right-0 md:top-1/2 md:-translate-y-full md:-translate-x-1/2 md:px-5" x-on:click="nextSlide()" 7158> 7159 <svg 7160 xmlns="http://www.w3.org/2000/svg" 7161 viewBox="0 0 24 24" 7162 class="h-5 w-5 w-6 h-6" 7163> 7164 <g> 7165 <path d="M0,0H24V24H0Z" fill="none"/> 7166 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7167 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7168 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7169 </g> 7170</svg> 7171</button></div> 7172</div> </div> 7173</div> 7174 </div> 7175</section> 7176 7177 7178<section 7179 class="relative wp-block-flexible-section" data-text="" 7180 id="block_6ad4c90e2e05317f85d88f89829e1ddb" 7181 > 7182 7183 7184 <div class="relative z-20"> 7185 <div 7186 class="w-full px-5 md:px-20 flex flex-col items-center" 7187> 7188 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-7 md:mb-10"> 7189 <div class="inline-block"> 7190 <a 7191 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/your-home/benefits/" target="" id="" 7192 rel="noopener" 7193 > 7194 <span>Discover Benefits</span> 7195 7196 <svg 7197 xmlns="http://www.w3.org/2000/svg" 7198 viewBox="0 0 24 24" 7199 class="h-5 w-5 ml-2 group-hover:text-inherit" 7200> 7201 <g> 7202 <path d="M0,0H24V24H0Z" fill="none"/> 7203 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7204 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7205 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7206 </g> 7207</svg> 7208 </a> 7209</div> 7210 </div> 7211 <div class="text-light flexible-content flexible-content-speacer mb-24 md:mb-32"></div> 7212</div> 7213 </div> 7214</section> 7215 7216 7217</div> 7218 7219<div 7220 js-tab 7221 class="hidden" 7222> 7223 7224<section 7225 class="relative wp-block-slider py-16" 7226 id="block_576148a47637d134439da85f00f41901" 7227 > 7228 7229 7230 <div class="relative z-20"> 7231 <div 7232 class="w-full px-5 md:px-20" 7233> 7234 <div 7235 x-data="{ animated: false }" 7236 x-intersect.margin.-20%.once=" 7237 animated = true; 7238 $dispatch('slider-start', {name: 'block_576148a47637d134439da85f00f41901-slider'}) 7239 " 7240 > 7241 7242 <div 7243 ax-load 7244 x-data="sliderAlt('block_576148a47637d134439da85f00f41901-slider', 7, [])" 7245 class="relative -mx-5 md:x-0 md:px-32" x-on:slider-start.window="if ($event.detail.name !== name) { 7246 return; 7247 } 7248 7249 setAtStart();" 7250> 7251 <div 7252 class="flex overflow-x-auto scrollbar-none snap-x snap-mandatory pr-[20%] md:pr-0" 7253 x-ref="container" 7254 :class="{ 7255 'snap-x snap-mandatory': ! isDragging && ! settings.freeScroll, 7256 }" 7257> 7258 <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7259 <div 7260 class="opacity-0" 7261 :class="{ 'animate-fade-in-up' : animated }" 7262 style="--animate-delay: 0s" 7263 > 7264 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7265 <span class=""> 7266 <img style="width: 125.000000rem; height: auto" width="2000px" height="2000px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/RENDER_DIN4_CLU_B-1-min-666x666.png 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/RENDER_DIN4_CLU_B-1-min-466x466.png 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/RENDER_DIN4_CLU_B-1-min-400x400.png 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/RENDER_DIN4_CLU_B-1-min-330x330.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/RENDER_DIN4_CLU_B-1-min-768x768.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/RENDER_DIN4_CLU_B-1-min-576x576.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7267 </span> 7268 7269 <span class="md:hidden"> 7270 7271 </span> 7272</div> <h3 7273 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7274> 7275 CLU Z-Wave 7276</h3> <div 7277 class="wysiwyg text-sm font-light flexible-content flexible-content-content" 7278 > 7279 <p><span data-sheets-value="{"1":2,"2":"The heart of your Grenton Home."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">The heart of your Grenton Home.</span></p> 7280 7281 </div> 7282 </div> 7283</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
7284 <div 7285 class="opacity-0" 7286 :class="{ 'animate-fade-in-up' : animated }" 7287 style="--animate-delay: 0.3s" 7288 > 7289 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7290 <span class=""> 7291 <img style="width: 125.000000rem; height: auto" width="2000px" height="2000px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-666x666.png 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-466x466.png 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-400x400.png 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-330x330.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-768x768.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-576x576.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7292 </span> 7293 7294 <span class="md:hidden"> 7295 7296 </span> 7297</div> <h3 7298 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7299> 7300 Smart Panel Black 7301</h3> <div 7302 class="wysiwyg text-sm font-light flexible-content flexible-content-content" 7303 > 7304 <p><span data-sheets-value="{"1":2,"2":"Get rid of classic switches."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Get rid of classic switches.</span></p> 7305 7306 </div> 7307 </div> 7308</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7309 <div 7310 class="opacity-0" 7311 :class="{ 'animate-fade-in-up' : animated }" 7312 style="--animate-delay: 0.6s" 7313 > 7314 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7315 <span class=""> 7316 <img style="width: 43.750000rem; height: auto" width="700px" height="700px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/grenton-gate-http-74-2-666x666.png 666w, https://grenton.com/app/uploads/2023/02/grenton-gate-http-74-2-466x466.png 466w, https://grenton.com/app/uploads/2023/02/grenton-gate-http-74-2-400x400.png 400w, https://grenton.com/app/uploads/2023/02/grenton-gate-http-74-2-330x330.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/grenton-gate-http-74-2-768x768.png 768w, https://grenton.com/app/uploads/2023/02/grenton-gate-http-74-2-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7317 </span> 7318 7319 <span class="md:hidden"> 7320 7321 </span> 7322</div> <h3 7323 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7324> 7325 GATE HTTP 7326</h3> <div 7327 class="wysiwyg text-sm font-light flexible-content flexible-content-content" 7328 > 7329 <p><span data-sheets-value="{"1":2,"2":"Fetch data from the internet."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Fetch data from the internet.</span></p> 7330 7331 </div> 7332 </div> 7333</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
7334 <div 7335 class="opacity-0" 7336 :class="{ 'animate-fade-in-up' : animated }" 7337 style="--animate-delay: 0.9s" 7338 > 7339 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7340 <span class=""> 7341 <img style="width: 125.000000rem; height: auto" width="2000px" height="2000px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-666x666.png 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-466x466.png 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-400x400.png 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-330x330.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-768x768.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-576x576.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7342 </span> 7343 7344 <span class="md:hidden"> 7345 7346 </span> 7347</div> <h3 7348 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7349> 7350 Multisensor 7351</h3> <div 7352 class="wysiwyg text-sm font-light flexible-content flexible-content-content mb-5 md:mb-5" 7353 > 7354 <p><span data-sheets-value="{"1":2,"2":"Keep the climate under control."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Keep the climate under control.</span></p> 7355 7356 </div> 7357 </div> 7358</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7359 <div 7360 class="opacity-0" 7361 :class="{ 'animate-fade-in-up' : animated }" 7362 style="--animate-delay: 1.2s" 7363 > 7364 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7365 <span class=""> 7366 <img style="width: 250.000000rem; height: auto" width="4000px" height="4000px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/roller-shutter-x3-92-2-666x666.png 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/roller-shutter-x3-92-2-466x466.png 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/roller-shutter-x3-92-2-400x400.png 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/roller-shutter-x3-92-2-330x330.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/roller-shutter-x3-92-2-768x768.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/roller-shutter-x3-92-2-576x576.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7367 </span> 7368 7369 <span class="md:hidden"> 7370 7371 </span> 7372</div> <h3 7373 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7374> 7375 Roller Shutter 7376</h3> <div 7377 class="wysiwyg text-sm font-light flexible-content flexible-content-content" 7378 > 7379 <p><span data-sheets-value="{"1":2,"2":"Control the roller shutters with one button."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Control the roller shutters with one button.</span></p> 7380 7381 </div> 7382 </div> 7383</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
7384 <div 7385 class="opacity-0" 7386 :class="{ 'animate-fade-in-up' : animated }" 7387 style="--animate-delay: 1.5s" 7388 > 7389 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7390 <span class=""> 7391 <img style="width: 125.000000rem; height: auto" width="2000px" height="2000px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/03/wood_touch2-666x666.png 666w, https://grenton.com/app/uploads/2023/03/[email protected] 1332w, https://grenton.com/app/uploads/2023/03/wood_touch2-466x466.png 466w, https://grenton.com/app/uploads/2023/03/[email protected] 932w, https://grenton.com/app/uploads/2023/03/wood_touch2-400x400.png 400w, https://grenton.com/app/uploads/2023/03/[email protected] 800w, https://grenton.com/app/uploads/2023/03/wood_touch2-330x330.png 330w, https://grenton.com/app/uploads/2023/03/[email protected] 660w, https://grenton.com/app/uploads/2023/03/wood_touch2-768x768.png 768w, https://grenton.com/app/uploads/2023/03/[email protected] 1536w, https://grenton.com/app/uploads/2023/03/wood_touch2-576x576.png 576w, https://grenton.com/app/uploads/2023/03/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7392 </span> 7393 7394 <span class="md:hidden"> 7395 7396 </span> 7397</div> <h2 7398 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7399> 7400 Touch Panel Wood 7401</h2> <div 7402 class="wysiwyg text-sm font-light flexible-content flexible-content-content" 7403 > 7404 <p><span data-sheets-value="{"1":2,"2":"Stylishly control your home."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Stylishly control of your home.</span></p> 7405 7406 </div> 7407 </div> 7408</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7409 <div 7410 class="opacity-0" 7411 :class="{ 'animate-fade-in-up' : animated }" 7412 style="--animate-delay: 1.8s" 7413 > 7414 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7415 <span class=""> 7416 <img style="width: 43.750000rem; height: auto" width="700px" height="700px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/03/led-rgbw-70-2-666x666.png 666w, https://grenton.com/app/uploads/2023/03/led-rgbw-70-2-466x466.png 466w, https://grenton.com/app/uploads/2023/03/led-rgbw-70-2-400x400.png 400w, https://grenton.com/app/uploads/2023/03/led-rgbw-70-2-330x330.png 330w, https://grenton.com/app/uploads/2023/03/[email protected] 660w, https://grenton.com/app/uploads/2023/03/led-rgbw-70-2-768x768.png 768w, https://grenton.com/app/uploads/2023/03/led-rgbw-70-2-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7417 </span> 7418 7419 <span class="md:hidden"> 7420 7421 </span> 7422</div> <h2 7423 class="text-lg flexible-content flexible-content-title mb-5 md:mb-5" 7424> 7425 LED RGBW 7426</h2> <div 7427 class="wysiwyg text-sm font-light flexible-content flexible-content-content" 7428 > 7429 <p><span data-sheets-value="{"1":2,"2":"Easily change the LED color."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Easily change the LED color.</span></p> 7430 7431 </div> 7432 </div> 7433</div> 7434</div> 7435 <div 7436 x-show="showNav" 7437 class="flex items-center justify-center pt-5 md:pt-0 hidden md:block" 7438> 7439 <button 7440 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:left-0 md:top-1/2 md:-translate-y-full md:translate-x-1/2 md:px-5" x-on:click="prevSlide()" 7441> 7442 <svg 7443 xmlns="http://www.w3.org/2000/svg" 7444 viewBox="0 0 24 24" 7445 class="h-5 w-5 w-6 h-6" 7446> 7447 <g> 7448 <path d="M24,24H0V0h24V24z" fill="none"/>
7449 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7450 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7451 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7452 </g> 7453</svg> 7454</button> 7455 <button 7456 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:right-0 md:top-1/2 md:-translate-y-full md:-translate-x-1/2 md:px-5" x-on:click="nextSlide()" 7457> 7458 <svg 7459 xmlns="http://www.w3.org/2000/svg" 7460 viewBox="0 0 24 24" 7461 class="h-5 w-5 w-6 h-6" 7462> 7463 <g> 7464 <path d="M0,0H24V24H0Z" fill="none"/> 7465 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7466 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7467 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7468 </g> 7469</svg> 7470</button></div> 7471</div> </div> 7472</div> 7473 </div> 7474</section> 7475 7476 7477<section 7478 class="relative wp-block-flexible-section" data-text="" 7479 id="block_c8860e4806ab0b5d35fdeeaa946668bc" 7480 > 7481 7482
7483 <div class="relative z-20"> 7484 <div 7485 class="w-full px-5 md:px-20 flex flex-col items-center" 7486> 7487 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-7 md:mb-10"> 7488 <div class="inline-block"> 7489 <a 7490 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/product/" target="" id="" 7491 rel="noopener" 7492 > 7493 <span>Discover Products</span> 7494 7495 <svg 7496 xmlns="http://www.w3.org/2000/svg" 7497 viewBox="0 0 24 24" 7498 class="h-5 w-5 ml-2 group-hover:text-inherit" 7499> 7500 <g> 7501 <path d="M0,0H24V24H0Z" fill="none"/> 7502 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7503 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7504 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7505 </g> 7506</svg> 7507 </a> 7508</div> 7509 </div> 7510 <div class="text-light flexible-content flexible-content-speacer mb-24 md:mb-32"></div> 7511</div> 7512 </div> 7513</section> 7514 7515 7516</div> 7517 7518 </div> 7519 7520 </div> 7521 7522 7523<section 7524 class="relative wp-block-text-with-image-and-mobile" 7525 id="block_d8f124ff1c8089cc5898337a8d6bab2e" 7526 > 7527 7528 7529 <div class="relative z-20"> 7530 <div 7531 class="w-full px-5 md:px-20" 7532> 7533 <div class="flex flex-wrap md:gap-x-20 md:min-h-[64rem]"> 7534 <div 7535 class="md:flex-none md:w-[45rem] py-8 md:py-32 order-2 opacity-0" 7536 x-data="{ animated: false }" 7537 x-intersect.once="animated = true" 7538 :class="{ 'animate-fade-in-up' : animated }" 7539 > 7540 7541 <div class="md:w-[40rem]"> 7542 <h2 7543 class="text-xl md:text-2xl flexible-content flexible-content-title mb-7 md:mb-10" 7544> 7545 Home control with an use of app or touch panel 7546</h2> <div 7547 class="wysiwyg text-md flexible-content flexible-content-content mb-7 md:mb-10" 7548 > 7549 <p><span data-sheets-value="{"1":2,"2":"Tablet, phone, touch panel - many home control options for every household member."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Mobile app or touch panel – many home control options for every household member.</span></p> 7550<p> </p> 7551 7552 </div> 7553 <h2 7554 class="text-sm font-light flexible-content flexible-content-title mb-5 md:mb-5" 7555> 7556 myGrenton 7557</h2> <div 7558 class="wysiwyg text-md flexible-content flexible-content-content mb-7 md:mb-10" 7559 > 7560 <p><span data-sheets-value="{"1":2,"2":"Control your home wherever you are. Receive notifications from the system and use an app tailored to you."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Control your home wherever you are. Receive notifications from the system and use an app tailored to you.</span></p> 7561 7562 </div> 7563 <h2 7564 class="text-sm font-light flexible-content flexible-content-title mb-5 md:mb-5" 7565> 7566 Smart Panel 7567</h2> <div 7568 class="wysiwyg text-md flexible-content flexible-content-content mb-7 md:mb-10" 7569 > 7570 <p><span data-sheets-value="{"1":2,"2":"Manage features from the touch panel equipped with gesture, temperature, and lighting sensors."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Manage features from the touch panel equipped with gesture, temperature, and lighting sensors.</span></p> 7571 7572 </div> 7573 <h2 7574 class="text-sm font-light flexible-content flexible-content-title mb-5 md:mb-5" 7575> 7576 Touch Panel 7577</h2> <div 7578 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20" 7579 > 7580 <p><span data-sheets-value="{"1":2,"2":"Natural wood, glass, or exclusive leather? Match the front of the panel to the interior of your home."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Natural wood, glass, or exclusive leather? Match the front of the panel to the interior of your home.</span></p> 7581 7582 </div> 7583 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-12 md:mb-20"> 7584 <div class="inline-block"> 7585 <a 7586 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/system/control/" target="" id="" 7587 rel="noopener" 7588 > 7589 <span>Learn More</span> 7590 7591 <svg 7592 xmlns="http://www.w3.org/2000/svg" 7593 viewBox="0 0 24 24" 7594 class="h-5 w-5 ml-2 group-hover:text-inherit" 7595> 7596 <g> 7597 <path d="M0,0H24V24H0Z" fill="none"/> 7598 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7599 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7600 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7601 </g> 7602</svg> 7603 </a> 7604</div> 7605 </div> 7606 </div> 7607 </div> 7608 7609 <div class="relative w-container-full md:w-auto md:flex md:items-center md:grow md:self-stretch -mx-5 md:mx-0 mb-8 md:mb-0 order-1 md:justify-end mobile-only:aspect-[23/32] z-10"> 7610 <div class="mobile-only:w-full mobile-only:h-full"> 7611 <img width="880px" height="1021px" class="md:absolute z-10 md:inset-y-0 w-full h-full object-cover md:w-[54rem] md:right-40 md:left-0 lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/Dawny_przedpokoj_z_panelami-1666x1932.jpg 1666w, https://grenton.com/app/uploads/2023/01/Dawny_przedpokoj_z_panelami-1166x1352.jpg 1166w, https://grenton.com/app/uploads/2023/01/Dawny_przedpokoj_z_panelami-1000x1160.jpg 1000w, https://grenton.com/app/uploads/2023/01/Dawny_przedpokoj_z_panelami-826x958.jpg 826w, https://grenton.com/app/uploads/2023/01/Dawny_przedpokoj_z_panelami-768x891.jpg 768w, https://grenton.com/app/uploads/2023/01/Dawny_przedpokoj_z_panelami-
7611576x668.jpg 576w" sizes="(min-width: 1400px) 1666px, (min-width: 1200px) 1166px, (min-width: 992px) 1000px, (min-width: 768px) 826px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7612 </div> 7613 7614 7615 <div class="absolute md:relative mobile-only:top-[20%] mobile-only:left-1/2 mobile-only:-translate-x-1/2 w-[19rem] md:w-[24.5rem] z-20"> 7616 <div class="relative z-10 aspect-[64/129] px-[5%] py-[3%]"> 7617 <svg 7618 xmlns="http://www.w3.org/2000/svg" 7619 xmlns:xlink="http://www.w3.org/1999/xlink" 7620 viewBox="0 0 380.99 790.5" 7621 class="absolute inset-0 z-20 w-full h-full pointer-events-none" 7622> 7623 <defs> 7624 <style>.cls-1{fill:url(#Gradient_bez_nazwy);}</style> 7625 <linearGradient id="Gradient_bez_nazwy" x1="373.08" y1="326.12" x2="-157.98" y2="526.72" gradientUnits="userSpaceOnUse"> 7626 <stop offset="0" stop-color="#1c1d1d"/><stop offset="1" stop-color="#676868"/> 7627 </linearGradient> 7628 </defs> 7629 <path class="cls-1" d="m379.04,77.81h-1.43v-9.81c.02-9.09-1.8-18.1-5.34-26.47-5.15-12.15-13.7-22.54-24.64-29.92C336.4,4.02,323.16-.02,309.61,0h-16.24c-1.5,0-2.92.57-4.09,1.52-1.74,1.42-3.94,2.21-6.23,2.2H98.79c-2.29,0-4.48-.79-6.23-2.2C91.4.57,89.98,0,88.48,0h-17.94c-9.09-.02-18.1,1.8-26.47,5.34-12.15,5.15-22.54,13.7-29.92,24.64-7.59,11.22-11.63,24.47-11.61,38.02v105.27h-.58c-1.08,0-1.96.88-1.96,1.96v45.1c0,1.08.88,1.96,1.96,1.96h.58v6.88h-.58c-1.08,0-1.96.88-1.96,1.96v45.1c0,1.08.88,1.96,1.96,1.96h.58v444.32c-.02,9.09,1.8,18.1,5.34,26.47,5.15,12.14,13.7,22.54,24.64,29.92,11.23,7.59,24.47,11.64,38.02,11.61h18.73c.7,0,1.35-.32,1.78-.86,1.86-2.34,4.7-3.72,7.73-3.71h184.26c3.03,0,5.87,1.38,7.73,3.71.43.54,1.09.87,1.78.87h17.04c9.09.02,18.1-1.8,26.47-5.34,12.15-5.15,22.54-13.7,29.92-24.64,7.59-11.23,11.64-24.47,11.61-38.02V146.61h1.43c1.08,0,1.96-.88,1.96-1.96v-64.89c0-1.08-.88-1.96-1.96-1.96Zm-13.54,642.68c.02,29.2-23.73,52.98-52.94,53H68.46c-29.18,0-52.94-23.74-52.96-52.92V68.5c-.01-14.14,5.49-27.45,
762915.48-37.46,10-10.01,23.29-15.53,37.44-15.54h244.07c29.22,0,52.98,23.74,53,52.92v652.07Z"/> 7630</svg> 7631 <div class="relative z-10 w-full h-full overflow-hidden bg-light mobile-screen rounded-[3rem] shadow-[2rem_3rem_2rem_0_rgba(0,0,0,0.16)]"> 7632 <picture width="652px" height="963px"> 7633 <source media="(min-width: 1400px)" data-srcset="https://grenton.com/app/uploads/2023/11/smartphone-bedroom-en-min-666x983.png" /> 7634 <source media="(min-width: 1200px)" data-srcset="https://grenton.com/app/uploads/2023/11/smartphone-bedroom-en-min-466x688.png" /> 7635 <source media="(min-width: 992px)" data-srcset="https://grenton.com/app/uploads/2023/11/smartphone-bedroom-en-min-400x590.png" /> 7636 <source media="(min-width: 768px)" data-srcset="https://grenton.com/app/uploads/2023/11/smartphone-bedroom-en-min-330x487.png" /> 7637 <source media="(min-width: 576px)" data-srcset="https://grenton.com/app/uploads/2023/11/smartphone-bedroom-en-min-768x1134.png" /> 7638 <source media="(min-width: 0px)" data-srcset="https://grenton.com/app/uploads/2023/11/smartphone-bedroom-en-min-576x850.png" /> 7639 <img decoding="async" width="652px" height="963px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" class="lazyload" /> 7640</picture> 7641 </div> 7642 </div> 7643</div> </div> 7644 </div> 7645</div> 7646 </div> 7647</section> 7648 7649 7650<div class="wp-block-text-with-side-image py-20"> 7651 <section 7652 class="relative" 7653 id="block_7ecaa33e2323ecdd1b7124575d9b21b8" 7654 > 7655 7656 7657 <div class="relative z-20"> 7658 <div 7659 class="w-full px-5 md:px-20" 7660> 7661 <div class="flex flex-wrap md:flex-nowrap md:gap-x-20 items-center"> 7662 <div 7663 class="w-full md:flex-none md:w-[45rem] pt-8 order-2 md:pt-0 opacity-0 md:order-1" 7664 x-data="{ animated: false }" 7665 x-intersect.margin.-20%.once="animated = true" 7666 :class="{ 'animate-fade-in-up' : animated }" 7667 > 7668 7669 <div> 7670 <h2 7671 class="text-xl md:text-2xl flexible-content flexible-content-title mb-7 md:mb-10 md:w-[40rem]" 7672> 7673 Unlimited integrations 7674</h2> <div 7675 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20 md:w-[40rem]" 7676 > 7677 <p><span data-sheets-value="{"1":2,"2":"The system is open – it allows for integration with household devices, systems, apps, and any data from the Internet."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">The system is open – it allows for integration with household devices, systems, apps, and any data from the Internet.</span></p> 7678 7679 </div> 7680 <h2 7681 class="text-sm font-light flexible-content flexible-content-title mb-5 md:mb-5 md:w-[40rem]" 7682> 7683 Devices 7684</h2> <div 7685 class="wysiwyg text-md flexible-content flexible-content-content mb-7 md:mb-10 md:w-[40rem]" 7686 > 7687 <p><span data-sheets-value="{"1":2,"2":"Connect all home devices into one cohesive system."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Connect all home devices into one system.</span></p> 7688 7689 </div> 7690 <h2 7691 class="text-sm font-light flexible-content flexible-content-title mb-5 md:mb-5 md:w-[40rem]" 7692> 7693 Systems 7694</h2> <div 7695 class="wysiwyg text-md flexible-content flexible-content-content mb-7 md:mb-10 md:w-[40rem]" 7696 > 7697 <p><span data-sheets-value="{"1":2,"2":"Integrate monitoring, alarm, heating, air conditioning, photovoltaics, audio-video systems. In this way, enhance their efficiency and functionality. Control them with a single app."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Integrate monitoring, alarm, heating, air conditioning, photovoltaics, audio-video systems. In this way, enhance their efficiency and functionality. Control them with a single app.</span></p> 7698 7699 </div> 7700 <h2 7701 class="text-sm font-light flexible-content flexible-content-title mb-5 md:mb-5 md:w-[40rem]" 7702> 7703 Data from the Internet and apps 7704</h2> <div 7705 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20 md:w-[40rem]" 7706 > 7707 <p><span data-sheets-value="{"1":2,"2":"Check the weather forecast to optimally water the garden or get information on smog to automatically activate a safe home ventilation mode."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Check the weather forecast to optimally water the garden or get information on smog to automatically activate a safe home ventilation mode.</span></p> 7708 7709 </div> 7710 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-12 md:mb-20"> 7711 <div class="inline-block"> 7712 <a 7713 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/system/integrations/" target="" id="" 7714 rel="noopener" 7715 > 7716 <span>Learn More</span> 7717 7718 <svg 7719 xmlns="http://www.w3.org/2000/svg" 7720 viewBox="0 0 24 24" 7721 class="h-5 w-5 ml-2 group-hover:text-inherit" 7722> 7723 <g> 7724 <path d="M0,0H24V24H0Z" fill="none"/> 7725 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7726 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7727 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7728 </g> 7729</svg> 7730 </a> 7731</div> 7732 </div> 7733 </div> 7734 </div> 7735
7736 <div class="relative z-10 md:grow order-1 self-stretch w-full md:w-auto mobile-only:aspect-[23/32] md:aspect-square md:order-2 md:mx-0"> 7737 <div class="w-full h-full"> 7738 <img width="2080px" height="1232px" class="w-full h-full md:h-full md:absolute md:inset-0 object-cover object-center lazyload" data-srcset="https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-1666x986.png 1666w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-1166x690.png 1166w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-1000x592.png 1000w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-1000x592@2x.png 2000w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-826x489.png 826w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-826x489@2x.png 1652w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-768x454.png 768w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-768x454@2x.png 1536w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-576x341.png 576w, https://grenton.com/app/uploads/2022/11/wireless-white-smart-speaker-mockup-digital-device-2022-09-16-09-29-04-utc-576x341@2x.png 1152w" sizes="(min-width: 1400px) 1666px, (min-width: 1200px) 1166px, (min-width: 992px) 1000px, (min-width: 768px) 826px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7739 </div> 7740 7741 </div> 7742 </div> 7743</div> 7744 </div> 7745</section> 7746</div> 7747 7748 7749<section 7750 class="relative wp-block-slider circle-images py-16" 7751 id="block_79feec8efff456b10ff67a92adf2ec7e" 7752 > 7753 7754 7755 <div class="relative z-20"> 7756 <div 7757 class="w-full px-5 md:px-20" 7758> 7759 <div 7760 x-data="{ animated: false }" 7761 x-intersect.margin.-20%.once=" 7762 animated = true; 7763 $dispatch('slider-start', {name: 'block_79feec8efff456b10ff67a92adf2ec7e-slider'}) 7764 " 7765 > 7766 <div class="md:w-[45rem] mb-[3.75rem]"> 7767 7768 <h2 7769 class="text-xl md:text-2xl" 7770> 7771 Add Grenton Smart Home<br /> 7772to your offer as: 7773</h2> </div> 7774 7775 <div 7776 ax-load 7777 x-data="sliderAlt('block_79feec8efff456b10ff67a92adf2ec7e-slider', 6, [])" 7778 class="relative -mx-5 md:x-0 md:px-32" x-on:slider-start.window="if ($event.detail.name !== name) { 7779 return; 7780 } 7781 7782 setAtStart();" 7783> 7784 <div 7785 class="flex overflow-x-auto scrollbar-none snap-x snap-mandatory pr-[20%] md:pr-0" 7786 x-ref="container" 7787 :class="{ 7788 'snap-x snap-mandatory': ! isDragging && ! settings.freeScroll, 7789 }" 7790> 7791 <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7792 <div 7793 class="opacity-0" 7794 :class="{ 'animate-fade-in-up' : animated }" 7795 style="--animate-delay: 0s" 7796 > 7797 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7798 <span class=""> 7799 <img style="width: 62.500000rem; height: auto" width="1000px" height="1000px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/Deweloper-1-666x666.png 666w, https://grenton.com/app/uploads/2023/02/Deweloper-1-466x466.png 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/Deweloper-1-400x400.png 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/Deweloper-1-330x330.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/Deweloper-1-768x768.png 768w, https://grenton.com/app/uploads/2023/02/Deweloper-1-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7800 </span> 7801 7802 <span class="md:hidden"> 7803 7804 </span> 7805</div> <h2
7806 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 7807> 7808 Developer 7809</h2> <div 7810 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7811 > 7812 <p><span data-sheets-value="{"1":2,"2":"Raise the standard and value of investment. Focus on functionality and property security."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Raise the standard and value of investment by prioritising functionality and safety. </span></p> 7813 7814 </div> 7815 </div> 7816</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7817 <div 7818 class="opacity-0" 7819 :class="{ 'animate-fade-in-up' : animated }" 7820 style="--animate-delay: 0.3s" 7821 > 7822 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7823 <span class=""> 7824 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2022/12/Grenton-Podkowa-Lesna-49-666x666.png 666w, https://grenton.com/app/uploads/2022/12/Grenton-Podkowa-Lesna-49-466x466.png 466w, https://grenton.com/app/uploads/2022/12/Grenton-Podkowa-Lesna-49-400x400.png 400w, https://grenton.com/app/uploads/2022/12/Grenton-Podkowa-Lesna-49-330x330.png 330w, https://grenton.com/app/uploads/2022/12/Grenton-Podkowa-Lesna-49-768x768.png 768w, https://grenton.com/app/uploads/2022/12/Grenton-Podkowa-Lesna-49-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7825 </span> 7826 7827 <span class="md:hidden"> 7828 7829 </span> 7830</div> <h2 7831 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 7832> 7833 Installer 7834</h2> <div 7835 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7836 > 7837 <p><span data-sheets-value="{"1":2,"2":"Expand your service portfolio with the installation of a home automation system."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Expand your service portfolio with the installation of a home automation system.</span></p> 7838 7839 </div> 7840 </div> 7841</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7842 <div 7843 class="opacity-0" 7844 :class="{ 'animate-fade-in-up' : animated }" 7845 style="--animate-delay: 0.6s" 7846 > 7847 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7848 <span class=""> 7849 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2022/12/AdobeStock_299474696_Preview-kopia-666x666.png 666w, https://grenton.com/app/uploads/2022/12/AdobeStock_299474696_Preview-kopia-466x466.png 466w, https://grenton.com/app/uploads/2022/12/AdobeStock_299474696_Preview-kopia-400x400.png 400w, https://grenton.com/app/uploads/2022/12/AdobeStock_299474696_Preview-kopia-330x330.png 330w, https://grenton.com/app/uploads/2022/12/AdobeStock_299474696_Preview-kopia-768x768.png 768w, https://grenton.com/app/uploads/2022/12/AdobeStock_299474696_Preview-kopia-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7850 </span> 7851 7852 <span class="md:hidden"> 7853 7854 </span> 7855</div> <h2 7856 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 7857> 7858 Authorized Dealer 7859</h2> <div 7860 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7861 > 7862 <p><span data-sheets-value="{"1":2,"2":"
7862Open a brick-and-mortar Grenton Smart Home showroom and join the group of authorized representatives."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Open a brick-and-mortar Grenton Smart Home showroom and join the group of authorized representatives.</span></p> 7863 7864 </div> 7865 </div> 7866</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7867 <div 7868 class="opacity-0" 7869 :class="{ 'animate-fade-in-up' : animated }" 7870 style="--animate-delay: 0.9s" 7871 > 7872 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7873 <span class=""> 7874 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2022/12/AdobeStock_401126185_Preview-1-666x666.png 666w, https://grenton.com/app/uploads/2022/12/AdobeStock_401126185_Preview-1-466x466.png 466w, https://grenton.com/app/uploads/2022/12/AdobeStock_401126185_Preview-1-400x400.png 400w, https://grenton.com/app/uploads/2022/12/AdobeStock_401126185_Preview-1-330x330.png 330w, https://grenton.com/app/uploads/2022/12/AdobeStock_401126185_Preview-1-768x768.png 768w, https://grenton.com/app/uploads/2022/12/AdobeStock_401126185_Preview-1-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7875 </span> 7876 7877 <span class="md:hidden"> 7878 7879 </span> 7880</div> <h2 7881 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 7882> 7883 Architect 7884</h2> <div 7885 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7886 > 7887 <p><span data-sheets-value="{"1":2,"2":"Attract customers with a professional smart home system. Grenton experts will handle the rest. From start to finish."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Attract customers with a smart home system, leave the rest to the Grenton experts.</span></p> 7888 7889 </div> 7890 </div> 7891</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 7892 <div 7893 class="opacity-0" 7894 :class="{ 'animate-fade-in-up' : animated }" 7895 style="--animate-delay: 1.2s" 7896 > 7897 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7898 <span class=""> 7899 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2022/12/portrait-of-a-male-warehouse-worker-or-supervisor-2021-08-26-12-07-58-utc-666x666.png 666w, https://grenton.com/app/uploads/2022/12/portrait-of-a-male-warehouse-worker-or-supervisor-2021-08-26-12-07-58-utc-466x466.png 466w, https://grenton.com/app/uploads/2022/12/portrait-of-a-male-warehouse-worker-or-supervisor-2021-08-26-12-07-58-utc-400x400.png 400w, https://grenton.com/app/uploads/2022/12/portrait-of-a-male-warehouse-worker-or-supervisor-2021-08-26-12-07-58-utc-330x330.png 330w, https://grenton.com/app/uploads/2022/12/portrait-of-a-male-warehouse-worker-or-supervisor-2021-08-26-12-07-58-utc-768x768.png 768w, https://grenton.com/app/uploads/2022/12/portrait-of-a-male-warehouse-worker-or-supervisor-2021-08-26-12-07-58-utc-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7900 </span> 7901 7902 <span class="md:hidden"> 7903 7904 </span> 7905</div> <h2 7906 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 7907> 7908 Distributor 7909</h2> <div 7910 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7911 > 7912 <p><span data-sheets-value="{"1":2,"2":"Offer your customer base trainings and a complete home automation system."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Offer your customer base trainings<br /> 7913and a complete home<br /> 7914automation system.</span></p> 7915 7916 </div> 7917 </div> 7918</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
7919 <div 7920 class="opacity-0" 7921 :class="{ 'animate-fade-in-up' : animated }" 7922 style="--animate-delay: 1.5s" 7923 > 7924 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 7925 <span class=""> 7926 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/11/Plus-640x640_FIN-666x666.webp 666w, https://grenton.com/app/uploads/2023/11/Plus-640x640_FIN-466x466.webp 466w, https://grenton.com/app/uploads/2023/11/Plus-640x640_FIN-400x400.webp 400w, https://grenton.com/app/uploads/2023/11/Plus-640x640_FIN-330x330.webp 330w, https://grenton.com/app/uploads/2023/11/Plus-640x640_FIN-768x768.webp 768w, https://grenton.com/app/uploads/2023/11/Plus-640x640_FIN-576x576.webp 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 7927 </span> 7928 7929 <span class="md:hidden"> 7930 7931 </span> 7932</div> <h2 7933 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 7934> 7935 Professional 7936</h2> <div 7937 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 7938 > 7939 <p><span data-sheets-value="{"1":2,"2":"Get in touch, Grenton has many applications."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Get in touch, Grenton has many applications.</span></p> 7940 7941 </div> 7942 </div> 7943</div> 7944</div> 7945 <div 7946 x-show="showNav" 7947 class="flex items-center justify-center pt-5 md:pt-0 hidden md:block" 7948> 7949 <button 7950 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:left-0 md:top-1/2 md:-translate-y-full md:translate-x-1/2 md:px-5" x-on:click="prevSlide()" 7951> 7952 <svg 7953 xmlns="http://www.w3.org/2000/svg" 7954 viewBox="0 0 24 24" 7955 class="h-5 w-5 w-6 h-6" 7956> 7957 <g> 7958 <path d="M24,24H0V0h24V24z" fill="none"/> 7959 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7960 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7961 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7962 </g> 7963</svg> 7964</button> 7965 <button 7966 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:right-0 md:top-1/2 md:-translate-y-full md:-translate-x-1/2 md:px-5" x-on:click="nextSlide()" 7967> 7968 <svg 7969 xmlns="http://www.w3.org/2000/svg" 7970 viewBox="0 0 24 24" 7971 class="h-5 w-5 w-6 h-6" 7972> 7973 <g> 7974 <path d="M0,0H24V24H0Z" fill="none"/> 7975 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7976 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7977 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 7978 </g> 7979</svg> 7980</button></div> 7981</div> </div> 7982</div> 7983 </div> 7984</section> 7985 7986 7987<section 7988 class="relative wp-block-flexible-section" data-text="" 7989 id="block_5190f7b594227053f8841ecb57209f6b" 7990 > 7991 7992 7993 <div class="relative z-20"> 7994 <div 7995 class="w-full px-5 md:px-20 flex flex-col items-center" 7996> 7997 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-24 md:mb-32"> 7998 <div class="inline-block"> 7999 <a 8000 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/for-professionals/cooperation-architects-dealers-developers-grenton/" target="" id="" 8001 rel="noopener" 8002 > 8003 <span>Cooperation</span> 8004 8005 <svg 8006 xmlns="http://www.w3.org/2000/svg" 8007 viewBox="0 0 24 24" 8008 class="h-5 w-5 ml-2 group-hover:text-inherit" 8009> 8010 <g> 8011 <path d="M0,0H24V24H0Z" fill="none"/> 8012 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8013 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8014 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8015 </g> 8016</svg> 8017 </a> 8018</div> 8019 </div> 8020</div> 8021 </div> 8022</section> 8023 8024 8025<section 8026 class="relative bg-light wp-block-interactive-banner" 8027 id="block_98a4696335f835677b90bf4448003920" 8028 > 8029 8030
8031 <div class="relative z-20"> 8032 <div 8033 class="md:flex md:gap-20" 8034 x-data="{ animated: false }" 8035 x-intersect.margin.-20%.once="animated = true" 8036 > 8037 <div 8038 class="relative z-20 grow self-center py-28 opacity-0" 8039 :class="{ 'animate-fade-in-up' : animated }" 8040 > 8041 <div 8042 class="w-full px-5 md:px-20 md:w-[55rem]" 8043> 8044 <h2 8045 class="text-xl md:text-2xl flexible-content flexible-content-title mb-7 md:mb-10 md:w-[32.5rem]" 8046> 8047 Grenton Modules 8048</h2> <div 8049 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20 md:w-[32.5rem]" 8050 > 8051 <p><span data-sheets-value="{"1":2,"2":"The Grenton system consists of modules tailored for every home. It includes, among others, a central unit (CLU), input and output modules, drivers, and controllers. The central unit is the heart of your home. It is responsible for communication between modules and devices using the groundbreaking Distributed Logic technology in the world of home automation."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">The Grenton system consists of modules tailored for every home. It includes, among others, a central unit (CLU), input and output modules, and controllers. </span></p> 8052<p> </p> 8053<p><span data-sheets-value="{"1":2,"2":"The Grenton system consists of modules tailored for every home. It includes, among others, a central unit (CLU), input and output modules, drivers, and controllers. The central unit is the heart of your home. It is responsible for communication between modules and devices using the groundbreaking Distributed Logic technology in the world of home automation."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">The central unit is the heart of your home. It is responsible for communication between modules and devices using the groundbreaking Distributed Logic technology in the world of home automation.</span></p> 8054 8055 </div> 8056 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons"> 8057 <div class="inline-block"> 8058 <a 8059 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/system/" target="" id="" 8060 rel="noopener" 8061 > 8062 <span>More about the System</span> 8063 8064 <svg 8065 xmlns="http://www.w3.org/2000/svg" 8066 viewBox="0 0 24 24" 8067 class="h-5 w-5 ml-2 group-hover:text-inherit" 8068> 8069 <g> 8070 <path d="M0,0H24V24H0Z" fill="none"/> 8071 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8072 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8073 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8074 </g> 8075</svg> 8076 </a> 8077</div> 8078 </div> 8079</div> 8080 </div> 8081 8082 <div class="relative z-10 md:flex md:items-center flex-none md:w-[50rem] bg-gradient-to-l md:bg-gradient-to-br from-[#FF6F72] to-[#ED0F40]"> 8083 <div class="flex items-center relative md:absolute z-10 md:inset-y-0 md:right-0 md:-left-[40rem] pointer-events-none bg-light md:bg-transparent -translate-y-px"> 8084 <img decoding="async" 8085 class="lazyload w-[71.5rem] h-auto hidden md:block object-contain" 8086 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 8087 data-srcset="https://grenton.com/app/themes/grenton/public/interactiveBannerOverlay.62bc68.png 1x, https://grenton.com/app/themes/grenton/public/[email protected] 2x" 8088 > 8089 <img decoding="async" 8090 class="lazyload w-full h-full block md:hidden" 8091 src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 8092 data-srcset="https://grenton.com/app/themes/grenton/public/interactiveBannerOverlayMobile.70a1b7.png 1x, https://grenton.com/app/themes/grenton/public/[email protected] 2x" 8093 > </div> 8094 8095 <a 8096 href="https://grenton.com/product/#moduly" 8097 target="_self" 8098 rel="noopener" 8099 title="" 8100 class="relative md:absolute z-20 md:left-0 md:top-1/2 w-[7rem] h-[7rem] md:w-[12.75rem] md:h-[12.75rem] mx-auto md:mx-0 -my-[3.5rem] md:mt-2 md:mb-0 md:ml-1 md:mr-0 md:-translate-x-1/2 md:-translate-y-1/2 flex items-center justify-center bg-white md:bg-transparent border md:border-0 border-dark rounded-full text-primary" 8101 > 8102 <svg 8103 xmlns="http://www.w3.org/2000/svg" 8104 viewBox="0 0 79.857 79.857" 8105 stroke-width="2" 8106 class="h-5 w-5 w-16 h-16 md:!w-20 md:!h-20" 8107> 8108 <g transform="translate(1 1)"> 8109 <line y2="77.857" transform="translate(38.93)" fill="none" stroke="currentColor" stroke-linecap="round"/> 8110 <line y2="77.857" transform="translate(77.857 38.929) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round"/> 8111 </g> 8112</svg> 8113 </a> 8114 8115 <div class="w-full hidden md:block"> 8116 <picture width="1598px" height="2000px" class="w-full h-auto"> 8117 <source media="(min-width: 1400px)" data-srcset="https://grenton.com/app/uploads/2022/11/[email protected] 1x, https://grenton.com/app/uploads/2022/11/Mask-Group-51@[email protected] 2x" /> 8118 <source media="(min-width: 1200px)" data-srcset="https://grenton.com/app/uploads/2022/11/[email protected] 1x, https://grenton.com/app/uploads/2022/11/Mask-Group-51@[email protected] 2x" /> 8119 <source media="(min-width: 992px)" data-srcset="https://grenton.com/app/uploads/2022/11/[email protected] 1x, https://grenton.com/app/uploads/2022/11/Mask-Group-51@[email protected] 2x" /> 8120 <source media="(min-width: 768px)" data-srcset="https://grenton.com/app/uploads/2022/11/[email protected] 1x, https://grenton.com/app/uploads/2022/11/Mask-Group-51@[email protected] 2x" /> 8121 <source media="(min-width: 576px)" data-srcset="https://grenton.com/app/uploads/2022/11/[email protected] 1x, https://grenton.com/app/uploads/2022/11/Mask-Group-51@[email protected] 2x" /> 8122 <source media="(min-width: 0px)" data-srcset="https://grenton.com/app/uploads/2022/11/[email protected] 1x, https://grenton.com/app/uploads/2022/11/Mask-Group-51@[email protected] 2x" /> 8123 <img decoding="async" width="1598px" height="2000px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" class="lazyload" /> 8124</picture> 8125 8126 </div> 8127 8128 <div class="w-full md:hidden"> 8129 <picture width="997px" height="757px" class="w-full h-auto"> 8130 <source data-srcset="https://grenton.com/app/uploads/2022/11/dol.svg" /> 8131 <img decoding="async" width="997px" height="757px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" class="lazyload" /> 8132</picture> 8133 8134 </div> 8135 </div> 8136 </div> 8137 </div> 8138</section> 8139 8140 8141<section 8142 class="relative wp-block-product-tiles py-20" 8143 id="block_edc52c2819e12f9633cba57990aeea71" 8144 > 8145 8146
8147 <div class="relative z-20"> 8148 <div 8149 class="w-full px-5 md:px-20" 8150> 8151 <div 8152 x-data="{ animated: false }" 8153 x-intersect.margin.-20%.once="animated = true" 8154 > 8155 8156 <div 8157 ax-load 8158 x-data="slider('', JSON.parse('{\u0022loop\u0022:false,\u0022rewind\u0022:true,\u0022slidesPerView\u0022:1,\u0022spaceBetween\u0022:0,\u0022breakpoints\u0022:{\u0022640\u0022:{\u0022slidesPerView\u0022:1.25},\u0022720\u0022:{\u0022slidesPerView\u0022:4}}}'), 1)" 8159 x-init="initSlider()" class="overflow-auto scrollbar-none mb-10" 8160 x-on:resize.window.debounce="showNav = !(swiper.isBeginning && swiper.isEnd)" 8161 x-on:scroll.self=" 8162 direction = $el.scrollLeft; 8163 $el.scrollLeft = 1; 8164 8165 if (!swiper) { 8166 return; 8167 } 8168 8169 if ($event.timeStamp - lastScroll < 50) { 8170 return; 8171 } 8172 8173 lastScroll = $event.timeStamp; 8174 8175 if (direction > 1) { 8176 swiper.slideNext(); 8177 } 8178 8179 if (direction < 1) { 8180 swiper.slidePrev(); 8181 } 8182 " 8183> 8184 <div 8185 class="relative z-10 -mx-5 md:-mx-10" 8186 > 8187 <div 8188 class="swiper-container overflow-hidden max-w-[80%] !overflow-visible md:max-w-none" 8189 x-ref="container" 8190> 8191 <div class="swiper-wrapper ease-snap"> 8192 <div class="swiper-slide p-5 md:p-10"> 8193 <div 8194 class="opacity-0" 8195 :class="{ 'animate-fade-in-up' : animated }" 8196 style="--animate-delay: 0s" 8197 > 8198 <a 8199 href="https://grenton.com/product/audio-set-50m%c2%b2-denon-dali-phantom/" 8200 class="block" 8201 target="_self" 8202 rel="noopener" 8203> 8204 <div class="relative aspect-square mb-8 bg-light"> 8205 <img class="w-full h-full object-contain" srcset="https://grenton.com/app/uploads/2024/09/denon-home-ampdali-phantom-x4-1000x1000.png 1000w, https://grenton.com/app/uploads/2024/09/denon-home-ampdali-phantom-x4-700x700.png 700w, https://grenton.com/app/uploads/2024/09/denon-home-ampdali-phantom-x4-600x600.png 600w, https://grenton.com/app/uploads/2024/09/denon-home-ampdali-phantom-x4-496x496.png 496w, https://grenton.com/app/uploads/2024/09/[email protected] 992w, https://grenton.com/app/uploads/2024/09/denon-home-ampdali-phantom-x4-768x768.png 768w, https://grenton.com/app/uploads/2024/09/denon-home-ampdali-phantom-x4-576x576.png 576w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8206 8207 </div> 8208 8209 <div 8210 class="text-base" 8211> 8212 Audio set 50m² Denon + Dali Phantom 8213</div></a> </div> 8214</div> 8215 <div class="swiper-slide p-5 md:p-10"> 8216 <div 8217 class="opacity-0" 8218 :class="{ 'animate-fade-in-up' : animated }" 8219 style="--animate-delay: 0.3s" 8220 > 8221 <a 8222 href="https://grenton.com/product/grenton-multisensor-white/" 8223 class="block" 8224 target="_self" 8225 rel="noopener" 8226> 8227 <div class="relative aspect-square mb-8 bg-light"> 8228 <img class="w-full h-full object-contain" srcset="https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-1000x1000.png 1000w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-700x700.png 700w, https://grenton.com/app/uploads/2023/02/[email protected] 1400w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-600x600.png 600w, https://grenton.com/app/uploads/2023/02/[email protected] 1200w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-496x496.png 496w, https://grenton.com/app/uploads/2023/02/[email protected] 992w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-768x768.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/Multisensor_White_2_R3-min-SEN-181-T-02-576x576.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8229 8230 <div class="absolute top-0 left-0 p-4"> 8231 <div> 8232 <div 8233 class="inline-flex items-center cursor-pointer mb-4 p-2 text-xs rounded-full bg-white" 8234 x-data="{ 8235 expanded: false, 8236 alwaysOpen: false, 8237 id: '', 8238 }" 8239 x-on:mouseenter=" 8240 expanded = true; 8241 $dispatch('feature-open', { 8242 id: id, 8243 element: $el, 8244 }); 8245 " 8246 x-on:mouseleave=" 8247 expanded = false; 8248 $dispatch('feature-close', { 8249 id: id, 8250 element: $el, 8251 }); 8252 " 8253> 8254 <div> 8255 <img class="w-6 h-6 lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/panel-nascienny.svg" alt=""/> 8256 </div> 8257 <div 8258 x-show="expanded || alwaysOpen" 8259 x-collapse-side 8260 > 8261 <div class="px-2.5 font-light whitespace-nowrap"> 8262 Wall panel 8263 </div> 8264 </div> 8265</div> </div> 8266 8267 <div> 8268 <div 8269 class="inline-flex items-center cursor-pointer mb-4 p-2 text-xs rounded-full bg-white" 8270 x-data="{ 8271 expanded: false, 8272 alwaysOpen: false, 8273 id: '', 8274 }" 8275 x-on:mouseenter=" 8276 expanded = true; 8277 $dispatch('feature-open', { 8278 id: id, 8279 element: $el, 8280 }); 8281 " 8282 x-on:mouseleave=" 8283 expanded = false; 8284 $dispatch('feature-close', { 8285 id: id, 8286 element: $el, 8287 }); 8288 " 8289> 8290 <div> 8291 <img class="w-6 h-6 lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/TFB.svg" alt=""/> 8292 </div> 8293 <div 8294 x-show="expanded || alwaysOpen" 8295 x-collapse-side 8296 > 8297 <div class="px-2.5 font-light whitespace-nowrap"> 8298 TF Bus 8299 </div> 8300 </div> 8301</div> </div> 8302 </div> 8303 </div> 8304 8305 <div 8306 class="text-base" 8307> 8308 Multisensor White 8309</div></a> </div> 8310</div> 8311 <div class="swiper-slide p-5 md:p-10"> 8312 <div 8313 class="opacity-0" 8314 :class="{ 'animate-fade-in-up' : animated }" 8315 style="--animate-delay: 0.6s" 8316 > 8317 <a 8318 href="https://grenton.com/product/relay-x2-z-wave/" 8319 class="block" 8320 target="_self" 8321 rel="noopener" 8322> 8323 <div class="relative aspect-square mb-8 bg-light"> 8324 <img class="w-full h-full object-contain" srcset="https://grenton.com/app/uploads/2023/12/relay-z-wave-produkty-1800x1800-b-2-1000x1000.png 1000w, https://grenton.com/app/uploads/2023/12/relay-z-wave-produkty-1800x1800-b-2-700x700.png 700w, https://grenton.com/app/uploads/2023/12/[email protected] 1400w, https://grenton.com/app/uploads/2023/12/relay-z-wave-produkty-1800x1800-b-2-600x600.png 600w, https://grenton.com/app/uploads/2023/12/[email protected] 1200w, https://grenton.com/app/uploads/2023/12/relay-z-wave-produkty-1800x1800-b-2-496x496.png 496w, https://grenton.com/app/uploads/2023/12/[email protected] 992w, https://grenton.com/app/uploads/2023/12/relay-z-wave-produkty-1800x1800-b-2-768x768.png 768w, https://grenton.com/app/uploads/2023/12/[email protected] 1536w, https://grenton.com/app/uploads/2023/12/relay-z-wave-produkty-1800x1800-b-2-576x576.png 576w, https://grenton.com/app/uploads/2023/12/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8325 8326 <div class="absolute top-0 left-0 p-4"> 8327 8328 <div> 8329 <div 8330 class="inline-flex items-center cursor-pointer mb-4 p-2 text-xs rounded-full bg-white" 8331 x-data="{ 8332 expanded: false, 8333 alwaysOpen: false, 8334 id: '', 8335 }" 8336 x-on:mouseenter=" 8337 expanded = true; 8338 $dispatch('feature-open', { 8339 id: id, 8340 element: $el, 8341 }); 8342 " 8343 x-on:mouseleave=" 8344 expanded = false; 8345 $dispatch('feature-close', { 8346 id: id, 8347 element: $el, 8348 }); 8349 " 8350> 8351 <div> 8352 <img class="w-6 h-6 lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/Path-8779.svg" alt=""/> 8353 </div> 8354 <div 8355 x-show="expanded || alwaysOpen" 8356 x-collapse-side 8357 > 8358 <div class="px-2.5 font-light whitespace-nowrap"> 8359 Z-Wave 8360 </div> 8361 </div> 8362</div> </div> 8363 </div> 8364 </div> 8365 8366 <div 8367 class="text-base" 8368> 8369 Relay x2 Z-Wave 8370</div></a> </div> 8371</div> 8372 <div class="swiper-slide p-5 md:p-10"> 8373 <div 8374 class="opacity-0" 8375 :class="{ 'animate-fade-in-up' : animated }" 8376 style="--animate-delay: 0.9s" 8377 > 8378 <a 8379 href="https://grenton.com/product/smart-panel-4b-black/" 8380 class="block" 8381 target="_self" 8382 rel="noopener" 8383> 8384 <div class="relative aspect-square mb-8 bg-light"> 8385 <img class="w-full h-full object-contain" srcset="https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-1000x1000.png 1000w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-
8385700x700.png 700w, https://grenton.com/app/uploads/2023/02/[email protected] 1400w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-600x600.png 600w, https://grenton.com/app/uploads/2023/02/[email protected] 1200w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-496x496.png 496w, https://grenton.com/app/uploads/2023/02/[email protected] 992w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-768x768.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/SmartPanel_Black_2_R3-min-WSP-204-W-0x-1-576x576.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8386 8387 <div class="absolute top-0 left-0 p-4"> 8388 <div> 8389 <div 8390 class="inline-flex items-center cursor-pointer mb-4 p-2 text-xs rounded-full bg-white" 8391 x-data="{ 8392 expanded: false, 8393 alwaysOpen: false, 8394 id: '', 8395 }" 8396 x-on:mouseenter=" 8397 expanded = true; 8398 $dispatch('feature-open', { 8399 id: id, 8400 element: $el, 8401 }); 8402 " 8403 x-on:mouseleave=" 8404 expanded = false; 8405 $dispatch('feature-close', { 8406 id: id, 8407 element: $el, 8408 }); 8409 " 8410> 8411 <div> 8412 <img class="w-6 h-6 lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/panel-nascienny.svg" alt=""/> 8413 </div> 8414 <div 8415 x-show="expanded || alwaysOpen" 8416 x-collapse-side 8417 > 8418 <div class="px-2.5 font-light whitespace-nowrap"> 8419 Wall panel 8420 </div> 8421 </div> 8422</div> </div> 8423 8424 <div> 8425 <div 8426 class="inline-flex items-center cursor-pointer mb-4 p-2 text-xs rounded-full bg-white" 8427 x-data="{ 8428 expanded: false, 8429 alwaysOpen: false, 8430 id: '', 8431 }" 8432 x-on:mouseenter=" 8433 expanded = true; 8434 $dispatch('feature-open', { 8435 id: id, 8436 element: $el, 8437 }); 8438 " 8439 x-on:mouseleave=" 8440 expanded = false; 8441 $dispatch('feature-close', { 8442 id: id, 8443 element: $el, 8444 }); 8445 " 8446> 8447 <div> 8448 <img class="w-6 h-6 lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/TFB.svg" alt=""/> 8449 </div> 8450 <div 8451 x-show="expanded || alwaysOpen" 8452 x-collapse-side 8453 > 8454 <div class="px-2.5 font-light whitespace-nowrap"> 8455 TF Bus 8456 </div> 8457 </div> 8458</div> </div> 8459 </div> 8460 </div> 8461 8462 <div 8463 class="text-base" 8464> 8465 Smart Panel 4B Black 8466</div></a> </div> 8467</div> 8468 </div> 8469</div> 8470 </div> 8471</div> 8472 <div class="flex flex-wrap items-center justify-center gap-5"> 8473 <div class="inline-block"> 8474 <a 8475 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/product/" target="" id="" 8476 rel="noopener" 8477 > 8478 <span>Products Catalog</span> 8479 8480 <svg 8481 xmlns="http://www.w3.org/2000/svg" 8482 viewBox="0 0 24 24" 8483 class="h-5 w-5 ml-2 group-hover:text-inherit" 8484> 8485 <g> 8486 <path d="M0,0H24V24H0Z" fill="none"/> 8487 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8488 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8489 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8490 </g> 8491</svg> 8492 </a> 8493</div> 8494 </div> 8495 </div> 8496</div> 8497 </div> 8498</section> 8499 8500 8501<div class="wp-block-text-with-side-image py-20"> 8502 <section 8503 class="relative bg-light" 8504 id="nowy-produkt" 8505 > 8506 8507
8508 <div class="relative z-20"> 8509 <div 8510 class="w-full px-5 md:px-20" 8511> 8512 <div class="flex flex-wrap md:flex-nowrap md:gap-x-20 items-center"> 8513 <div 8514 class="w-full md:flex-none md:w-[45rem] pt-8 order-2 md:pt-0 opacity-0 md:order-1" 8515 x-data="{ animated: false }" 8516 x-intersect.margin.-20%.once="animated = true" 8517 :class="{ 'animate-fade-in-up' : animated }" 8518 > 8519 8520 <div> 8521 <h2 8522 class="text-3xl md:text-4xl -tracking-[.075rem] md:-tracking-[.15rem] flexible-content flexible-content-title mb-7 md:mb-10 md:w-[40rem]" 8523> 8524 New products<br /> 8525and functionalities! 8526</h2> <div 8527 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20 md:w-[40rem]" 8528 > 8529 <p><span data-sheets-value="{"1":2,"2":"Stay up-to-date with premieres - everything in one place."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Stay up-to-date with premieres – everything in one place.</span></p> 8530 8531 </div> 8532 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-24 md:mb-32"> 8533 <div class="inline-block"> 8534 <a 8535 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/premieres/" target="" id="" 8536 rel="noopener" 8537 > 8538 <span>See More</span> 8539 8540 <svg 8541 xmlns="http://www.w3.org/2000/svg" 8542 viewBox="0 0 24 24" 8543 class="h-5 w-5 ml-2 group-hover:text-inherit" 8544> 8545 <g> 8546 <path d="M0,0H24V24H0Z" fill="none"/> 8547 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8548 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8549 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8550 </g> 8551</svg> 8552 </a> 8553</div> 8554 </div> 8555 </div> 8556 </div> 8557 8558 <div class="relative z-10 md:grow order-1 self-stretch w-full md:w-auto mobile-only:aspect-[23/32] md:aspect-square md:order-2 md:mx-0"> 8559 <div class="w-full h-full hidden md:inline"> 8560 <img width="1200px" height="1200px" class="w-full h-full md:h-full md:absolute md:inset-0 object-cover object-center lazyload" data-srcset="https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-1666x1666.png 1666w, https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-1166x1166.png 1166w, https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-1000x1000.png 1000w, https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-826x826.png 826w, https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-768x768.png 768w, https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-576x576.png 576w, https://grenton.com/app/uploads/2023/11/nowe-produkty-www-nowosci-produktowe-1200x1200-2023-en-min-1-576x576@2x.png 1152w" sizes="(min-width: 1400px) 1666px, (min-width: 1200px) 1166px, (min-width: 992px) 1000px, (min-width: 768px) 826px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8561 </div> 8562 8563 <div class="w-full h-full md:hidden"> 8564 <img width="460px" height="530px" class="w-full h-full md:h-full md:absolute md:inset-0 object-cover object-center lazyload" data-srcset="https://grenton.com/app/uploads/2023/11/nowe-produkty-mobile-460x530-en-min-1-1666x1919.png 1666w, https://grenton.com/app/uploads/2023/11/nowe-produkty-mobile-460x530-en-min-1-1166x1343.png 1166w, https://grenton.com/app/uploads/2023/11/nowe-produkty-mobile-460x530-en-min-1-1000x1152.png 1000w, https://grenton.com/app/uploads/2023/11/nowe-produkty-mobile-460x530-en-min-1-826x951.png 826w, https://grenton.com/app/uploads/2023/11/nowe-produkty-mobile-460x530-en-min-1-768x884.png 768w, https://grenton.com/app/uploads/2023/11/nowe-produkty-mobile-460x530-en-min-1-576x663.png 576w" sizes="(min-width: 1400px) 1666px, (min-width: 1200px) 1166px, (min-width: 992px) 1000px, (min-width: 768px) 826px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8565 </div> 8566 </div> 8567 </div> 8568</div> 8569 </div> 8570</section> 8571</div> 8572 8573 8574<section 8575 class="relative wp-block-slider circle-images py-16" 8576 id="block_6497cbad11eadab640e204861ba6ad2c" 8577 > 8578 8579
8580 <div class="relative z-20"> 8581 <div 8582 class="w-full px-5 md:px-20" 8583> 8584 <div 8585 x-data="{ animated: false }" 8586 x-intersect.margin.-20%.once=" 8587 animated = true; 8588 $dispatch('slider-start', {name: 'block_6497cbad11eadab640e204861ba6ad2c-slider'}) 8589 " 8590 > 8591 <div class="md:w-[45rem] mb-[3.75rem]"> 8592 8593 <h2 8594 class="text-xl md:text-2xl" 8595> 8596 Grenton means<br /> 8597the answer to the needs of: 8598</h2> </div> 8599 8600 <div 8601 ax-load 8602 x-data="sliderAlt('block_6497cbad11eadab640e204861ba6ad2c-slider', 5, [])" 8603 class="relative -mx-5 md:x-0 md:px-32" x-on:slider-start.window="if ($event.detail.name !== name) { 8604 return; 8605 } 8606 8607 setAtStart();" 8608> 8609 <div 8610 class="flex overflow-x-auto scrollbar-none snap-x snap-mandatory pr-[20%] md:pr-0" 8611 x-ref="container" 8612 :class="{ 8613 'snap-x snap-mandatory': ! isDragging && ! settings.freeScroll, 8614 }" 8615> 8616 <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 8617 <div 8618 class="opacity-0" 8619 :class="{ 'animate-fade-in-up' : animated }" 8620 style="--animate-delay: 0s" 8621 > 8622 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 8623 <span class=""> 8624 <img style="width: 209.250000rem; height: auto" width="3348px" height="2232px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/shutterstock_1022919586-666x444.jpg 666w, https://grenton.com/app/uploads/2023/01/[email protected] 1332w, https://grenton.com/app/uploads/2023/01/shutterstock_1022919586-466x310.jpg 466w, https://grenton.com/app/uploads/2023/01/[email protected] 932w, https://grenton.com/app/uploads/2023/01/shutterstock_1022919586-400x266.jpg 400w, https://grenton.com/app/uploads/2023/01/[email protected] 800w, https://grenton.com/app/uploads/2023/01/shutterstock_1022919586-330x220.jpg 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/shutterstock_1022919586-768x512.jpg 768w, https://grenton.com/app/uploads/2023/01/[email protected] 1536w, https://grenton.com/app/uploads/2023/01/shutterstock_1022919586-576x384.jpg 576w, https://grenton.com/app/uploads/2023/01/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8625 </span> 8626 8627 <span class="md:hidden"> 8628 8629 </span> 8630</div> <h3 8631 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 8632> 8633 Those building and renovating 8634</h3> <div 8635 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 8636 > 8637 <p><span data-sheets-value="{"1":2,"2":"Build a house to Grenton's standards. Our expert will support you at every stage."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Build a house with use of Grenton’s standards. Our expert will support you at every stage.</span></p> 8638 8639 </div> 8640 </div> 8641</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 8642 <div 8643 class="opacity-0" 8644 :class="{ 'animate-fade-in-up' : animated }" 8645 style="--animate-delay: 0.3s" 8646 > 8647 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 8648 <span class=""> 8649 <img style="width: 41.625000rem; height: auto" width="666px" height="666px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/wygoda-666x666.png 666w, https://grenton.com/app/uploads/2023/01/wygoda-466x466.png 466w, https://grenton.com/app/uploads/2023/01/wygoda-400x400.png 400w, https://grenton.com/app/uploads/2023/01/wygoda-330x330.png 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/wygoda-768x768.png 768w, https://grenton.com/app/uploads/2023/01/wygoda-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8650 </span> 8651 8652 <span class="md:hidden"> 8653 8654 </span> 8655</div> <h3 8656 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 8657> 8658 Comfort and design seekers 8659</h3> <div 8660 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 8661 > 8662 <p><span data-sheets-value="{"1":2,"2":"Control all functions of the Grenton Home using intelligent, designer panels."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Control all functions of the Grenton Home using intelligent, stylish panels.</span></p> 8663 8664 </div> 8665 </div> 8666</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]">
8667 <div 8668 class="opacity-0" 8669 :class="{ 'animate-fade-in-up' : animated }" 8670 style="--animate-delay: 0.6s" 8671 > 8672 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 8673 <span class=""> 8674 <img style="width: 41.625000rem; height: auto" width="666px" height="666px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/01/rodzina-666x666.png 666w, https://grenton.com/app/uploads/2023/01/rodzina-466x466.png 466w, https://grenton.com/app/uploads/2023/01/rodzina-400x400.png 400w, https://grenton.com/app/uploads/2023/01/rodzina-330x330.png 330w, https://grenton.com/app/uploads/2023/01/[email protected] 660w, https://grenton.com/app/uploads/2023/01/rodzina-768x768.png 768w, https://grenton.com/app/uploads/2023/01/rodzina-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8675 </span> 8676 8677 <span class="md:hidden"> 8678 8679 </span> 8680</div> <h3 8681 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 8682> 8683 Modern families 8684</h3> <div 8685 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 8686 > 8687 <p><span data-sheets-value="{"1":2,"2":"Protect your home and the entire family. Take care of the comfort and safety of your loved ones."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Protect your home and the entire family. Take care of the comfort and safety of your loved ones.</span></p> 8688 8689 </div> 8690 </div> 8691</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 8692 <div 8693 class="opacity-0" 8694 :class="{ 'animate-fade-in-up' : animated }" 8695 style="--animate-delay: 0.9s" 8696 > 8697 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 8698 <span class=""> 8699 <img style="width: 40.000000rem; height: auto" width="640px" height="640px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2022/11/dla-samodzielnych-666x666.png 666w, https://grenton.com/app/uploads/2022/11/dla-samodzielnych-466x466.png 466w, https://grenton.com/app/uploads/2022/11/dla-samodzielnych-400x400.png 400w, https://grenton.com/app/uploads/2022/11/dla-samodzielnych-330x330.png 330w, https://grenton.com/app/uploads/2022/11/dla-samodzielnych-768x768.png 768w, https://grenton.com/app/uploads/2022/11/dla-samodzielnych-576x576.png 576w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8700 </span> 8701 8702 <span class="md:hidden"> 8703 8704 </span> 8705</div> <h3 8706 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 8707> 8708 Geeks and enthusiasts 8709</h3> <div 8710 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 8711 > 8712 <p><span data-sheets-value="{"1":2,"2":"Use new technologies in your home. Control with the app, automate, integrate, and monitor."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Use new technologies in your home. Control with the app, automate, integrate, and monitor.</span></p> 8713 8714 </div> 8715 </div> 8716</div> <div class="snap-start select-none p-5 md:p-10 w-full min-w-full md:w-[25%] md:min-w-[25%]"> 8717 <div 8718 class="opacity-0" 8719 :class="{ 'animate-fade-in-up' : animated }" 8720 style="--animate-delay: 1.2s" 8721 > 8722 <div class="flexible-content flexible-content-image mb-5 md:mb-5"> 8723 <span class=""> 8724 <img style="width: 120.000000rem; height: auto" width="1920px" height="1080px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/02/Wiecej-666x374.png 666w, https://grenton.com/app/uploads/2023/02/[email protected] 1332w, https://grenton.com/app/uploads/2023/02/Wiecej-466x262.png 466w, https://grenton.com/app/uploads/2023/02/[email protected] 932w, https://grenton.com/app/uploads/2023/02/Wiecej-400x225.png 400w, https://grenton.com/app/uploads/2023/02/[email protected] 800w, https://grenton.com/app/uploads/2023/02/Wiecej-330x185.png 330w, https://grenton.com/app/uploads/2023/02/[email protected] 660w, https://grenton.com/app/uploads/2023/02/Wiecej-768x432.png 768w, https://grenton.com/app/uploads/2023/02/[email protected] 1536w, https://grenton.com/app/uploads/2023/02/Wiecej-576x324.png 576w, https://grenton.com/app/uploads/2023/02/[email protected] 1152w" sizes="(min-width: 1400px) 666px, (min-width: 1200px) 466px, (min-width: 992px) 400px, (min-width: 768px) 330px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8725 </span> 8726 8727 <span class="md:hidden"> 8728 8729 </span> 8730</div> <h2
8731 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 8732> 8733 Yours! 8734</h2> <div 8735 class="wysiwyg text-md flexible-content flexible-content-content mb-5 md:mb-5" 8736 > 8737 <p><span data-sheets-value="{"1":2,"2":"The Grenton system is for anyone who wants to manage their home comfortably and safely."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">The Grenton system is for anyone who wants to manage their home comfortably and safely.</span></p> 8738 8739 </div> 8740 </div> 8741</div> 8742</div> 8743 <div 8744 x-show="showNav" 8745 class="flex items-center justify-center pt-5 md:pt-0 hidden md:block" 8746> 8747 <button 8748 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:left-0 md:top-1/2 md:-translate-y-full md:translate-x-1/2 md:px-5" x-on:click="prevSlide()" 8749> 8750 <svg 8751 xmlns="http://www.w3.org/2000/svg" 8752 viewBox="0 0 24 24" 8753 class="h-5 w-5 w-6 h-6" 8754> 8755 <g> 8756 <path d="M24,24H0V0h24V24z" fill="none"/> 8757 <line x1="19" y1="12" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8758 <line x1="9" y1="16" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8759 <line x1="9" y1="8" x2="5" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8760 </g> 8761</svg> 8762</button> 8763 <button 8764 class="px-10 py-6 bg-light rounded-[2.5rem] md:absolute z-10 md:right-0 md:top-1/2 md:-translate-y-full md:-translate-x-1/2 md:px-5" x-on:click="nextSlide()" 8765> 8766 <svg 8767 xmlns="http://www.w3.org/2000/svg" 8768 viewBox="0 0 24 24" 8769 class="h-5 w-5 w-6 h-6" 8770> 8771 <g> 8772 <path d="M0,0H24V24H0Z" fill="none"/> 8773 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8774 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8775 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8776 </g> 8777</svg> 8778</button></div> 8779</div> </div> 8780</div> 8781 </div> 8782</section> 8783 8784 8785<section 8786 class="relative bg-light theme-static-desktop wp-block-heading" 8787 id="block_3b169c1b4e3db2f62f25f659667327a4" 8788 > 8789 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 hidden md:block"> 8790 <img class="w-full h-full object-cover object-center lazyload" data-srcset="https://grenton.com/app/uploads/2023/04/proste-drogi-1-2000x599_mn_1998x599-2000x599.png 2000w, https://grenton.com/app/uploads/2023/04/proste-drogi-1-2000x599_mn_1998x599-1400x419.png 1400w, https://grenton.com/app/uploads/2023/04/proste-drogi-1-2000x599_mn_1998x599-1200x359.png 1200w, https://grenton.com/app/uploads/2023/04/proste-drogi-1-2000x599_mn_1998x599-992x297.png 992w, https://grenton.com/app/uploads/2023/04/[email protected] 1984w, https://grenton.com/app/uploads/2023/04/proste-drogi-1-2000x599_mn_1998x599-768x230.png 768w, https://grenton.com/app/uploads/2023/04/[email protected] 1536w, https://grenton.com/app/uploads/2023/04/proste-drogi-1-2000x599_mn_1998x599-576x172.png 576w, https://grenton.com/app/uploads/2023/04/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8791 </div> 8792 8793 8794 <div class="relative z-20"> 8795 <div 8796 class="w-full px-5 md:px-20" 8797> 8798 <div class="md:w-1/2 pb-[12rem] md:pb-[15rem] pt-[9rem] md:pt-40"> 8799 <h2 8800 class="text-xl md:text-2xl" 8801> 8802 3 Ways to Smart Home<br /> 8803with Grenton<br /> 8804</h2> </div> 8805 8806 <div class="md:hidden -mx-5"> 8807 <img width="998px" height="1435px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/04/proste-drogi-mobile-2000x2875-1-2000x2875.png 2000w, https://grenton.com/app/uploads/2023/04/proste-drogi-mobile-2000x2875-1-1400x2013.png 1400w, https://grenton.com/app/uploads/2023/04/proste-drogi-mobile-2000x2875-1-1200x1725.png 1200w, https://grenton.com/app/uploads/2023/04/proste-drogi-mobile-2000x2875-1-992x1426.png 992w, https://grenton.com/app/uploads/2023/04/proste-drogi-mobile-2000x2875-1-768x1104.png 768w, https://grenton.com/app/uploads/2023/04/proste-drogi-mobile-2000x2875-1-576x828.png 576w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8808 </div> 8809</div> 8810 </div> 8811</section> 8812 8813 8814<section 8815 class="relative bg-light theme-static-desktop wp-block-column-view" 8816 id="block_537d603992cafacb3d9c7a60fbeb386a" 8817 > 8818 <div class="absolute z-10 top-0 right-0 bottom-0 left-0 hidden md:block"> 8819 <img class="w-full h-full object-contain object-right-bottom lazyload" data-srcset="https://grenton.com/app/uploads/2022/11/circle-br-bg-2000x2122.png 2000w, https://grenton.com/app/uploads/2022/11/circle-br-bg-1400x1485.png 1400w, https://grenton.com/app/uploads/2022/11/circle-br-bg-1200x1273.png 1200w, https://grenton.com/app/uploads/2022/11/circle-br-bg-992x1052.png 992w, https://grenton.com/app/uploads/2022/11/[email protected] 1984w, https://grenton.com/app/uploads/2022/11/circle-br-bg-768x814.png 768w, https://grenton.com/app/uploads/2022/11/[email protected] 1536w, https://grenton.com/app/uploads/2022/11/circle-br-bg-576x611.png 576w, https://grenton.com/app/uploads/2022/11/[email protected] 1152w" sizes="(min-width: 1400px) 2000px, (min-width: 1200px) 1400px, (min-width: 992px) 1200px, (min-width: 768px) 992px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 8820 </div> 8821 8822 8823 <div class="relative z-20"> 8824 <div 8825 class="w-full px-5 md:px-20 pt-32 pb-10 md:pb-32" 8826> 8827 <div 8828 class="md:grid gap-x-20 md:px-60 grid-cols-3" 8829 x-data="{ animated: false }" 8830 x-intersect.margin.-20%.once="animated = true" 8831 > 8832 <div 8833 class="py-8 opacity-0" 8834 :class="{ 'animate-fade-in-up' : animated }" 8835 style="--animate-delay: 0s" 8836 > 8837 <h3 8838 class="text-base flexible-content flexible-content-title mb-7 md:mb-10" 8839> 8840 Talk to an Expert 8841</h3> <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-5 md:mb-5"> 8842 <div class="inline-block"> 8843 <a 8844 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-white text-dark hover:bg-primary px-10 py-6" href="https://grenton.com/contact/#kontakt" target="" id="NapiszDoNas_DlaTwojegoDomu" 8845 rel="noopener" 8846 > 8847 <span>Contact Us</span> 8848 8849 <svg 8850 xmlns="http://www.w3.org/2000/svg" 8851 viewBox="0 0 24 24" 8852 class="h-5 w-5 ml-2 text-primary group-hover:text-inherit" 8853> 8854 <g> 8855 <path d="M0,0H24V24H0Z" fill="none"/> 8856 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8857 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8858 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8859 </g> 8860</svg> 8861 </a> 8862</div> 8863 </div> 8864 </div> 8865 <div 8866 class="py-8 opacity-0" 8867 :class="{ 'animate-fade-in-up' : animated }" 8868 style="--animate-delay: 0.3s" 8869 > 8870 <h3 8871 class="text-base flexible-content flexible-content-title mb-7 md:mb-10" 8872> 8873 Find an Installer 8874</h3> <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-5 md:mb-5"> 8875 <div class="inline-block"> 8876 <a 8877 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-white text-dark hover:bg-primary px-10 py-6" href="https://grenton.com/for-your-home/map-find-installer/" target="" id="Mapa_DlaTwojegoDomu" 8878 rel="noopener" 8879 > 8880 <span>Go to the Map</span> 8881 8882 <svg 8883 xmlns="http://www.w3.org/2000/svg" 8884 viewBox="0 0 24 24" 8885 class="h-5 w-5 ml-2 text-primary group-hover:text-inherit" 8886> 8887 <g> 8888 <path d="M0,0H24V24H0Z" fill="none"/> 8889 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8890 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8891 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8892 </g> 8893</svg> 8894 </a> 8895</div> 8896 </div> 8897 </div> 8898 <div 8899 class="py-8 opacity-0" 8900 :class="{ 'animate-fade-in-up' : animated }" 8901 style="--animate-delay: 0.6s" 8902 > 8903 <h3 8904 class="text-base flexible-content flexible-content-title mb-7 md:mb-10" 8905> 8906 Estimate project costs 8907</h3> <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-5 md:mb-5"> 8908 <div class="inline-block"> 8909 <a 8910 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-white text-dark hover:bg-primary px-10 py-6" href="https://grenton.com/contact/#kontakt" target="_blank" id="Wyce
8910na_DlaTwojegoDomu" 8911 rel="noopener" 8912 > 8913 <span>Describe Needs</span> 8914 8915 <svg 8916 xmlns="http://www.w3.org/2000/svg" 8917 viewBox="0 0 24 24" 8918 class="h-5 w-5 ml-2 text-primary group-hover:text-inherit" 8919> 8920 <g> 8921 <path d="M0,0H24V24H0Z" fill="none"/> 8922 <line y2="14" transform="translate(7.05 15.95) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8923 <line y2="14" transform="translate(5 21) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8924 <line x1="4" y2="4" transform="translate(14.121 8.879) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8925 <line x2="4" y2="4" transform="translate(16.95 11.707) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8926 </g> 8927</svg> 8928 </a> 8929</div> 8930 </div> 8931 </div> 8932 </div> 8933</div> 8934 </div> 8935</section> 8936 8937 8938<div class="wp-block-text-with-side-image py-20"> 8939 <section 8940 class="relative" 8941 id="block_bfb749aa1b08d4257be646229140b19c" 8942 > 8943 8944
8945 <div class="relative z-20"> 8946 <div 8947 class="w-full px-5 md:px-20" 8948> 8949 <div class="flex flex-wrap md:flex-nowrap md:gap-x-20 items-center"> 8950 <div 8951 class="w-full md:flex-none md:w-[45rem] pt-8 order-2 md:pt-0 opacity-0 md:order-1" 8952 x-data="{ animated: false }" 8953 x-intersect.margin.-20%.once="animated = true" 8954 :class="{ 'animate-fade-in-up' : animated }" 8955 > 8956 8957 <div> 8958 <h2 8959 class="text-xl md:text-2xl flexible-content flexible-content-title mb-7 md:mb-10 md:w-[40rem]" 8960> 8961 Are you an electrician or installer? Start collaborating with the market leader in smart home technology. 8962</h2> <div 8963 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20 md:w-[40rem]" 8964 > 8965 <p><span data-sheets-value="{"1":2,"2":"Collaborating with Grenton gives you access to knowledge about the standard of modern installations, proven in thousands of implementations. It assures you of the system's reliable performance and safety, guaranteeing peace of mind for both you and your clients. It means professional support from experts at every stage of the project."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Collaborating with Grenton gives you access to knowledge about the standard of modern installations, proven in thousands of implementations. It assures you of the system’s reliable performance and safety, guaranteeing peace of mind for both you and your clients. It means professional support from experts at every stage of the project.</span></p> 8966 8967 </div> 8968 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-12 md:mb-20"> 8969 <div class="inline-block"> 8970 <a 8971 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/professionals/cooperation-architects-dealers-developers-grenton/installer/" target="" id="" 8972 rel="noopener" 8973 > 8974 <span>Grenton Installer</span> 8975 8976 <svg 8977 xmlns="http://www.w3.org/2000/svg" 8978 viewBox="0 0 24 24" 8979 class="h-5 w-5 ml-2 group-hover:text-inherit" 8980> 8981 <g> 8982 <path d="M0,0H24V24H0Z" fill="none"/> 8983 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8984 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8985 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 8986 </g> 8987</svg> 8988 </a> 8989</div> 8990 <div class="inline-block"> 8991 <a 8992 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-white text-dark hover:bg-primary px-10 py-6" href="https://grenton.com/system/" target="" id="" 8993 rel="noopener" 8994 > 8995 <span>More about the System</span> 8996 8997 <svg 8998 xmlns="http://www.w3.org/2000/svg" 8999 viewBox="0 0 24 24" 9000 class="h-5 w-5 ml-2 group-hover:text-inherit" 9001> 9002 <g> 9003 <path d="M0,0H24V24H0Z" fill="none"/> 9004 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9005 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9006 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9007 </g> 9008</svg> 9009 </a> 9010</div> 9011 </div> 9012 </div> 9013 </div> 9014 9015 <div class="relative z-10 md:grow order-1 self-stretch w-full md:w-auto mobile-only:aspect-[23/32] md:aspect-square md:order-2 md:mx-0"> 9016 <div class="w-full h-full"> 9017 <img width="2080px" height="1544px" class="w-full h-full md:h-full md:absolute md:inset-0 object-cover object-center lazyload" data-srcset="https://grenton.com/app/uploads/2022/11/Miedziana-Gora-32-1666x1236.png 1666w, https://grenton.com/app/uploads/2022/11/Miedziana-Gora-32-1166x865.png 1166w, https://grenton.com/app/uploads/2022/11/Miedziana-Gora-32-1000x742.png 1000w, https://grenton.com/app/uploads/2022/11/[email protected] 2000w, https://grenton.com/app/uploads/2022/11/Miedziana-Gora-32-826x613.png 826w, https://grenton.com/app/uploads/2022/11/[email protected] 1652w, https://grenton.com/app/uploads/2022/11/Miedziana-Gora-32-768x570.png 768w, https://grenton.com/app/uploads/2022/11/[email protected] 1536w, https://grenton.com/app/uploads/2022/11/Miedziana-Gora-32-576x427.png 576w, https://grenton.com/app/uploads/2022/11/[email protected] 1152w" sizes="(min-width: 1400px) 1666px, (min-width: 1200px) 1166px, (min-width: 992px) 1000px, (min-width: 768px) 826px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9018 </div> 9019 9020 </div> 9021 </div> 9022</div> 9023 </div> 9024</section> 9025</div> 9026 9027 9028<section 9029 class="relative bg-darkerLight wp-block-column-view" 9030 id="block_fa96e27e673eb896f510bf78ae2d1a79" 9031 > 9032 9033
9034 <div class="relative z-20"> 9035 <div 9036 class="w-full px-5 md:px-20 pt-32 pb-10 md:pb-32" 9037> 9038 <div 9039 class="md:w-[45rem] mb-14 opacity-0" 9040 :class="{ 'animate-fade-in-up' : animated }" 9041 x-data="{ animated: false }" 9042 x-intersect.margin.-20%.once="animated = true" 9043 > 9044 <h2 9045 class="text-xl md:text-2xl flexible-content flexible-content-title mb-7 md:mb-10" 9046> 9047 Grenton means a market leadership 9048</h2> <h2 9049 class="text-base flexible-content flexible-content-title mb-5 md:mb-5" 9050> 9051 We create smart homes. We produce in the EU.<br /> 9052We define, shape, and educate the market. 9053</h2> </div> 9054 9055 <div 9056 class="md:grid gap-x-20 md:px-60 grid-cols-3" 9057 x-data="{ animated: false }" 9058 x-intersect.margin.-20%.once="animated = true" 9059 > 9060 <div 9061 class="py-8 opacity-0" 9062 :class="{ 'animate-fade-in-up' : animated }" 9063 style="--animate-delay: 0s" 9064 > 9065 <h2 9066 class="text-4xl md:text-5xl flexible-content flexible-content-title mb-5 md:mb-5" 9067> 9068 +10 9069</h2> <div 9070 class="wysiwyg text-md flexible-content flexible-content-content" 9071 > 9072 <p><span data-sheets-value="{"1":2,"2":"years of operation in the market"}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">years of operation in the market</span></p> 9073 9074 </div> 9075 </div> 9076 <div 9077 class="py-8 opacity-0" 9078 :class="{ 'animate-fade-in-up' : animated }" 9079 style="--animate-delay: 0.3s" 9080 > 9081 <h2 9082 class="text-4xl md:text-5xl flexible-content flexible-content-title mb-5 md:mb-5" 9083> 9084 +30 9085</h2> <div 9086 class="wysiwyg text-md flexible-content flexible-content-content" 9087 > 9088 <p><span data-sheets-value="{"1":2,"2":"countries with Grenton"}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">countries with Grenton</span></p> 9089 9090 </div> 9091 </div> 9092 <div 9093 class="py-8 opacity-0" 9094 :class="{ 'animate-fade-in-up' : animated }" 9095 style="--animate-delay: 0.6s" 9096 > 9097 <h2 9098 class="text-4xl md:text-5xl flexible-content flexible-content-title mb-5 md:mb-5" 9099> 9100 +40k 9101</h2> <div 9102 class="wysiwyg text-md flexible-content flexible-content-content" 9103 > 9104 <p><span data-sheets-value="{"1":2,"2":"system users"}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">system users</span></p> 9105 9106 </div> 9107 </div> 9108 </div> 9109</div> 9110 </div> 9111</section> 9112 9113 9114<section 9115 class="relative bg-darkerLight wp-block-flexible-section" data-text="" 9116 id="block_61be9d5cc18f5ea4dcac4a2f49403832" 9117 > 9118 9119 9120 <div class="relative z-20"> 9121 <div 9122 class="w-full px-5 md:px-20 flex flex-col items-center" 9123> 9124 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-24 md:mb-32"> 9125 <div class="inline-block"> 9126 <a 9127 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/about-us/" target="" id="" 9128 rel="noopener" 9129 > 9130 <span>More about Us</span> 9131 9132 <svg 9133 xmlns="http://www.w3.org/2000/svg" 9134 viewBox="0 0 24 24" 9135 class="h-5 w-5 ml-2 group-hover:text-inherit" 9136> 9137 <g> 9138 <path d="M0,0H24V24H0Z" fill="none"/> 9139 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9140 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9141 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9142 </g> 9143</svg> 9144 </a> 9145</div> 9146 </div> 9147</div> 9148 </div> 9149</section> 9150 9151 9152<section 9153 class="relative wp-block-heading" 9154 id="block_b76134e4efeab4797f4f9ba792a75a82" 9155 > 9156 9157
9158 <div class="relative z-20"> 9159 <div 9160 class="w-full px-5 md:px-20" 9161> 9162 <div class="md:w-1/2 pb-2.5 md:pb-3 pt-12 md:pt-20"> 9163 <h2 9164 class="text-xl md:text-2xl" 9165> 9166 Advice and Reference projects 9167</h2> </div> 9168</div> 9169 </div> 9170</section> 9171 9172 9173<div 9174 class="" 9175 x-data="{ 9176 tabs: [], 9177 activeTab: 0, 9178 openTab(idx) { 9179 this.activeTab = idx; 9180 9181 this.tabs.forEach(function(tab, i) { 9182 if (i === idx) { 9183 tab.classList.remove('hidden'); 9184 } else{ 9185 tab.classList.add('hidden'); 9186 } 9187 }); 9188 } 9189 }" 9190 x-init=" 9191 tabs = $el.querySelectorAll('[js-tab]'); 9192 openTab(0); 9193 " 9194 > 9195 <div 9196 class="w-full px-5 md:px-20 py-10 overflow-x-auto md:overflow-x-hidden text-right" 9197> 9198 <div class="inline-flex gap-16 md:justify-end text-sm font-light overflow-auto"> 9199 <div 9200 class="py-0.5 border-primary cursor-pointer select-none whitespace-nowrap" 9201 :class="{ 9202 'border-b': activeTab === 0 9203 }" 9204 x-on:click="openTab(0)" 9205 > 9206 Advice 9207 </div> 9208 <div 9209 class="py-0.5 border-primary cursor-pointer select-none whitespace-nowrap" 9210 :class="{ 9211 'border-b': activeTab === 1 9212 }" 9213 x-on:click="openTab(1)" 9214 > 9215 Reference projects 9216 </div> 9217 </div> 9218</div> 9219 9220 <div> 9221 9222<div 9223 js-tab 9224 class="hidden" 9225> 9226 9227<section 9228 class="relative wp-block-column-posts pt-20 pb-36" 9229 id="block_d3a1301e136f7f3dea12a9c7eb5a2f24" 9230 > 9231 9232 9233 <div class="relative z-20"> 9234 <div 9235 class="w-full px-5 md:px-20" 9236> 9237 <div 9238 class="grid md:grid-cols-4 gap-20" 9239 x-data="{ animated: false }" 9240 x-intersect.margin.-20%.once="animated = true" 9241 > 9242 9243 <div 9244 class="opacity-0" 9245 :class="{ 'animate-fade-in-up' : animated }" 9246 style="--animate-delay: 0s" 9247 > 9248 <div> 9249 <div class="relative z-10 w-full aspect-[4/6] mb-8 bg-light"> 9250 <a 9251 href="https://grenton.com/advice-and-reference-projects/what-is-multiroom-audio/" 9252 target="_self" 9253 rel="noopener" 9254 title="What is multiroom audio? Modern sound systems in the smart home." 9255 > 9256 <img class="w-full h-full object-cover" srcset="https://grenton.com/app/uploads/2025/01/porady-inspiracje-audio-www-1360x880-1-1000x647.png 1000w, https://grenton.com/app/uploads/2025/01/porady-inspiracje-audio-www-1360x880-1-700x452.png 700w, https://grenton.com/app/uploads/2025/01/porady-inspiracje-audio-www-1360x880-1-600x388.png 600w, https://grenton.com/app/uploads/2025/01/[email protected] 1200w, https://grenton.com/app/uploads/2025/01/porady-inspiracje-audio-www-1360x880-1-496x320.png 496w, https://grenton.com/app/uploads/2025/01/[email protected] 992w, https://grenton.com/app/uploads/2025/01/porady-inspiracje-audio-www-1360x880-1-768x496.png 768w, https://grenton.com/app/uploads/2025/01/porady-inspiracje-audio-www-1360x880-1-576x372.png 576w, https://grenton.com/app/uploads/2025/01/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9257 </a> 9258 </div> 9259 9260 <h3 9261 class="text-lg md:w-[25rem]" 9262> 9263 <a 9264 href="https://grenton.com/advice-and-reference-projects/what-is-multiroom-audio/" 9265 target="_self" 9266 rel="noopener" 9267 > 9268 What is multiroom audio? Modern sound systems in the smart home. </a> 9269</h3></div> </div> 9270 9271 <div 9272 class="opacity-0 md:col-span-2" 9273 :class="{ 'animate-fade-in-up' : animated }" 9274 style="--animate-delay: 0.3s" 9275 > 9276 <div> 9277 <div class="relative z-10 w-full aspect-[4/6] mb-8 bg-light md:aspect-[11/9]"> 9278 <a 9279 href="https://grenton.com/advice-and-reference-projects/what-is-a-smart-home-and-how-much-does-it-really-cost-comprehe
9279nsive-guide-to-smart-home-costs/" 9280 target="_self" 9281 rel="noopener" 9282 title="What is a smart home and how much does it really cost? Comprehensive guide to smart home costs." 9283 > 9284 <img class="w-full h-full object-cover" srcset="https://grenton.com/app/uploads/2024/04/mygrenton-smart-home-saving-en-1000x666.png 1000w, https://grenton.com/app/uploads/2024/04/[email protected] 2000w, https://grenton.com/app/uploads/2024/04/mygrenton-smart-home-saving-en-700x466.png 700w, https://grenton.com/app/uploads/2024/04/[email protected] 1400w, https://grenton.com/app/uploads/2024/04/mygrenton-smart-home-saving-en-600x400.png 600w, https://grenton.com/app/uploads/2024/04/[email protected] 1200w, https://grenton.com/app/uploads/2024/04/mygrenton-smart-home-saving-en-496x330.png 496w, https://grenton.com/app/uploads/2024/04/[email protected] 992w, https://grenton.com/app/uploads/2024/04/mygrenton-smart-home-saving-en-768x512.png 768w, https://grenton.com/app/uploads/2024/04/[email protected] 1536w, https://grenton.com/app/uploads/2024/04/mygrenton-smart-home-saving-en-576x384.png 576w, https://grenton.com/app/uploads/2024/04/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9285 </a> 9286 </div> 9287 9288 <h3 9289 class="text-lg md:w-[25rem]" 9290> 9291 <a 9292 href="https://grenton.com/advice-and-reference-projects/what-is-a-smart-home-and-how-much-does-it-really-cost-comprehe
9292nsive-guide-to-smart-home-costs/" 9293 target="_self" 9294 rel="noopener" 9295 > 9296 What is a smart home and how much does it really cost? Comprehensive guide to smart home costs. </a> 9297</h3></div> </div> 9298 9299 <div 9300 class="opacity-0" 9301 :class="{ 'animate-fade-in-up' : animated }" 9302 style="--animate-delay: 0.6s" 9303 > 9304 <div> 9305 <div class="relative z-10 w-full aspect-[4/6] mb-8 bg-light"> 9306 <a 9307 href="https://grenton.com/advice-and-reference-projects/smart-lighting-what-is-it/" 9308 target="_self" 9309 rel="noopener" 9310 title="Smart Lighting – What is it?" 9311 > 9312 <img class="w-full h-full object-cover" srcset="https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-1000x647.png 1000w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-700x452.png 700w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-600x388.png 600w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-600x388@2x.png 1200w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-496x320.png 496w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-496x320@2x.png 992w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-768x496.png 768w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-576x372.png 576w, https://grenton.com/app/uploads/2023/03/porady-inspiracje-www-1360x880-format-przycinany-po-bokach-2-576x372@2x.png 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9313 </a> 9314 </div> 9315 9316 <h3 9317 class="text-lg md:w-[25rem]" 9318> 9319 <a 9320 href="https://grenton.com/advice-and-reference-projects/smart-lighting-what-is-it/" 9321 target="_self" 9322 rel="noopener" 9323 > 9324 Smart Lighting – What is it? </a> 9325</h3></div> </div> 9326 9327 </div> 9328</div> 9329 </div> 9330</section> 9331 9332 9333</div> 9334 9335<div 9336 js-tab 9337 class="hidden" 9338> 9339 9340<section 9341 class="relative wp-block-column-posts pt-20 pb-36" 9342 id="block_e7289c24f6675fae21cc342cda2cc0c6" 9343 > 9344 9345 9346 <div class="relative z-20"> 9347 <div 9348 class="w-full px-5 md:px-20" 9349> 9350 <div 9351 class="grid md:grid-cols-4 gap-20" 9352 x-data="{ animated: false }" 9353 x-intersect.margin.-20%.once="animated = true" 9354 > 9355 9356 <div 9357 class="opacity-0" 9358 :class="{ 'animate-fade-in-up' : animated }" 9359 style="--animate-delay: 0s" 9360 > 9361 <div> 9362 <div class="relative z-10 w-full aspect-[4/6] mb-8 bg-light"> 9363 <a 9364 href="https://grenton.com/advice-and-reference-projects/grenton-system-in-a-private-house-with-view-of-the-tatra-mountains/" 9365 target="_self" 9366 rel="noopener" 9367 title="Grenton system in a private house with view of the Tatra Mountains." 9368 > 9369 <img class="w-full h-full object-cover" srcset="https://grenton.com/app/uploads/2026/05/porady-inspiracje-nowy-targ-www-1360x880-1-1000x647.png 1000w, https://grenton.com/app/uploads/2026/05/porady-inspiracje-nowy-targ-www-1360x880-1-700x452.png 700w, https://grenton.com/app/uploads/2026/05/porady-inspiracje-nowy-targ-www-1360x880-1-600x388.png 600w, https://grenton.com/app/uploads/2026/05/[email protected] 1200w, https://grenton.com/app/uploads/2026/05/porady-inspiracje-nowy-targ-www-1360x880-1-496x320.png 496w, https://grenton.com/app/uploads/2026/05/[email protected] 992w, https://grenton.com/app/uploads/2026/05/porady-inspiracje-nowy-targ-www-1360x880-1-768x496.png 768w, https://grenton.com/app/uploads/2026/05/porady-inspiracje-nowy-targ-www-1360x880-1-576x372.png 576w, https://grenton.com/app/uploads/2026/05/porady-ins
9369[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9370 </a> 9371 </div> 9372 9373 <h3 9374 class="text-lg md:w-[25rem]" 9375> 9376 <a 9377 href="https://grenton.com/advice-and-reference-projects/grenton-system-in-a-private-house-with-view-of-the-tatra-mountains/" 9378 target="_self" 9379 rel="noopener" 9380 > 9381 Grenton system in a private house with view of the Tatra Mountains. </a> 9382</h3></div> </div> 9383 9384 <div 9385 class="opacity-0 md:col-span-2" 9386 :class="{ 'animate-fade-in-up' : animated }" 9387 style="--animate-delay: 0.3s" 9388 > 9389 <div> 9390 <div class="relative z-10 w-full aspect-[4/6] mb-8 bg-light md:aspect-[11/9]"> 9391 <a 9392 href="https://grenton.com/advice-and-reference-projects/smart-home-grenton-at-the-flatta-wilanow-investment-in-warsaw/" 9393 target="_self" 9394 rel="noopener" 9395 title="Smart Home Grenton at the Flatta Wilanow investment in Warsaw." 9396 > 9397 <img class="w-full h-full object-cover" srcset="https://grenton.com/app/uploads/2025/11/porady-inspiracje-cordia-wilanow-www-1360x880-1-1000x647.png 1000w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-cordia-wilanow-www-1360x880-1-700x452.png 700w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-cordia-wilanow-www-1360x880-1-600x388.png 600w, https://grenton.com/app/uploads/2025/11/[email protected] 1200w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-cordia-wilanow-www-1360x880-1-496x320.png 496w, https://grenton.com/app/uploads/2025/11/[email protected] 992w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-cordia-wilanow-www-1360x880-1-768x496.png 768w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-cordia-wilanow-www-1360x880-1-576x372.png 576w, https://grenton.com/app/uploads/2025/11/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9398 </a> 9399 </div> 9400 9401 <h3 9402 class="text-lg md:w-[25rem]" 9403> 9404 <a 9405 href="https://grenton.com/advice-and-reference-projects/smart-home-grenton-at-the-flatta-wilanow-investment-in-warsaw/" 9406 target="_self" 9407 rel="noopener" 9408 > 9409 Smart Home Grenton at the Flatta Wilanow investment in Warsaw. </a> 9410</h3></div> </div> 9411 9412 <div 9413 class="opacity-0" 9414 :class="{ 'animate-fade-in-up' : animated }" 9415 style="--animate-delay: 0.6s" 9416 > 9417 <div> 9418 <div class="relative z-10 w-full aspect-[4/6] mb-8 bg-light"> 9419 <a 9420 href="https://grenton.com/advice-and-reference-projects/grenton-system-in-premium-apartments-in-warsaw/" 9421 target="_self" 9422 rel="noopener" 9423 title="Grenton system in premium apartments in Warsaw." 9424 > 9425 <img class="w-full h-full object-cover" srcset="https://grenton.com/app/uploads/2025/11/porady-inspiracje-orkana-12-www-1360x880-1-1000x647.png 1000w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-orkana-12-www-1360x880-1-700x452.png 700w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-orkana-12-www-1360x880-1-600x388.png 600w, https://grenton.com/app/uploads/2025/11/[email protected] 1200w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-orkana-12-www-1360x880-1-496x320.png 496w, https://grenton.com/app/uploads/2025/11/[email protected] 992w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-orkana-12-www-1360x880-1-768x496.png 768w, https://grenton.com/app/uploads/2025/11/porady-inspiracje-orkana-12-www-1360x880-1-576x372.png 576w, https://grenton.com/app/uploads/2025/11/[email protected] 1152w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9426 </a> 9427 </div> 9428 9429 <h3 9430 class="text-lg md:w-[25rem]" 9431> 9432 <a 9433 href="https://grenton.com/advice-and-reference-projects/grenton-system-in-premium-apartments-in-warsaw/" 9434 target="_self" 9435 rel="noopener" 9436 > 9437 Grenton system in premium apartments in Warsaw. </a> 9438</h3></div> </div> 9439 9440 </div> 9441</div> 9442 </div> 9443</section> 9444 9445 9446</div> 9447 9448 </div> 9449 9450 </div> 9451 9452 9453<section 9454 class="relative wp-block-flexible-section" data-text="full" 9455 id="block_560bab062a4848304595d8c83184d90b" 9456 > 9457 9458
9459 <div class="relative z-20"> 9460 <div 9461 class="w-full px-5 md:px-20 flex flex-col items-center" 9462> 9463 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons mb-24 md:mb-32"> 9464 <div class="inline-block"> 9465 <a 9466 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/advice-and-reference-projects/" target="" id="" 9467 rel="noopener" 9468 > 9469 <span>Go to Advice and Reference projects</span> 9470 9471 <svg 9472 xmlns="http://www.w3.org/2000/svg" 9473 viewBox="0 0 24 24" 9474 class="h-5 w-5 ml-2 group-hover:text-inherit" 9475> 9476 <g> 9477 <path d="M0,0H24V24H0Z" fill="none"/> 9478 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9479 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9480 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9481 </g> 9482</svg> 9483 </a> 9484</div> 9485 </div> 9486</div> 9487 </div> 9488</section> 9489 9490 9491<section 9492 class="relative bg-gradient-to-b md:bg-gradient-to-r from-[#FF6F72] to-[#ED0F40] theme-static wp-block-banner-overflow" 9493 id="block_55c1088bfee9bcb1cf6e1dca44ba4d80" 9494 > 9495 9496
9497 <div class="relative z-20"> 9498 <div 9499 class="w-full px-5 md:px-20" 9500> 9501 <div 9502 class="md:flex" 9503 x-data="{ animated: false }" 9504 x-intersect.margin.-20%.once="animated = true" 9505 > 9506 <div 9507 class="relative z-20 md:flex-none md:w-[75rem] opacity-0 pt-[9rem] md:pt-40 pb-[9rem] md:pb-40" 9508 :class="{ 'animate-fade-in-up' : animated }" 9509 > 9510 <div class="md:w-[57rem]"> 9511 <h2 9512 class="text-xl md:text-2xl mb-8" 9513> 9514 Configure Your <br /> 9515Smart Home 9516</h2> 9517 </div> 9518 9519 <div class="md:w-[45rem] md:ml-auto"> 9520 <div 9521 class="wysiwyg text-md flexible-content flexible-content-content mb-12 md:mb-20 md:w-[30rem]" 9522 > 9523 <p><span data-sheets-value="{"1":2,"2":"One investment, benefits for years."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":0,"12":0}">One investment, benefits for years.</span></p> 9524<p><span data-sheets-value="{"1":2,"2":"Choose Smart Home Grenton, replacing traditional installations with one system."}" data-sheets-userformat="{"2":769,"3":{"1":0},"11":4,"12":0}">Choose Smart Home Grenton, replacing traditional installations with one system.</span></p> 9525 9526 </div> 9527 <div class="buttons flex flex-wrap gap-5 flexible-content flexible-content-buttons md:justify-center md:pl-40"> 9528 <div class="inline-block"> 9529 <a 9530 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-10 py-6" href="https://grenton.com/contact/#kontakt" target="_blank" id="Wycena_Baner_DlaTwojegoDomu" 9531 rel="noopener" 9532 > 9533 <span>Describe Needs</span> 9534 9535 <svg 9536 xmlns="http://www.w3.org/2000/svg" 9537 viewBox="0 0 24 24" 9538 class="h-5 w-5 ml-2 group-hover:text-inherit" 9539> 9540 <g> 9541 <path d="M0,0H24V24H0Z" fill="none"/> 9542 <line y2="14" transform="translate(7.05 15.95) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9543 <line y2="14" transform="translate(5 21) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9544 <line x1="4" y2="4" transform="translate(14.121 8.879) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9545 <line x2="4" y2="4" transform="translate(16.95 11.707) rotate(-135)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9546 </g> 9547</svg> 9548 </a> 9549</div> 9550 </div> 9551 </div> 9552 </div> 9553 9554 <div class="md:absolute md:right-0 md:left-1/2 md:bottom-0 -mx-5 md:mx-0"> 9555 <div class=""> 9556 <img width="900px" height="719px" class="w-full h-auto lazyload" data-srcset="https://grenton.com/app/uploads/2023/11/dla-twojego-domu-wycen-swoj-smart-home-screen-en-min-2-1000x798.png 1000w, https://grenton.com/app/uploads/2023/11/dla-twojego-domu-wycen-swoj-smart-home-screen-en-min-2-700x559.png 700w, https://grenton.com/app/uploads/2023/11/dla-twojego-domu-wycen-swoj-smart-home-screen-en-min-2-600x479.png 600w, https://grenton.com/app/uploads/2023/11/dla-twojego-domu-wycen-swoj-smart-home-screen-en-min-2-496x396.png 496w, https://grenton.com/app/uploads/2023/11/dla-twojego-domu-wycen-swoj-smart-home-screen-en-min-2-768x613.png 768w, https://grenton.com/app/uploads/2023/11/dla-twojego-domu-wycen-swoj-smart-home-screen-en-min-2-576x460.png 576w" sizes="(min-width: 1400px) 1000px, (min-width: 1200px) 700px, (min-width: 992px) 600px, (min-width: 768px) 496px, (min-width: 576px) 768px, (min-width: 0px) 576px, 100vw" alt=""/> 9557 </div> 9558 9559 </div> 9560 </div> 9561</div> 9562 </div> 9563</section> 9564</article> 9565 </main> 9566 9567 <footer 9568 id="site-footer" 9569 class="bg-light pt-16 md:py-16" 9570> 9571 <div 9572 class="w-full px-5 md:px-20 flex flex-wrap" 9573> 9574 <div class="w-full md:w-1/4 mb-16 md:pr-20 order-1"> 9575 <div class="text-lg"> 9576 Newsletter Grenton 9577 </div> 9578 </div> 9579 9580<div 9581 class="newsletter w-full md:w-1/2 md:mb-16 md:pr-20 order-2" 9582> 9583
9583<script> 9584 hbspt.forms.create({ 9585 region: "na1", 9586 portalId: "19862392", 9587 formId: "3191eae7-5160-458f-8c9d-431ccab22354" 9588 }); 9589</script>
9589 9590 </div> 9591 <div class="w-full md:w-1/4 mb-16 md:pr-20 order-last md:order-3"> 9592 <div> 9593 Social media 9594 </div> 9595 9596 <div class="my-5 w-full h-px bg-gray/20"></div> 9597 <div class="flex gap-x-8"> 9598 <a 9599 href="https://www.facebook.com/grenton.smart.home" 9600 rel="noopener" 9601 target="_blank" 9602 class="text-sm font-light" 9603 > 9604 Fb 9605 </a> 9606 <a 9607 href="https://www.youtube.com/c/Grenton_com_Smart_Home" 9608 rel="noopener" 9609 target="_blank" 9610 class="text-sm font-light" 9611 > 9612 Yt 9613 </a> 9614 <a 9615 href="https://www.instagram.com/grenton_smart_home/" 9616 rel="noopener" 9617 target="_blank" 9618 class="text-sm font-light" 9619 > 9620 Inst 9621 </a> 9622 <a 9623 href="https://www.linkedin.com/company/grenton" 9624 rel="noopener" 9625 target="_blank" 9626 class="text-sm font-light" 9627 > 9628 Lin 9629 </a> 9630 </div> 9631 </div> 9632 9633 <div class="block md:hidden md:-mt-9 order-[999999] mb-16"> 9634 <div>European Funds</div> 9635 9636 <div class="my-5 w-full h-px bg-gray/20"></div> 9637 9638 <img width="1475" height="169" src="https://grenton.com/app/uploads/2025/12/fundusze-2-en.png" alt="" 9639 class="w-full h-auto"> 9640 </a> 9641 </div> 9642 9643 <div class="my-5 w-full h-px bg-gray/20 mt-4 mb-10 md:my-12 order-4"></div> 9644 <div class="w-full md:w-1/4 md:pr-20 mb-20 order-5"> 9645 <div class="mb-10 md:mb-28"> 9646 <div> 9647 Grenton Sp. z o.o. 9648 </div> 9649 9650 <div class="my-5 w-full h-px bg-gray/20"></div> 9651 <div class="mb-6"> 9652 <div class="flex text-sm font-light"> 9653 <div class="w-[10rem]"> 9654 Sales: 9655 </div> 9656 9657 <div class="flex-grow"> 9658 <a href="tel:+48-12-2002-998"> 9659 +48 12 2002 998 9660 </a> 9661 </div> 9662</div> <div class="flex text-sm font-light"> 9663 <div class="w-[10rem]"> 9664 Support: 9665 </div> 9666 9667 <div class="flex-grow"> 9668 <a href="tel:+48-12-2002-606"> 9669 +48 12 2002 606 9670 </a> 9671 </div> 9672</div> <div class="flex text-sm font-light"> 9673 <div class="w-[10rem]"> 9674 E-mail: 9675 </div> 9676 9677 <div class="flex-grow"> 9678 <a 9679 href="mailto:[email protected]" 9680 class="underline" 9681 > 9682 [email protected] 9683 </a> 9684 </div> 9685</div> </div> 9686 9687 <div class="flex text-sm font-light mb-6"> 9688 <div class="w-[10rem]"> 9689 Address: 9690 </div> 9691 9692 <div class="flex-grow"> 9693 Grenton Sp. z o.o.<br /> 9694Na Wierzchowinach 3<br /> 969530-222 Cracow, Poland 9696 </div> 9697</div> 9698 <div class="flex text-sm font-light mb-6"> 9699 <div class="w-[10rem]"> 9700 </div> 9701 9702 <div class="flex-grow"> 9703 <a 9704 href="https://www.google.com/maps/place/Grenton+Sp.+z+o.o./@50.0667399,19.869197,17z/data=!3m1!4b1!4m5!3m4!1s0x47165b941a5f5cdf:0x9e971d4321e960a4!8m2!3d50.0667365!4d19.8713857?hl=pl-PL" 9705 rel="noopener" 9706 target="_blank" 9707 class="inline-flex items-center text-xs" 9708 > 9709 Map View 9710 <svg 9711 xmlns="http://www.w3.org/2000/svg" 9712 viewBox="0 0 24 24" 9713 class="h-5 w-5 ml-2 w-6 h-6" 9714> 9715 <g> 9716 <path d="M0,0H24V24H0Z" fill="none"/> 9717 <line y2="14" transform="translate(5 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9718 <line x1="4" y2="4" transform="translate(15 12) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9719 <line x2="4" y2="4" transform="translate(15 16) rotate(-90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> 9720 </g> 9721</svg> 9722 </a> 9723 </div> 9724</div> 9725 <div class="my-5 w-full h-px bg-gray/20"></div> 9726</div> <div class="mb-10 md:mb-28"> 9727 <div> 9728 Training 9729 </div> 9730 9731 <div class="my-5 w-full h-px bg-gray/20"></div> 9732 <div class="mb-8 text-md font-light"> 9733 Do you want to expand your qualifications?<br /> 9734Become a Grenton installer. 9735 </div> 9736 9737 <div class="inline-block"> 9738 <a 9739 class="inline-flex items-center rounded-full text-xs transition-colors duration-150 ease-linear group bg-dark text-white hover:bg-primary px-8 py-3.5" href="https://grenton.com/contact/#kontakt" target="" id="" 9740 rel="noopener" 9741 > 9742 <span>Sign up for Training</span> 9743 </a> 9744</div> 9745</div> 9746 <div class="hidden md:block md:-mt-9"> 9747 <div>European Funds</div> 9748 9749 <div class="my-5 w-full h-px bg-gray/20"></div> 9750 9751 <img width="1475" height="169" src="https://grenton.com/app/uploads/2025/12/fundusze-2-en.png" alt="" 9752 class="w-full h-auto"> 9753 </a> 9754 </div> 9755 </div> 9756 9757 <div class="w-full md:w-3/4 order-6"> 9758 <nav 9759 class="flex flex-wrap py-2" 9760> 9761 9762 <div 9763 class="w-full md:w-1/3 md:mb-10 md:mb-[6.25rem] md:pr-20" 9764 x-data="{ navOpen: false }" 9765 > 9766 <div> 9767 <a 9768 href="https://grenton.com/" 9769 class="hover:underline" x-on:click="if (!navOpen) { 9770 $event.preventDefault(); 9771 navOpen = true; 9772 }" x-on:click.outside="navOpen = false" 9773> 9774 For Home 9775</a> </div> 9776 9777 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 9778 <ul 9779 class="mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 9780> 9781 <li class="mb-1"> 9782 <a 9783 href="https://grenton.com/for-your-home/grenton-home/" 9784 class="hover:underline text-sm font-light" 9785> 9786 Grenton Home 9787</a> </li> 9788 <li class="mb-1"> 9789 <a 9790 href="https://grenton.com/for-your-home/functionalities/" 9791 class="hover:underline text-sm font-light" 9792> 9793 Smart Home Functionalities 9794</a> </li> 9795 <li class="mb-1"> 9796 <a 9797 href="https://grenton.com/for-your-home/benefits/" 9798 class="hover:underline text-sm font-light" 9799> 9800 Smart Home Benefits 9801</a> </li> 9802 <li class="mb-1"> 9803 <a 9804 href="https://grenton.com/advice-and-reference-projects/" 9805 class="hover:underline text-sm font-light" 9806> 9807 Advice and Reference projects 9808</a> </li> 9809 <li class="mb-1"> 9810 <a 9811 href="https://grenton.com/for-your-home/map-find-installer/" 9812 class="hover:underline text-sm font-light" 9813> 9814 Where to Buy? 9815</a> </li> 9816 </ul> </div> 9817 9818 <div 9819 class="w-full md:w-1/3 md:mb-10 md:mb-[6.25rem] md:pr-20" 9820 x-data="{ navOpen: false }" 9821 > 9822 <div> 9823 <a 9824 href="https://grenton.com/professionals/" 9825 class="hover:underline" x-on:click="if (!navOpen) { 9826 $event.preventDefault(); 9827 navOpen = true; 9828 }" x-on:click.outside="navOpen = false" 9829> 9830 For Professionals 9831</a> </div> 9832 9833 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 9834 <ul 9835 class="mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 9836> 9837 <li class="mb-1"> 9838 <a 9839 href="https://grenton.com/for-professionals/cooperation-architects-dealers-developers-grenton/" 9840 class="hover:underline text-sm font-light" 9841> 9842 Start Cooperation 9843</a> </li> 9844 <li class="mb-1"> 9845 <a 9846 href="https://grenton.com/for-professionals/grenton-academy/" 9847 class="hover:underline text-sm font-light" 9848> 9849 Grenton Academy 9850</a> </li> 9851 <li class="mb-1"> 9852 <a
9853 href="https://b2bgrenton.abstore.pl/client/loginorcreate/login" 9854 class="hover:underline text-sm font-light" 9855> 9856 B2B Shop 9857</a> </li> 9858 </ul> </div> 9859 9860 <div 9861 class="w-full md:w-1/3 md:mb-10 md:mb-[6.25rem] md:pr-20" 9862 x-data="{ navOpen: false }" 9863 > 9864 <div> 9865 <a 9866 href="https://grenton.com/system/" 9867 class="hover:underline" x-on:click="if (!navOpen) { 9868 $event.preventDefault(); 9869 navOpen = true; 9870 }" x-on:click.outside="navOpen = false" 9871> 9872 System 9873</a> </div> 9874 9875 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 9876 <ul 9877 class="mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 9878> 9879 <li class="mb-1"> 9880 <a 9881 href="https://grenton.com/product/" 9882 class="hover:underline text-sm font-light" 9883> 9884 Products Catalogue 9885</a> </li> 9886 <li class="mb-1"> 9887 <a 9888 href="https://grenton.com/system/sensors/" 9889 class="hover:underline text-sm font-light" 9890> 9891 Sensors 9892</a> </li> 9893 <li class="mb-1"> 9894 <a 9895 href="https://grenton.com/system/integrations/" 9896 class="hover:underline text-sm font-light" 9897> 9898 Integrations 9899</a> </li> 9900 <li class="mb-1"> 9901 <a 9902 href="https://grenton.com/system/configuration/" 9903 class="hover:underline text-sm font-light" 9904> 9905 Configuration 9906</a> </li> 9907 <li class="mb-1"> 9908 <a 9909 href="https://grentonsmarthome.github.io/release-en/" 9910 class="hover:underline text-sm font-light" 9911> 9912 Software 9913</a> </li> 9914 <li class="mb-1"> 9915 <a 9916 href="https://grenton.com/system/control/" 9917 class="hover:underline text-sm font-light" 9918> 9919 Control 9920</a> </li> 9921 <li class="mb-1"> 9922 <a 9923 href="https://grenton.com/system/control/mygrenton-app/" 9924 class="hover:underline text-sm font-light" 9925> 9926 myGrenton App 9927</a> </li> 9928 </ul> </div> 9929 9930 <div 9931 class="w-full md:w-1/3 md:mb-10 md:mb-[6.25rem] md:pr-20" 9932 x-data="{ navOpen: false }" 9933 > 9934 <div> 9935 <a 9936 href="https://grenton.com/for-professionals/support/" 9937 class="hover:underline" x-on:click="if (!navOpen) { 9938 $event.preventDefault(); 9939 navOpen = true; 9940 }" x-on:click.outside="navOpen = false" 9941> 9942 Support 9943</a> </div> 9944 9945 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 9946 <ul 9947 class="mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 9948> 9949 <li class="mb-1"> 9950 <a 9951 href="https://knowledgebase.grenton.com/" 9952 class="hover:underline text-sm font-light" 9953> 9954 Knowledge Base 9955</a> </li> 9956 <li class="mb-1"> 9957 <a 9958 href="https://knowledgebase.grenton.com/kb-tickets/new" 9959 class="hover:underline text-sm font-light" 9960> 9961 Service Report 9962</a> </li> 9963 <li class="mb-1"> 9964 <a 9965 href="https://storage.grenton.com/docs/manuals/Grenton2_User_Manual_EN_v1.0.12.pdf" 9966 class="hover:underline text-sm font-light" 9967> 9968 Grenton 2.0 manual.pdf 9969</a> </li> 9970 <li class="mb-1"> 9971 <a 9972 href="https://grentonsmarthome.github.io/release-en/" 9973 class="hover:underline text-sm font-light" 9974> 9975 Download Files 9976</a> </li> 9977 <li class="mb-1"> 9978 <a 9979 href="https://www.facebook.com/groups/367115490741267" 9980 class="hover:underline text-sm font-light" 9981> 9982 Grenton Community 9983</a> </li> 9984 </ul> </div> 9985 9986 <div 9987 class="w-full md:w-1/3 md:mb-10 md:mb-[6.25rem] md:pr-20" 9988 x-data="{ navOpen: false }" 9989 > 9990 <div> 9991 <a 9992 href="https://grenton.com/about-us/" 9993 class="hover:underline" x-on:click="if (!navOpen) { 9994 $event.preventDefault(); 9995 navOpen = true; 9996 }" x-on:click.outside="navOpen = false" 9997> 9998 About Us 9999</a> </div> 10000 10001 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 10002 <ul 10003 class="mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 10004> 10005 <li class="mb-1"> 10006 <a 10007 href="https://grenton.com/about-us-2/eu-subsidies/"
10008 class="hover:underline text-sm font-light" 10009> 10010 EU Subsidies 10011</a> </li> 10012 <li class="mb-1"> 10013 <a 10014 href="https://grenton.com/about-us/privacy-policy/" 10015 class="hover:underline text-sm font-light" 10016> 10017 Privacy Policy 10018</a> </li> 10019 </ul> </div> 10020 10021 <div 10022 class="w-full md:w-1/3 md:mb-10 md:mb-[6.25rem] md:pr-20" 10023 x-data="{ navOpen: false }" 10024 > 10025 <div> 10026 <a 10027 href="https://grenton.com/contact/" 10028 class="hover:underline" x-on:click="if (!navOpen) { 10029 $event.preventDefault(); 10030 navOpen = true; 10031 }" x-on:click.outside="navOpen = false" 10032> 10033 Contact 10034</a> </div> 10035 10036 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 10037 <ul 10038 class="mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 10039> 10040 <li class="mb-1"> 10041 <a 10042 href="https://grenton.com/for-your-home/map-find-installer/" 10043 class="hover:underline text-sm font-light" 10044> 10045 Find an Installer - Map 10046</a> </li> 10047 <li class="mb-1"> 10048 <a 10049 href="https://grenton.com/contact/#kontakt" 10050 class="hover:underline text-sm font-light" 10051> 10052 Contact Us 10053</a> </li> 10054 <li class="mb-1"> 10055 <a 10056 href="https://grenton.pl/mena" 10057 class="hover:underline text-sm font-light" 10058> 10059 For MENA region 10060</a> </li> 10061 <li class="mb-1"> 10062 <a 10063 href="https://grenton.pl/gr" 10064 class="hover:underline text-sm font-light" 10065> 10066 For Greece 10067</a> </li> 10068 </ul> </div> 10069 </nav> <nav 10070 class="flex flex-wrap py-2" 10071> 10072 10073 <div 10074 class="w-full md:mb-10 md:pr-20" 10075 x-data="{ navOpen: false }" 10076 > 10077 <div> 10078 <a 10079 href="" 10080 class="hover:underline" x-on:click="if (!navOpen) { 10081 $event.preventDefault(); 10082 navOpen = true; 10083 }" x-on:click.outside="navOpen = false" 10084> 10085 Quick Links 10086</a> </div> 10087 10088 <div class="my-5 w-full h-px bg-gray/20 mb-2 mt-8 md:my-5"></div> 10089 <ul 10090 class="md:flex md:gap-x-10 mb-10 md:mb-0" x-show="$screen('md') ? true : navOpen" x-collapse="x-collapse" 10091> 10092 <li class="mb-1"> 10093 <a 10094 href="https://grenton.com/for-your-home/map-find-installer/" 10095 class="hover:underline text-sm font-light" 10096> 10097 Find an Installer - Map 10098</a> </li> 10099 <li class="mb-1"> 10100 <a 10101 href="https://grenton.com/product/" 10102 class="hover:underline text-sm font-light" 10103> 10104 Products Catalogue 10105</a> </li> 10106 <li class="mb-1"> 10107 <a 10108 href="https://grentonsmarthome.github.io/release-en/" 10109 class="hover:underline text-sm font-light" 10110> 10111 Configuration Software 10112</a> </li> 10113 <li class="mb-1"> 10114 <a 10115 href="https://b2bgrenton.abstore.pl/client/loginorcreate/login" 10116 class="hover:underline text-sm font-light" 10117> 10118 B2B Shop 10119</a> </li> 10120 </ul> </div> 10121 </nav> </div> 10122</div> 10123 <div 10124 class="w-full px-5 md:px-20" 10125> 10126 <p class="pb-16 md:pb-0 text-center text-sm font-light">Copyright Grenton Sp. z o. o. </p> 10127</div> 10128</footer> 10129 10130
10130<script data-minify="1" src="https://grenton.com/app/cache/min/1/app/mu-plugins/wp-forms/dist/scripts/main.js?ver=1787836458" id="develtio-form-js" defer></script>
vendor: 1 bytes, line 10130
10130
10131<script id="rocket-browser-checker-js-after"> 10132"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); 10133</script>
vendor: 1 bytes, line 10133
10133
10134<script id="rocket-preload-links-js-extra"> 10135var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/grenton.com","onHoverDelay":"100","rateThrottle":"3"}; 10136</script>
vendor: 1 bytes, line 10136
10136
10137<script id="rocket-preload-links-js-after"> 10138(function() { 10139"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); 10140}()); 10141</script>
vendor: 1 bytes, line 10141
10141
10142<script id="rocket_lazyload_css-js-extra"> 10143var rocket_lazyload_css_data = {"threshold":"300"}; 10144</script>
vendor: 1 bytes, line 10144
10144
10145<script id="rocket_lazyload_css-js-after"> 10146!function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]); 10147//# sourceMappingURL=lazyload-css.min.js.map 10148</script>
vendor: 1 bytes, line 10148
10148
10149<script id="app/0-js-extra"> 10150var APP = {"ajax":"https:\/\/grenton.com\/wp\/wp-admin\/admin-ajax.php","rest":"https:\/\/grenton.com\/wp-json\/","example_nonce":"c00e9ba6aa"}; 10151</script>
vendor: 1 bytes, line 10151
10151
10152<script id="app/0-js-before"> 10153(()=>{"use strict";var e,r,t,a={},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var t=o[e]={exports:{}};return a[e].call(t.exports,t,t.exports,n),t.exports}n.m=a,e=[],n.O=(r,t,a,o)=>{if(!t){var i=1/0;for(d=0;d<e.length;d++){for(var[t,a,o]=e[d],l=!0,s=0;s<t.length;s++)(!1&o||i>=o)&&Object.keys(n.O).every((e=>n.O[e](t[s])))?t.splice(s--,1):(l=!1,o<i&&(i=o));if(l){e.splice(d--,1);var u=a();void 0!==u&&(r=u)}}return r}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[t,a,o]},n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((r,t)=>(n.f[t](e,r),r)),[])),n.u=e=>e+"."+{26:"870f6f",239:"9d82e4",267:"99ae93",432:"4778b8",439:"8adee7",474:"a29054",541:"1475e5",896:"452454",900:"dae72b",902:"efe2ec",918:"e35321"}[e]+".js",n.miniCssF=e=>{},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r={},t="sage:",n.l=(e,a,o,i)=>{if(r[e])r[e].push(a);else{var l,s;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var c=u[d];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")==t+o){l=c;break}}l||(s=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,n.nc&&l.setAttribute("nonce",n.nc),l.setAttribute("data-webpack",t+o),l.src=e),r[e]=[a];var f=(t,a)=>{l.onerror=l.onload=null,clearTimeout(p);var o=r[e];if(delete r[e],l.parentNode&&l.parentNode.removeChild(l),o&&o.forEach((e=>e(a))),t)return t(a)},p=setTimeout(f.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=f.bind(null,l.onerror),l.onload=f.bind(null,l.onload),s&&document.head.appendChild(l)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="/app/themes/grenton/public/",(()=>{var e={666:0};n.f.j=(r,t)=>{var a=n.o(e,r)?e[r]:void 0;if(0!==a)if(a)t.push(a[2]);else if(666!=r){var o=new Promise(((t,o)=>a=e[r]=[t,o]));t.push(a[2]=o);var i=n.p+n.u(r),l=new Error;n.l(i,(t=>{if(n.o(e,r)&&(0!==(a=e[r])&&(e[r]=void 0),a)){var o=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;l.message="Loading chunk "+r+" failed.\n("+o+": "+i+")",l.name="ChunkLoadError",l.type=o,l.request=i,a[1](l)}}),"chunk-"+r,r)}else e[r]=0},n.O.j=r=>0===e[r];var r=(r,t)=>{var a,o,[i,l,s]=t,u=0;if(i.some((r=>0!==e[r]))){for(a in l)n.o(l,a)&&(n.m[a]=l[a]);if(s)var d=s(n)}for(r&&r(t);u<i.length;u++)o=i[u],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(d)},t=globalThis.webpackChunksage=globalThis.webpackChunksage||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})()})(); 10154</script>
vendor: 1 bytes, line 10154
10154
10155<script data-minify="1" src="https://grenton.com/app/cache/min/1/app/themes/grenton/public/vendor/app.b3df8b.js?ver=1787836458" id="app/0-js" defer></script>
vendor: 1 bytes, line 10155
10155
10156<script src="https://grenton.com/app/themes/grenton/public/app.d3f2be.js" id="app/1-js"></script>
vendor: 1 bytes, line 10156
10156
10157<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} 10158if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} 10159images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} 10160if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
10160<script data-no-minify="1" async src="https://grenton.com/app/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
10160 </body> 10161 10162</html> 10163 10164<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com --> 10165 10166<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790239012 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.