PageSourceSearch

https://grenton.com/

html grenton.com collected 2026-09-24 10:35:05 UTC 459,817 bytes, 10,166 lines download raw bytes

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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Control roller shutters, lighting, temperature - the whole house. Manage with an application or touch panel.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Control roller shutters, lighting, temperature &#8211; 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Save time using automation, integration, and scenes. The house will take over some of your responsibilities.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Contact us and we will take care of the rest. Experts and certified installer
5010s will handle the implementation.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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 &#038;&#038; 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&#8217;s easier than you think. Additionally, it&#8217;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&#039;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&#8217;s the heart of every home.
5301<br><br>
5302Don&#8217;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 &#8220;greeting scene&#8221; 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&#8217;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 &#8211; 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    &quot;Remote Work&quot; 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&#039;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 &#038;&#038; ! 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Automate lighting scenes, change the hue and intensity of the light. Control the lighting using an application or a touch panel.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Remotely control the temperature with a mobile app. Heat rooms depending on the presence of household members.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Automatically cover windows when you leave the house. Adjust the slat angle and remotely control the blinds.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Automatically power the energy storage with a PV installation. In the evening, use the surplus and charge your car for free.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Secure and monitor the house in one mobile application, with one button. An alarm integrated with home automation is the standard.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Use the \&quot;home cinema\&quot; scene. Control all multimedia from one application, change tracks, set the volume.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Use the &#8220;home cinema&#8221; 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Automate the activation of the recuperator depending on the air quality. Conveniently control the pace of the air conditioning from the app.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Automatically open the gate as you approach the property. Remotely open the wicket for the courier without interrupting your work.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Take care of the garden without getting up from the couch. Check the soil moisture level in the app, turn on automatic watering.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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 &#038;&#038; ! 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Control from anywhere with the app. At home, use the stylish touch panels.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Scenes will save your time by replacing you in performing repetitive tasks.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Save money with home automation. Pay lower bills and take care of your wallet.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Receive notifications and automatic water shut-off when flooding is detected.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Professional installation and the unique Distributed Logic technology ensure stable system operation.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Professional installation and the unique Distributed Logic technology ensure stable system operation.</span></p>
7055<p>&nbsp;</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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Functionalities tailored to you and the personalized application for home management.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Modern and functional touch panels instead of traditional switches.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Receive support at every stage of construction. The Grenton installer will install not only smart home features!&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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 &#038;&#038; ! 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;The heart of your Grenton Home.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Get rid of classic switches.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Fetch data from the internet.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Keep the climate under control.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Control the roller shutters with one button.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Stylishly control your home.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Easily change the LED color.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Tablet, phone, touch panel - many home control options for every household member.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Mobile app or touch panel &#8211; many home control options for every household member.</span></p>
7550<p>&nbsp;</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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Control your home wherever you are. Receive notifications from the system and use an app tailored to you.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Manage features from the touch panel equipped with gesture, temperature, and lighting sensors.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Natural wood, glass, or exclusive leather? Match the front of the panel to the interior of your home.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;The system is open – it allows for integration with household devices, systems, apps, and any data from the Internet.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Connect all home devices into one cohesive system.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Integrate monitoring, alarm, heating, air conditioning, photovoltaics, audio-video systems. In this way, enhance their efficiency and functionality. Control them with a single app.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Check the weather forecast to optimally water the garden or get information on smog to automatically activate a safe home ventilation mode.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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 &#038;&#038; ! 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Raise the standard and value of investment. Focus on functionality and property security.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Expand your service portfolio with the installation of a home automation system.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;
7862Open a brick-and-mortar Grenton Smart Home showroom and join the group of authorized representatives.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Attract customers with a professional smart home system. Grenton experts will handle the rest. From start to finish.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Offer your customer base trainings and a complete home automation system.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Get in touch, Grenton has many applications.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;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.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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>&nbsp;</p>
8053<p><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;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.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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 &#038;&#038; 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Stay up-to-date with premieres - everything in one place.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Stay up-to-date with premieres &#8211; 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 &#038;&#038; ! 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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Build a house to Grenton's standards. Our expert will support you at every stage.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;:0}">Build a house with use of Grenton&#8217;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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Control all functions of the Grenton Home using intelligent, designer panels.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Protect your home and the entire family. Take care of the comfort and safety of your loved ones.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;Use new technologies in your home. Control with the app, automate, integrate, and monitor.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;The Grenton system is for anyone who wants to manage their home comfortably and safely.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;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.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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&#8217;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="{&quot;1&quot;:2,&quot;2&quot;:&quot;years of operation in the market&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;countries with Grenton&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;system users&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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="{&quot;1&quot;:2,&quot;2&quot;:&quot;One investment, benefits for years.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:0,&quot;12&quot;:0}">One investment, benefits for years.</span></p>
9524<p><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Choose Smart Home Grenton, replacing traditional installations with one system.&quot;}" data-sheets-userformat="{&quot;2&quot;:769,&quot;3&quot;:{&quot;1&quot;:0},&quot;11&quot;:4,&quot;12&quot;: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.