Co to właściwie jest?
KNX to przewodowy system automatyki budynkowej.
Łączy oświetlenie, ogrzewanie, rolety i bezpieczeństwo w jeden spójny układ.
Nie jest aplikacją. Nie jest gadżetem. To infrastruktura domu.
Jak działa w codziennym życiu?
Wyjście z domu
Jedno kliknięcie – światła gasną, rolety się zamykają, ogrzewanie przechodzi w tryb ekonomiczny.
Upał latem
System reaguje na słońce i chroni wnętrze przed przegrzaniem.
Powrót wieczorem
Podjazd i korytarz włączają się automatycznie.
KNX vs systemy Wi-Fi
KNX
- Przewodowy i stabilny
- Działa bez internetu
- Można rozbudować po latach
- Podnosi wartość domu
Systemy Wi-Fi
- Zależne od sieci
- Możliwe opóźnienia
- Ograniczona skalowalność
- Często traktowane jako gadżet
Jak wygląda współpraca?
Budujesz dom?
Wyjaśnimy wszystko prostym językiem i zaprojektujemy system dopasowany do Ciebie.
.knx-page-pro {font-family:Arial,sans-serif;color:#111}
/* HERO */
.hero-pro {
height:90vh;
background:#111;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:0 20px;
}
.hero-pro h1 {font-size:120px;margin:0}
.hero-pro p {font-size:20px;margin:20px 0 40px}
.btn-pro {
padding:14px 40px;
background:#fff;color:#000;
text-decoration:none;font-weight:600;
}
/* SPLIT */
.section-split {
display:grid;
grid-template-columns:1fr 1fr;
padding:150px 10%;
gap:80px;
}
.split-left {position:relative}
.big-number {
font-size:120px;
font-weight:700;
opacity:.05;
position:absolute;
top:-60px;
left:-20px;
}
.split-left h2 {font-size:42px;position:relative}
/* DARK SECTION */
.section-dark {
background:#111;
color:#fff;
padding:150px 10%;
}
.big-number.light {opacity:.1}
.life-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:50px;
margin-top:60px;
}
/* COMPARE */
.section-compare {
padding:150px 10%;
}
.compare-modern {
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
margin-top:60px;
}
.compare-item {
padding:50px;
border:1px solid #ddd;
}
.compare-item.strong {
background:#111;
color:#fff;
}
/* PROCESS */
.section-process {
background:#f5f5f5;
padding:150px 10%;
text-align:center;
}
.process-line-pro {
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:40px;
margin-top:60px;
font-weight:600;
letter-spacing:1px;
}
/* CTA */
.section-cta {
padding:180px 10%;
text-align:center;
}
.btn-dark-pro {
padding:14px 40px;
background:#000;
color:#fff;
text-decoration:none;
margin-top:30px;
display:inline-block;
}
@media(max-width:900px){
.section-split,
.compare-modern {grid-template-columns:1fr}
.hero-pro h1 {font-size:60px}
}
