CLIMATIZARE INDUSTRIALĂ ȘI SOLUȚII HVAC PENTRU INDUSTRIE ȘI SPAȚII COMERCIALE
/* ============================================
HEXTECH INDUSTRIAL LANDING PAGE
Color Palette: hextech.ro design system — clean, white, corporate
============================================ */ *, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
} :root {
--dark: #333333;
--dark-secondary: #444444;
--blue: #0054ff;
--blue-light: #1f00e7;
--blue-dark: #000073;
--orange: #2ea3f2;
--orange-hover: #1b8fd9;
--white: #FFFFFF;
--gray-100: #f7f7f7;
--gray-200: #eeeeee;
--gray-300: #cccccc;
--gray-500: #888888;
--gray-600: #666666;
--gray-700: #555555;
--green: #2ea3f2;
--font: 'Open Sans', Arial, sans-serif;
} html {
scroll-behavior: smooth;
} body {
font-family: var(--font);
color: var(--gray-600);
font-size: 14px;
line-height: 1.7;
background: var(--white);
-webkit-font-smoothing: antialiased;
} .container {
max-width: 1080px;
width: 80%;
margin: 0 auto;
padding: 0 20px;
} /* ---- HEADER / NAVIGATION ---- */
.header {
background: var(--white);
padding: 12px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
border-bottom: 1px solid var(--gray-200);
} .header .container {
display: flex;
align-items: center;
justify-content: space-between;
} .logo {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
} .logo-img {
height: 36px;
width: auto;
display: block;
} .header-cta {
display: flex;
align-items: center;
gap: 16px;
} .header-phone {
color: var(--gray-600);
text-decoration: none;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
} .header-phone:hover {
color: var(--dark);
} .btn-header {
background: var(--blue);
color: white;
padding: 10px 20px;
border-radius: 3px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: all 0.2s;
} .btn-header:hover {
background: var(--blue-dark);
} /* ---- HERO ---- */
.hero {
background: var(--gray-100);
padding: 140px 0 80px;
position: relative;
overflow: hidden;
} .hero::before {
display: none;
} .hero::after {
display: none;
} .hero .container {
position: relative;
z-index: 2;
} .hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(46,163,242,0.1);
border: 1px solid rgba(46,163,242,0.25);
padding: 6px 16px;
border-radius: 100px;
margin-bottom: 24px;
} .hero-badge-dot {
width: 8px;
height: 8px;
background: var(--green);
border-radius: 50%;
animation: pulse 2s infinite;
} @keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
} .hero-badge span {
color: var(--gray-600);
font-size: 13px;
font-weight: 500;
} .hero-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
margin-bottom: 48px;
} .hero-content {
max-width: 720px;
} .hero-video {
border-radius: 3px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
position: relative;
aspect-ratio: 16/9;
background: var(--gray-200);
} .hero-video iframe {
width: 100%;
height: 100%;
border: none;
display: block;
} .hero-video-label {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0,0,0,0.6));
padding: 24px 16px 12px;
font-size: 12px;
color: #ddd;
text-align: center;
pointer-events: none;
} .hero h1 {
font-size: clamp(26px, 4vw, 30px);
font-weight: 600;
color: var(--dark);
line-height: 1.3;
margin-bottom: 20px;
} .hero h1 .highlight {
color: var(--blue);
} .hero-sub {
font-size: 16px;
color: var(--gray-600);
line-height: 1.7;
margin-bottom: 32px;
max-width: 600px;
} .hero-ctas {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 48px;
} .btn-primary {
background: var(--blue);
color: white;
padding: 14px 28px;
border-radius: 3px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
border: none;
cursor: pointer;
} .btn-primary:hover {
background: var(--blue-dark);
} .btn-secondary {
background: transparent;
color: var(--dark);
padding: 14px 28px;
border-radius: 3px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
border: 2px solid var(--gray-300);
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
} .btn-secondary:hover {
border-color: var(--blue);
color: var(--blue);
} /* Hero Stats */
.hero-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
padding-top: 40px;
border-top: 1px solid var(--gray-200);
} .hero-stat {
text-align: left;
} .hero-stat-number {
font-size: 30px;
font-weight: 700;
color: var(--blue);
line-height: 1;
margin-bottom: 4px;
} .hero-stat-label {
font-size: 14px;
color: var(--gray-600);
font-weight: 500;
} /* ---- TRUST BAR ---- */
.trust-bar {
background: var(--white);
padding: 24px 0;
border-bottom: 1px solid var(--gray-200);
} .trust-bar .container {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
flex-wrap: wrap;
} .trust-bar-label {
font-size: 13px;
font-weight: 600;
color: var(--gray-500);
text-transform: uppercase;
letter-spacing: 1px;
white-space: nowrap;
} .trust-logos {
display: flex;
align-items: center;
gap: 32px;
flex-wrap: wrap;
justify-content: center;
} .trust-logo {
font-size: 16px;
font-weight: 700;
color: var(--gray-600);
opacity: 0.7;
letter-spacing: 0.5px;
} /* ---- PROBLEM SECTION ---- */
.problem {
padding: 80px 0;
background: var(--white);
} .section-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--blue);
margin-bottom: 16px;
} .section-label::before {
content: '';
width: 24px;
height: 2px;
background: var(--blue);
} .section-title {
font-size: clamp(22px, 3vw, 26px);
font-weight: 600;
color: var(--dark);
line-height: 1.3;
margin-bottom: 16px;
} .section-subtitle {
font-size: 15px;
color: var(--gray-600);
max-width: 640px;
line-height: 1.7;
margin-bottom: 48px;
} .problem-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
} .problem-card {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 3px;
padding: 32px 28px;
transition: all 0.2s;
} .problem-card:hover {
border-color: var(--blue);
} .problem-icon {
width: 48px;
height: 48px;
background: rgba(46,163,242,0.1);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-size: 22px;
} .problem-card h3 {
font-size: 17px;
font-weight: 600;
color: var(--dark);
margin-bottom: 8px;
} .problem-card p {
font-size: 14px;
color: var(--gray-600);
line-height: 1.6;
} /* ---- SOLUTIONS / COMPARISON ---- */
.solutions {
padding: 80px 0;
background: var(--gray-100);
color: var(--dark);
} .solutions .section-label {
color: var(--blue);
} .solutions .section-label::before {
background: var(--blue);
} .solutions .section-title {
color: var(--dark);
} .solutions .section-subtitle {
color: var(--gray-600);
} .comparison-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 32px;
} .comparison-table th {
background: var(--blue);
padding: 14px 20px;
text-align: left;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: white;
border-bottom: 2px solid var(--blue-dark);
} .comparison-table td {
padding: 14px 20px;
font-size: 14px;
border-bottom: 1px solid var(--gray-200);
color: var(--gray-600);
background: var(--white);
} .comparison-table tr:hover td {
background: var(--gray-100);
} .comparison-table .highlight-row td {
background: rgba(46,163,242,0.06);
color: var(--dark);
font-weight: 500;
} .badge-recommended {
display: inline-block;
background: var(--blue);
color: white;
font-size: 11px;
font-weight: 600;
padding: 3px 10px;
border-radius: 100px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-left: 8px;
} .check-icon {
color: var(--blue);
font-weight: 700;
} .x-icon {
color: var(--gray-500);
} .comparison-note {
font-size: 14px;
color: var(--gray-600);
text-align: center;
font-style: italic;
} /* ---- COST SECTION ---- */
.costs {
padding: 80px 0;
background: var(--white);
} .cost-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
} .cost-content h3 {
font-size: 22px;
font-weight: 700;
color: var(--dark);
margin-bottom: 16px;
} .cost-content p {
font-size: 15px;
color: var(--gray-600);
line-height: 1.7;
margin-bottom: 24px;
} .cost-table-wrap {
background: var(--white);
border-radius: 3px;
overflow: hidden;
border: 1px solid var(--gray-200);
} .cost-table {
width: 100%;
border-collapse: collapse;
} .cost-table th {
background: #32373c;
color: #ffffff;
padding: 14px 20px;
text-align: left;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
} .cost-table td {
padding: 14px 20px;
font-size: 15px;
border-bottom: 1px solid var(--gray-200);
} .cost-table tr:last-child td {
border-bottom: none;
} .cost-table td:first-child {
font-weight: 600;
color: var(--dark);
} .cost-table td:nth-child(2),
.cost-table td:nth-child(3) {
color: var(--gray-600);
} .cost-highlight {
background: var(--blue);
color: white;
border-radius: 3px;
padding: 32px;
text-align: center;
} .cost-highlight-number {
font-size: 36px;
font-weight: 700;
margin-bottom: 4px;
} .cost-highlight-label {
font-size: 14px;
opacity: 0.8;
margin-bottom: 16px;
} .cost-highlight-text {
font-size: 14px;
opacity: 0.7;
line-height: 1.5;
} /* ---- CALCULATOR ---- */
.calculator {
padding: 80px 0;
background: var(--white);
color: var(--dark);
position: relative;
overflow: hidden;
} .calculator::before {
display: none;
} .calculator .container {
position: relative;
z-index: 2;
} .calculator .section-label {
color: var(--blue);
} .calculator .section-label::before {
background: var(--blue);
} .calculator .section-title {
color: var(--dark);
} .calculator .section-subtitle {
color: var(--gray-600);
} .calculator-layout {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 48px;
align-items: start;
} .calculator-info {
padding-top: 16px;
} .calculator-info h3 {
font-size: 22px;
font-weight: 600;
color: var(--dark);
margin-bottom: 16px;
line-height: 1.3;
} .calculator-info p {
font-size: 15px;
color: var(--gray-600);
line-height: 1.7;
margin-bottom: 24px;
} .calculator-steps {
list-style: none;
} .calculator-steps li {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 20px;
} .calculator-step-number {
width: 32px;
height: 32px;
background: rgba(46,163,242,0.1);
border: 1px solid rgba(46,163,242,0.25);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 600;
color: var(--blue);
flex-shrink: 0;
} .calculator-step-text {
font-size: 14px;
color: var(--gray-600);
line-height: 1.5;
} .calculator-step-text strong {
color: var(--dark);
display: block;
margin-bottom: 2px;
} .calculator-embed {
background: var(--white);
border-radius: 3px;
overflow: hidden;
border: 1px solid var(--gray-200);
} .calculator-embed-header {
background: var(--gray-100);
padding: 16px 24px;
display: flex;
align-items: center;
gap: 12px;
border-bottom: 1px solid var(--gray-200);
} .calculator-embed-dot {
width: 10px;
height: 10px;
border-radius: 50%;
} .calculator-embed-dot:nth-child(1) { background: #FF5F57; }
.calculator-embed-dot:nth-child(2) { background: #FEBC2E; }
.calculator-embed-dot:nth-child(3) { background: #28C840; } .calculator-embed-title {
font-size: 13px;
color: var(--gray-600);
font-weight: 500;
margin-left: 8px;
} .calculator-embed iframe {
width: 100%;
height: 700px;
border: none;
display: block;
} .calculator-fallback {
display: none;
padding: 60px 40px;
text-align: center;
} .calculator-fallback h4 {
font-size: 20px;
font-weight: 700;
color: var(--dark);
margin-bottom: 12px;
} .calculator-fallback p {
font-size: 15px;
color: var(--gray-600);
margin-bottom: 24px;
} .calculator-fallback .btn-calc {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--blue);
color: white;
padding: 14px 28px;
border-radius: 3px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
transition: all 0.2s;
} .calculator-fallback .btn-calc:hover {
background: var(--blue-dark);
} .calculator-cta-below {
text-align: center;
margin-top: 32px;
padding: 24px;
background: var(--gray-100);
border: 1px solid var(--gray-200);
border-radius: 3px;
} .calculator-cta-below p {
font-size: 15px;
color: var(--gray-600);
margin-bottom: 16px;
} .calculator-cta-below p strong {
color: var(--dark);
} @media (max-width: 768px) {
.calculator-layout {
grid-template-columns: 1fr;
} .calculator-embed iframe {
height: 600px;
}
} /* ---- PROCESS ---- */
.process {
padding: 80px 0;
background: var(--gray-100);
} .process-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
} .process-step {
text-align: center;
position: relative;
} .process-step::after {
content: '';
position: absolute;
top: 32px;
right: -12px;
width: 24px;
height: 2px;
background: var(--gray-300);
} .process-step:last-child::after {
display: none;
} .process-number {
width: 56px;
height: 56px;
background: var(--blue);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: 600;
margin: 0 auto 20px;
} .process-step h3 {
font-size: 16px;
font-weight: 600;
color: var(--dark);
margin-bottom: 8px;
} .process-step p {
font-size: 14px;
color: var(--gray-600);
line-height: 1.5;
} /* ---- BENEFITS ---- */
.benefits {
padding: 80px 0;
background: var(--white);
} .benefits-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
} .benefit-card {
padding: 32px 28px;
border-radius: 3px;
border: 1px solid var(--gray-200);
transition: all 0.2s;
} .benefit-card:hover {
border-color: var(--blue);
} .benefit-number {
font-size: 26px;
font-weight: 700;
color: var(--blue);
margin-bottom: 12px;
} .benefit-card h3 {
font-size: 17px;
font-weight: 600;
color: var(--dark);
margin-bottom: 8px;
} .benefit-card p {
font-size: 14px;
color: var(--gray-600);
line-height: 1.6;
} /* ---- SOCIAL PROOF / REFERENCES ---- */
.social-proof {
padding: 80px 0;
background: var(--gray-100);
color: var(--dark);
} .social-proof .section-label {
color: var(--blue);
} .social-proof .section-label::before {
background: var(--blue);
} .social-proof .section-title {
color: var(--dark);
} .social-proof .section-subtitle {
color: var(--gray-600);
} .proof-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 48px;
} .proof-card {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 3px;
padding: 32px;
} .proof-card-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
} .proof-avatar {
width: 44px;
height: 44px;
background: var(--blue);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: white;
font-size: 16px;
} .proof-info h4 {
font-size: 15px;
font-weight: 600;
color: var(--dark);
} .proof-info span {
font-size: 13px;
color: var(--gray-500);
} .proof-text {
font-size: 15px;
color: var(--gray-600);
line-height: 1.7;
font-style: italic;
} .proof-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 3px;
padding: 40px;
} .proof-stat {
text-align: center;
} .proof-stat-number {
font-size: 30px;
font-weight: 700;
color: var(--blue);
margin-bottom: 4px;
} .proof-stat-label {
font-size: 13px;
color: var(--gray-500);
} /* ---- ABOUT ---- */
.about {
padding: 80px 0;
background: var(--gray-100);
} .about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
} .about-content h3 {
font-size: 22px;
font-weight: 600;
color: var(--dark);
margin-bottom: 16px;
line-height: 1.3;
} .about-content p {
font-size: 16px;
color: var(--gray-600);
line-height: 1.7;
margin-bottom: 16px;
} .about-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 24px;
} .about-feature {
display: flex;
align-items: flex-start;
gap: 10px;
} .about-feature-icon {
color: var(--green);
font-size: 18px;
margin-top: 2px;
flex-shrink: 0;
} .about-feature span {
font-size: 14px;
color: var(--dark);
font-weight: 500;
} .about-visual {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 3px;
padding: 48px;
text-align: center;
} .about-visual-title {
font-size: 18px;
font-weight: 600;
color: var(--dark);
margin-bottom: 32px;
} .about-brands {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
} .about-brand {
background: var(--gray-100);
border: 1px solid var(--gray-200);
border-radius: 3px;
padding: 20px;
text-align: center;
} .about-brand-name {
font-size: 16px;
font-weight: 600;
color: var(--dark);
margin-bottom: 4px;
} .about-brand-origin {
font-size: 12px;
color: var(--gray-500);
text-transform: uppercase;
letter-spacing: 1px;
} /* ---- CONTACT / FORM ---- */
.contact {
padding: 80px 0;
background: var(--white);
} .contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
} .contact-info h3 {
font-size: 22px;
font-weight: 600;
color: var(--dark);
margin-bottom: 16px;
line-height: 1.3;
} .contact-info p {
font-size: 16px;
color: var(--gray-600);
line-height: 1.7;
margin-bottom: 32px;
} .contact-benefit {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 20px;
} .contact-benefit-icon {
width: 40px;
height: 40px;
background: rgba(46,163,242,0.1);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 18px;
} .contact-benefit h4 {
font-size: 15px;
font-weight: 600;
color: var(--dark);
margin-bottom: 2px;
} .contact-benefit p {
font-size: 13px;
color: var(--gray-600);
margin-bottom: 0;
} .form-wrapper {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 3px;
padding: 40px;
} .form-title {
font-size: 20px;
font-weight: 600;
color: var(--dark);
margin-bottom: 4px;
} .form-subtitle {
font-size: 14px;
color: var(--gray-600);
margin-bottom: 24px;
} .form-group {
margin-bottom: 16px;
} .form-group label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--dark);
margin-bottom: 6px;
} .form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--gray-200);
border-radius: 3px;
font-size: 14px;
font-family: var(--font);
background: var(--gray-100);
transition: border-color 0.2s;
} .form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--blue);
background: var(--white);
} .form-group textarea {
resize: vertical;
min-height: 80px;
} .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
} .btn-submit {
width: 100%;
background: var(--blue);
color: white;
padding: 14px 32px;
border: none;
border-radius: 3px;
font-size: 15px;
font-weight: 600;
font-family: var(--font);
cursor: pointer;
transition: all 0.2s;
margin-top: 8px;
} .btn-submit:hover {
background: var(--blue-dark);
} .form-privacy {
font-size: 12px;
color: var(--gray-500);
margin-top: 12px;
line-height: 1.5;
} .form-privacy a {
color: var(--blue);
text-decoration: none;
} /* ---- FAQ ---- */
.faq {
padding: 80px 0;
background: var(--gray-100);
} .faq-grid {
max-width: 800px;
margin: 0 auto;
} .faq-item {
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: 3px;
margin-bottom: 12px;
overflow: hidden;
} .faq-question {
padding: 20px 24px;
font-size: 15px;
font-weight: 500;
color: var(--dark);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
} .faq-question:hover {
color: var(--blue);
} .faq-arrow {
font-size: 20px;
color: var(--gray-500);
transition: transform 0.3s;
} .faq-item.active .faq-arrow {
transform: rotate(180deg);
} .faq-answer {
padding: 0 24px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
} .faq-item.active .faq-answer {
max-height: 300px;
padding: 0 24px 20px;
} .faq-answer p {
font-size: 15px;
color: var(--gray-600);
line-height: 1.7;
} /* ---- CTA SECTION ---- */
.final-cta {
padding: 80px 0;
background: var(--blue);
text-align: center;
color: var(--white);
} .final-cta h2 {
font-size: clamp(22px, 3vw, 26px);
font-weight: 600;
margin-bottom: 16px;
} .final-cta p {
font-size: 16px;
opacity: 0.9;
margin-bottom: 32px;
max-width: 560px;
margin-left: auto;
margin-right: auto;
} .final-cta .btn-primary {
background: #32373c;
font-size: 16px;
padding: 16px 36px;
} .final-cta .btn-primary:hover {
background: #444;
} /* ---- FOOTER ---- */
.footer {
background: var(--white);
padding: 40px 0;
text-align: center;
border-top: 1px solid var(--gray-200);
} .footer-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
} .footer-company {
font-size: 14px;
color: var(--gray-600);
} .footer-links {
display: flex;
gap: 24px;
} .footer-links a {
font-size: 14px;
color: var(--gray-600);
text-decoration: none;
} .footer-links a:hover {
color: var(--blue);
} .footer-copy {
font-size: 12px;
color: var(--gray-500);
} /* ---- STICKY MOBILE CTA ---- */
.sticky-cta {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--white);
padding: 12px 20px;
box-shadow: 0 -2px 8px rgba(0,0,0,0.08);
z-index: 999;
border-top: 1px solid var(--gray-200);
} .sticky-cta .btn-primary {
width: 100%;
text-align: center;
justify-content: center;
} /* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
.header-phone {
display: none;
} .hero {
padding: 100px 0 60px;
} .hero-layout {
grid-template-columns: 1fr;
} .hero h1 {
font-size: 28px;
} .hero-sub {
font-size: 16px;
} .hero-stats {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
} .hero-stat-number {
font-size: 24px;
} .hero-stat-label {
font-size: 12px;
} .hero-ctas {
flex-direction: column;
} .btn-primary, .btn-secondary {
text-align: center;
justify-content: center;
} .problem-grid,
.benefits-grid,
.proof-grid {
grid-template-columns: 1fr;
} .process-grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
} .process-step::after {
display: none;
} .cost-grid,
.about-grid,
.contact-grid {
grid-template-columns: 1fr;
} .form-row {
grid-template-columns: 1fr;
} .proof-stats {
grid-template-columns: repeat(2, 1fr);
} .trust-bar .container {
flex-direction: column;
gap: 16px;
} .about-features {
grid-template-columns: 1fr;
} .comparison-table {
font-size: 13px;
} .comparison-table th,
.comparison-table td {
padding: 10px 12px;
} .sticky-cta {
display: block;
} .footer {
padding-bottom: 80px;
}
} @media (max-width: 480px) {
.process-grid {
grid-template-columns: 1fr;
} .proof-stats {
grid-template-columns: 1fr;
} .about-brands {
grid-template-columns: 1fr;
}
}
Ai un proiect industrial?
Încălzești și răcești o hală industrială întreagă? Fă-o cu costuri de 2-3x mai mici.
Proiectăm, instalăm și întreținem sisteme de climatizare industrială: pompe de căldură, cillere și sisteme VRF, dimensionate corect pentru spațiul și procesele tale.
300+
Proiecte industriale finalizate
20+ ani
Experiență în HVAC industrial
2-300 kW
Gamă de puteri instalate
De ce contează?
Cel mai scump sistem HVAC e cel dimensionat greșit
În halele industriale, sistemul de climatizare nu e doar despre confort. Influențează direct costurile operaționale, productivitatea angajaților și eficiența proceselor.
Supradimensionare inutilă
Multe sisteme sunt instalate cu capacitate mult peste necesar, ceea ce crește investiția inițială și costurile de operare fără beneficiu real.
Costuri energetice mari
Sistemele vechi sau prost dimensionate consumă de 2-3 ori mai multă energie decât un sistem modern corect calibrat pe spațiul tău.
Defecțiuni frecvente
Peste 70% dintre defecțiunile HVAC sunt cauzate de instalare incorectă sau întreținere necorespunzătoare. Echipa contează la fel de mult ca echipamentul.
Soluții HVAC
Pompă de căldură industrială, chiller sau VRF: care este soluția potrivită?
Alegerea depinde de tipul clădirii, procesele desfășurate și modul de utilizare a spațiului. Iată o comparație clară.
Criteriu | Pompă de căldură versatila | Chiller | VRF / VRV |
|---|---|---|---|
| Încălzire + Răcire | ✓ Ambele | Doar răcire (de regulă) | ✓ Ambele |
| Hale industriale mari | ✓ Ideală (80-300+ kW) | ✓ Potrivit | Mai puțin flexibil |
| Flexibilitate extindere | ✓ Ridicată | ✓ Bună | ✗ Limitata |
| Integrare cu sisteme existente | ✓ Da | ✓ Da | ✗ Dificila |
| Eficiență energetică (SCOP) | ✓ Foarte bună | Bună | ✓ Bună |
| Compatibil panouri fotovoltaice | ✓ Da | ✓ Da | ✓ Da |
| Cost orientativ (EUR/mp) | 25 - 120 EUR/mp | 30 - 100 EUR/mp | 40 - 130 EUR/mp |
Alegerea corectă depinde de specificul proiectului tău. Discută cu un inginer Hextech pentru o recomandare personalizată.
Costuri orientative
Cât costă un sistem HVAC industrial?
Costul depinde de suprafață, nivelul de izolație și tipul activității. Iată intervale orientative pentru diferite tipuri de spații.
| Tip spatiu | EUR / mp | RON / mp |
|---|---|---|
| Depozite logistice | 25 - 60 | ~127 - 306 |
| Spații de producție | 40 - 120 | ~204 - 611 |
| Birouri & comercial | 30 - 80 | ~153 - 407 |
* Valorile sunt orientative. Costul final depinde de configurația clădirii, izolație, procese industriale și soluția tehnică aleasă.
4-8 săptămâni
Durată medie de implementare
Pentru proiecte industriale standard. Proiectele complexe pot dura 3-6 luni.
20+ ani
Durata de viață a sistemului
Cu mentenanță corectă și echipamente premium, un sistem HVAC industrial funcționează fiabil peste două decenii.
Calculator dimensionare
Află cât ar costa sistemul HVAC pentru spațiul tău
Folosește calculatorul nostru de dimensionare pentru a estima capacitatea necesară și costul orientativ. Durează sub 2 minute.
De ce să folosești calculatorul de dimensionare pentru pompa de căldură?
Înainte de orice discuție tehnică, e important să ai o imagine clară asupra necesităților tale. Calculatorul îți oferă o estimare rapidă, fără obligații.
- 1Completează datele spațiului Suprafața, tipul clădirii, nivelul de izolație
- 2Primești estimarea de capacitate Puterea necesară în kW pentru încălzire și răcire
- 3Solicită oferta personalizată Pe baza rezultatelor, un inginer te contactează cu soluția optimă
Ai completat calculatorul? Solicită o discuție tehnică pentru o recomandare personalizată pe baza rezultatelor.
Solicită evaluare →Cum lucrăm
De la evaluare la punere in funcțiune, în 4 pași
Nu vindem echipamente. Livrăm soluții complete, corect dimensionate pentru fiecare proiect in parte.
1
Evaluare tehnică
Analizăm spațiul, procesele și necesarul energetic. Identificăm soluția optimă pentru proiectul tău.
2
Proiectare și dimensionare
Calculăm corect capacitatea necesară. Fără supradimensionări inutile, fără surprize la factura de energie.
3
Instalare profesională
Echipe proprii de instalatori cu experiență în proiecte industriale. Punere în funcțiune și testare completă.
4
Service și mentenanță
Echipe proprii de service pentru intervenții rapide. Mentenanță preventivă pentru funcționare optimă pe termen lung.
De ce Hextech
Avantajele unei soluții HVAC corect dimensionate
Fiecare sistem pe care îl instalăm este proiectat să funcționeze eficient, fiabil și cu costuri de operare minime.
01
Eficiență energetică dovedită
Pompele de căldură pot produce mai multă energie termică decât energia electrică consumată, reducând semnificativ costurile operaționale.
02
Sistem unic: încălzire + răcire
Același sistem asigură climatizarea completă a spațiului: încălzire iarna și răcire vara, fără echipamente separate.
03
Soluții la cheie
De la proiectare și dimensionare până la instalare, punere în funcțiune și service. Un singur interlocutor pentru întregul proiect.
04
Echipamente premium
Lucrăm cu branduri de referință: Daikin, Climaveneta, Mitsubishi, Zubadan, Sabiana. Echipamente fiabile, cu durată de viață de peste 20 de ani.
05
Compatibil fotovoltaice
Sistemele pot fi integrate cu panouri fotovoltaice pentru a reduce și mai mult costurile cu energia și a maximiza ROI-ul investiției.
06
Service rapid, echipe proprii
Intervenții rapide când este nevoie. Echipe proprii de service, nu subcontractori. Mentenanță preventivă pentru zero surprize.
Despre Hextech Industrial
Lider în HVAC România, cu peste 300 de proiecte finalizate
Hextech Industrial este un furnizor complet de soluții HVAC pentru hale industriale, fabrici, depozite și clădiri comerciale. Proiectăm, instalăm și întreținem sisteme de climatizare adaptate cerințelor fiecărui proiect.
Cu echipe proprii de ingineri, instalatori și tehnicieni service, livrăm soluții la cheie: de la evaluarea inițială până la mentenanța pe termen lung.
Dimensionare corectă, fără supradimensionări
Proiectare și instalare la cheie
Echipe proprii de service
Proiecte naționale și internaționale
Showroom Daikin in Oradea
Echipamente premium garantate
Branduri premium cu care lucrăm
DAIKIN
Japonia
CLIMAVENETA
Italia
MITSUBISHI
Japonia
SABIANA
Italia
Contact
Solicită o evaluare a proiectului tău
Completează formularul și un inginer Hextech te va contacta în maximum 24 de ore pentru o discuție tehnică și o evaluare preliminară a proiectului.
Discuție tehnică
Analizăm împreună cerințele proiectului tău
Ofertă personalizată
Primești o propunere adaptată spațiului și bugetului
Răspuns în max 24h
Nu te ținem să aștepți. Răspundem rapid și concret
Fără obligații
Fără nicio obligație ulterioară
Solicită evaluare
Completează datele și te contactăm în 24h
Selectează tipul proiectului
Hală de producție
Depozit / Logistica
Spațiu comercial
Clădire de birouri
Răcire tehnologică / Proces industrial
Alt tip de proiect
Selectează județul
Alba
Arad
Arges
Bacau
Bihor
Bistrita-Nasaud
Botosani
Brasov
Braila
Bucuresti
Buzau
Caras-Severin
Calarasi
Cluj
Constanta
Covasna
Dambovita
Dolj
Galati
Giurgiu
Gorj
Harghita
Hunedoara
Ialomita
Iasi
Ilfov
Maramures
Mehedinti
Mures
Neamt
Olt
Prahova
Satu Mare
Salaj
Sibiu
Suceava
Teleorman
Timis
Tulcea
Vaslui
Valcea
Vrancea
Prin trimiterea formularului, accepți Politica de Confidențialitate. Datele tale sunt în siguranță și nu vor fi partajate cu terți.
Întrebări frecvente
Ce vor să știe clienții noștri înainte de a începe
Răspunsuri la cele mai frecvente întrebări despre sistemele HVAC industriale.
Cât costă un sistem HVAC pentru o hală industrială? ▼
Costul depinde de suprafață, nivelul de izolație și tipul activității. Orientativ: depozite 25-60 EUR/mp, spații de producție 40-120 EUR/mp, birouri 30-80 EUR/mp. Contactează-ne pentru o evaluare personalizată a proiectului tău.
Cât durează instalarea unui sistem industrial? ▼
Durata implementării variază de la 4 săptămâni pentru proiecte standard până la 6-8 luni pentru proiecte foarte mari sau complexe. În medie, un proiect industrial se finalizează în 4-8 săptămâni.
Care este diferența dintre pompă de căldură, chiller și VRF? ▼
Pompa de căldură oferă încălzire și răcire, este flexibilă și se integrează cu sisteme existente. Chillerul este specializat pe răcire industrială. Sistemele VRF sunt eficiente pentru clădiri noi, dar mai rigide la extinderi. Soluția potrivită depinde de spațiul și procesele tale.
Ce se întâmplă dacă sistemul actual este vechi și vreau să-l înlocuiesc? ▼
Facem o evaluare tehnică a sistemului existent și recomandăm soluția optimă. În multe cazuri, pompele de căldură pot fi integrate în sistemele existente de distribuție a agentului termic, reducând costurile de înlocuire.
Oferiți service și mentenanță după instalare? ▼
Da. Avem echipe proprii de service pentru intervenții rapide și programe de mentenanță preventivă. Un sistem întreținut corespunzător poate funcționa fiabil peste 20 de ani.
Pot integra sistemul HVAC cu panouri fotovoltaice? ▼
Da. Toate sistemele pe care le instalăm sunt compatibile cu panouri fotovoltaice. Integrarea cu energie solară poate reduce semnificativ costurile operaționale și poate îmbunătăți ROI-ul investiției în HVAC.
Ai un proiect industrial?
Hai să vedem ce soluție e potrivită.
Solicită o evaluare și primești o recomandare tehnică personalizată în maximum 24 de ore.
Solicită evaluare' +
'
'; // TODO: Replace with actual form endpoint
// fetch('YOUR_FORM_ENDPOINT', {
// method: 'POST',
// headers: {'Content-Type': 'application/json'},
// body: JSON.stringify(data)
// });
}); <!--
=============================================
SETUP NOTES
============================================= 1. Watermelon.ai Chat Widget:
- Create Watermelon account and configure AI agent
- Add Watermelon embed script before
- Update openChat() function to use Watermelon JS API
- Train on hextech.ro content + HVAC knowledge base 2. GA4 Setup:
- Add GA4 tag (gtag.js) before
- Track chat_open event on AI CTA click
- Track qualified_lead when AI escalates to human 3. Google Ads Conversion:
- Set up conversion for qualified AI leads (not chat opens)
- Track phone clicks as secondary conversion 4. Meta Pixel:
- Add Meta Pixel base code before
- Track Lead event on AI-qualified lead escalation
- Track ViewContent on page load 5. UTM Parameters:
- Google Ads: utm_source=google&utm_medium=cpc&utm_campaign=hvac-industrial
- Meta Ads: utm_source=meta&utm_medium=paid-social&utm_campaign=hvac-industrial
=============================================
-->✓
' +
'Multumim pentru solicitare!
' + 'Un inginer Hextech va va contacta in maximum 24 de ore.
' + '