About Our Legacy | Yhailehem Services<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=Outfit:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n :root {\r\n --yha-navy: #0A192F;\r\n --yha-gold: #D4AF37;\r\n --yha-gold-light: #F4D03F;\r\n --yha-white: #FFFFFF;\r\n --yha-slate-50: #F8FAFC;\r\n --yha-slate-200: #E2E8F0;\r\n --yha-text: #1E293B;\r\n --yha-accent: rgba(212, 175, 55, 0.1);\r\n --transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--yha-text); background: var(--yha-white); overflow-x: hidden; }\r\n .container { max-width: 1100px; margin: 0 auto; padding: 0 40px; }\r\n h1, h2, h3 { font-family: 'Outfit', sans-serif; text-wrap: balance; }\r\n\r\n \/* --- ANIMACIONES DE ENTRADA --- *\/\r\n .reveal { opacity: 0; transform: translateY(40px); transition: var(--transition); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* --- HERO: CONTRASTE DIN\u00c1MICO --- *\/\r\n .hero {\r\n position: relative; height: 85vh; display: flex; align-items: center; \r\n justify-content: center; text-align: center; background: var(--yha-navy); overflow: hidden;\r\n }\r\n .hero-video {\r\n position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%;\r\n z-index: 1; transform: translate(-50%, -50%); object-fit: cover; opacity: 0.5;\r\n }\r\n .hero-overlay {\r\n position: absolute; inset: 0; z-index: 2;\r\n background: linear-gradient(to bottom, rgba(10, 25, 47, 0.7) 0%, transparent 50%, var(--yha-white) 100%);\r\n }\r\n .hero-content { position: relative; z-index: 3; color: var(--yha-navy); transform: translateY(-20px); }\r\n .hero .pre-title { \r\n color: var(--yha-gold-light); text-transform: uppercase; letter-spacing: 7px; \r\n font-weight: 800; font-size: 14px; margin-bottom: 20px; display: block;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n }\r\n .hero h1 { font-size: clamp(3rem, 8vw, 5rem); line-height: 1; margin-bottom: 15px; color: var(--yha-white); }\r\n .hero h1 span { color: var(--yha-gold-light); display: block; font-size: 0.6em; margin-top: 10px; }\r\n\r\n \/* --- SUMMARY SECTION --- *\/\r\n .summary-section { padding: 120px 0; background: var(--yha-white); position: relative; }\r\n .floating-badge { \r\n display: inline-block; padding: 12px 30px; background: var(--yha-navy); \r\n color: var(--yha-gold); border-radius: 100px; font-weight: 800; \r\n font-size: 14px; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(10, 25, 47, 0.2);\r\n }\r\n .summary-section h2 { font-size: 3.5rem; margin-bottom: 40px; color: var(--yha-navy); }\r\n .summary-content { font-size: 1.3rem; line-height: 2; color: var(--yha-slate-600); max-width: 900px; margin: 0 auto; text-align: center; }\r\n .summary-content strong { color: var(--yha-navy); position: relative; z-index: 1; }\r\n .summary-content strong::after { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 8px; background: var(--yha-accent); z-index: -1; }\r\n\r\n \/* --- INFO CARDS --- *\/\r\n .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; padding-bottom: 120px; }\r\n .info-card { \r\n background: var(--yha-white); padding: 60px 40px; border-radius: 30px; \r\n text-align: center; border: 1px solid var(--yha-slate-200); position: relative;\r\n transition: var(--transition); overflow: hidden;\r\n }\r\n .info-card::before { \r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; \r\n background: var(--yha-gold); transform: scaleX(0); transition: var(--transition);\r\n }\r\n .info-card:hover { transform: translateY(-15px); box-shadow: 0 30px 60px rgba(10, 25, 47, 0.08); border-color: transparent; }\r\n .info-card:hover::before { transform: scaleX(1); }\r\n .info-card i { background: var(--yha-slate-50); padding: 20px; border-radius: 20px; color: var(--yha-gold); margin-bottom: 25px; transition: var(--transition); }\r\n .info-card:hover i { background: var(--yha-navy); color: var(--yha-gold-light); transform: rotateY(180deg); }\r\n\r\n \/* --- TEAM SECTION --- *\/\r\n .team-section { padding: 120px 0; background: var(--yha-navy); color: white; position: relative; }\r\n .team-section h2 { font-size: 3rem; text-align: center; margin-bottom: 80px; }\r\n .team-list { display: flex; flex-direction: column; gap: 20px; }\r\n .team-member {\r\n background: rgba(255,255,255,0.03); padding: 40px; border-radius: 25px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n border: 1px solid rgba(255, 255, 255, 0.1); transition: var(--transition);\r\n cursor: pointer;\r\n }\r\n .team-member:hover { background: rgba(255,255,255,0.08); padding-left: 60px; border-color: var(--yha-gold); }\r\n .member-details h5 { font-size: 1.8rem; color: var(--yha-gold-light); margin-bottom: 5px; }\r\n .member-details span { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: var(--yha-slate-200); }\r\n\r\n \/* --- FORM SECTION --- *\/\r\n .form-section { padding: 120px 0; background: var(--yha-slate-50); border-radius: 60px 60px 0 0; margin-top: -60px; position: relative; z-index: 10; }\r\n .form-container { \r\n background: white; padding: 80px; border-radius: 40px; \r\n box-shadow: 0 40px 100px rgba(10, 25, 47, 0.1); margin-bottom: 80px;\r\n }\r\n\r\n \/* --- CONTACT DATA --- *\/\r\n .contact-data { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; text-align: center; }\r\n .data-point h6 { font-size: 1.2rem; color: var(--yha-navy); margin-bottom: 10px; }\r\n .data-point p { font-size: 1rem; color: var(--yha-slate-600); }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 { font-size: 3rem; }\r\n .form-container { padding: 40px 20px; }\r\n .team-member { flex-direction: column; text-align: center; gap: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <video autoplay muted loop playsinline class=\"hero-video\">\r\n <source src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/hvac-about-us.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"container hero-content\">\r\n <span class=\"pre-title\">Premium Home Integration<\/span>\r\n <h1>Rooted in Trust <span>Driven by Excellence<\/span><\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"summary-section\">\r\n <div class=\"container\" style=\"text-align: center;\">\r\n <div class=\"floating-badge reveal\">ESTABLISHED 1976 \u2022 20 YEAR LEGACY<\/div>\r\n <h2 class=\"reveal\">The Best Team in Town!<\/h2>\r\n <div class=\"summary-content reveal\">\r\n <p>For more than <strong>20 years<\/strong>, Yhailehem Services has provided comprehensive home service solutions for property owners in the Twin Cities metro area. From heating and cooling services to electrical and plumbing, you can count on our <strong>award-winning service<\/strong> and communication.<\/p>\r\n <p style=\"margin-top: 35px;\">Our work is only as good as our employees\u2014and we feel pretty darn lucky to have the <strong>best of the best<\/strong> in the industry. For you, that means speedy service, insider tips, and reliable repairs that keep your home running smoothly. Customer reviews confirm it: our friendly techs are the <strong>#1 reason<\/strong> people keep coming back!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"container info-grid\">\r\n <div class=\"info-card reveal\">\r\n <i data-lucide=\"shield-check\" size=\"40\"><\/i>\r\n <h4>20 Years of Service<\/h4>\r\n <p>Our neighbors have trusted us for generations. We bring a legacy of family values to every technical challenge.<\/p>\r\n <\/div>\r\n <div class=\"info-card reveal\">\r\n <i data-lucide=\"zap\" size=\"40\"><\/i>\r\n <h4>All-in-One Solutions<\/h4>\r\n <p>Why call three companies? We integrate HVAC, Plumbing, and Electrical into one seamless professional experience.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"form-section reveal\">\r\n <div class=\"container\">\r\n <div style=\"text-align: center; margin-bottom: 60px;\">\r\n <h2 style=\"color: var(--yha-navy); font-size: 3rem;\">Ready to Start?<\/h2>\r\n <p>Fill out the form below for a priority assessment.<\/p>\r\n <\/div>\r\n\r\n <div class=\"form-container\">\r\n <style>\r\n .yha-form-249 { display: flex; flex-wrap: wrap; margin: 0 -10px; }\r\n .yha-form-249 .f-group { padding: 0 10px; margin-bottom: 15px; box-sizing: border-box; display: flex; flex-direction: column; }\r\n .yha-form-249 .f-label { font-weight: bold; margin-bottom: 5px; font-size: 14px; color: #002d5b; }\r\n .yha-form-249 input:not([type=\"checkbox\"]), .yha-form-249 textarea, .yha-form-249 select { \r\n width: 100%; padding: 12px; border: 1px solid #cccccc; border-radius: 4px; font-size: 15px; background:#fff;\r\n }\r\n .yha-form-249 .btn-send { background: #ffb400; color: #ffffff; border:none; padding: 15px 30px; cursor:pointer; border-radius: 4px; font-weight: bold; width:100%; transition: 0.3s; }\r\n .yha-form-249 .btn-send:hover { opacity: 0.9; }\r\n \r\n .yha-form-249 .chk-row { \r\n display:flex; \r\n align-items: flex-start; \r\n gap:8px; \r\n cursor: pointer; \r\n color: #898989; \r\n font-size: 11px;\r\n font-family: inherit;\r\n }\r\n .yha-form-249 .chk-row input { margin-top: 4px !important; width: auto !important; }\r\n \r\n .yha-links-extra { font-size: 13px; margin-top: 5px; text-align: center; width: 100%; }\r\n .yha-links-extra a { text-decoration: underline; color: #ffb400; font-weight: bold; }\r\n <\/style>\r\n\r\n <form class=\"yha-form-ajax yha-form-249\" id=\"yha-ajax-249\">\r\n <input type=\"hidden\" name=\"action\" value=\"yha_send_message\">\r\n <input type=\"hidden\" name=\"form_id\" value=\"249\">\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <h3 style=\"margin: 10px 0; text-align: center; color: #002d5b;\">GET AN EASY QUOTE<\/h3>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">First Name<\/label> <input type=\"text\" name=\"f_1\" placeholder=\"First Name\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">Last Name<\/label> <input type=\"text\" name=\"f_2\" placeholder=\"Last Name\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">Email<\/label> <input type=\"email\" name=\"f_4\" placeholder=\"Email\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">Phone Number<\/label> <input type=\"tel\" name=\"f_5\" placeholder=\"Phone Number\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"f-label\">Zipcode<\/label> <input type=\"text\" name=\"f_6\" placeholder=\"Zipcode\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"f-label\">Service Category Needed<\/label> <select name=\"f_7\">\r\n <option value=\"\">Service Category Needed<\/option>\r\n <option value=\"Plumbing\">Plumbing<\/option><option value=\"Hvac\">Hvac<\/option><option value=\"Electrical\">Electrical<\/option> <\/select>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"f-label\">Message<\/label> <textarea name=\"f_8\" placeholder=\"Message\" rows=\"4\"><\/textarea>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"chk-row\">\r\n <input type=\"checkbox\" name=\"f_9\"> <span>By submitting this form and signing up for texts, you consent to receive text messages from Yhailehem Services at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available) and no further messages will be sent. Reply HELP for help. Information will not be shared with third parties.<\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <div class=\"yha-links-extra\">\r\n <a href=\"https:\/\/yhailehemservices.com\/index.php\/terms-adn-conditions\/\" target=\"_blank\">T\u00e9rminos<\/a> | <a href=\"https:\/\/yhailehemservices.com\/index.php\/privacy-policy\/\" target=\"_blank\">Privacidad<\/a> <\/div>\r\n <\/div>\r\n <div style=\"width:100%; padding: 0 10px;\">\r\n <button type=\"submit\" class=\"btn-send\">Submit<\/button>\r\n <div class=\"yha-msg\" style=\"margin-top:10px; font-weight:bold; display:none; text-align:center;\"><\/div>\r\n <\/div>\r\n <\/form>\r\n\r\n <script>\r\n jQuery('#yha-ajax-249').on('submit', function(e){\r\n e.preventDefault();\r\n var form = jQuery(this);\r\n var btn = form.find('.btn-send');\r\n var msg = form.find('.yha-msg');\r\n btn.prop('disabled', true).text('Procesando...');\r\n jQuery.post('https:\/\/yhailehemservices.com\/wp-admin\/admin-ajax.php', form.serialize(), function(res){\r\n if(res.success) {\r\n msg.css('color', 'green').text('\u00a1Recibido con \u00e9xito!').fadeIn();\r\n form[0].reset();\r\n } else {\r\n msg.css('color', 'red').text('Error al enviar.').fadeIn();\r\n }\r\n btn.prop('disabled', false).text('Submit');\r\n });\r\n });\r\n <\/script>\r\n \r\n <\/div>\r\n\r\n <div class=\"contact-data\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n lucide.createIcons();\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Our Legacy | Yhailehem Services Premium Home Integration Rooted in Trust Driven by Excellence ESTABLISHED 1976 \u2022 20 YEAR LEGACY The Best Team in Town! For more than 20 years, Yhailehem Services has provided comprehensive home service solutions for property owners in the Twin Cities metro area. From heating and cooling services to electrical […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-470","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":37,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/470\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/470\/revisions\/1097"}],"wp:attachment":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/media?parent=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n About Our Legacy | Yhailehem Services<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=Outfit:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n :root {\r\n --yha-navy: #0A192F;\r\n --yha-gold: #D4AF37;\r\n --yha-gold-light: #F4D03F;\r\n --yha-white: #FFFFFF;\r\n --yha-slate-50: #F8FAFC;\r\n --yha-slate-200: #E2E8F0;\r\n --yha-text: #1E293B;\r\n --yha-accent: rgba(212, 175, 55, 0.1);\r\n --transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--yha-text); background: var(--yha-white); overflow-x: hidden; }\r\n .container { max-width: 1100px; margin: 0 auto; padding: 0 40px; }\r\n h1, h2, h3 { font-family: 'Outfit', sans-serif; text-wrap: balance; }\r\n\r\n \/* --- ANIMACIONES DE ENTRADA --- *\/\r\n .reveal { opacity: 0; transform: translateY(40px); transition: var(--transition); }\r\n .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* --- HERO: CONTRASTE DIN\u00c1MICO --- *\/\r\n .hero {\r\n position: relative; height: 85vh; display: flex; align-items: center; \r\n justify-content: center; text-align: center; background: var(--yha-navy); overflow: hidden;\r\n }\r\n .hero-video {\r\n position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%;\r\n z-index: 1; transform: translate(-50%, -50%); object-fit: cover; opacity: 0.5;\r\n }\r\n .hero-overlay {\r\n position: absolute; inset: 0; z-index: 2;\r\n background: linear-gradient(to bottom, rgba(10, 25, 47, 0.7) 0%, transparent 50%, var(--yha-white) 100%);\r\n }\r\n .hero-content { position: relative; z-index: 3; color: var(--yha-navy); transform: translateY(-20px); }\r\n .hero .pre-title { \r\n color: var(--yha-gold-light); text-transform: uppercase; letter-spacing: 7px; \r\n font-weight: 800; font-size: 14px; margin-bottom: 20px; display: block;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n }\r\n .hero h1 { font-size: clamp(3rem, 8vw, 5rem); line-height: 1; margin-bottom: 15px; color: var(--yha-white); }\r\n .hero h1 span { color: var(--yha-gold-light); display: block; font-size: 0.6em; margin-top: 10px; }\r\n\r\n \/* --- SUMMARY SECTION --- *\/\r\n .summary-section { padding: 120px 0; background: var(--yha-white); position: relative; }\r\n .floating-badge { \r\n display: inline-block; padding: 12px 30px; background: var(--yha-navy); \r\n color: var(--yha-gold); border-radius: 100px; font-weight: 800; \r\n font-size: 14px; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(10, 25, 47, 0.2);\r\n }\r\n .summary-section h2 { font-size: 3.5rem; margin-bottom: 40px; color: var(--yha-navy); }\r\n .summary-content { font-size: 1.3rem; line-height: 2; color: var(--yha-slate-600); max-width: 900px; margin: 0 auto; text-align: center; }\r\n .summary-content strong { color: var(--yha-navy); position: relative; z-index: 1; }\r\n .summary-content strong::after { content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 8px; background: var(--yha-accent); z-index: -1; }\r\n\r\n \/* --- INFO CARDS --- *\/\r\n .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; padding-bottom: 120px; }\r\n .info-card { \r\n background: var(--yha-white); padding: 60px 40px; border-radius: 30px; \r\n text-align: center; border: 1px solid var(--yha-slate-200); position: relative;\r\n transition: var(--transition); overflow: hidden;\r\n }\r\n .info-card::before { \r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; \r\n background: var(--yha-gold); transform: scaleX(0); transition: var(--transition);\r\n }\r\n .info-card:hover { transform: translateY(-15px); box-shadow: 0 30px 60px rgba(10, 25, 47, 0.08); border-color: transparent; }\r\n .info-card:hover::before { transform: scaleX(1); }\r\n .info-card i { background: var(--yha-slate-50); padding: 20px; border-radius: 20px; color: var(--yha-gold); margin-bottom: 25px; transition: var(--transition); }\r\n .info-card:hover i { background: var(--yha-navy); color: var(--yha-gold-light); transform: rotateY(180deg); }\r\n\r\n \/* --- TEAM SECTION --- *\/\r\n .team-section { padding: 120px 0; background: var(--yha-navy); color: white; position: relative; }\r\n .team-section h2 { font-size: 3rem; text-align: center; margin-bottom: 80px; }\r\n .team-list { display: flex; flex-direction: column; gap: 20px; }\r\n .team-member {\r\n background: rgba(255,255,255,0.03); padding: 40px; border-radius: 25px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n border: 1px solid rgba(255, 255, 255, 0.1); transition: var(--transition);\r\n cursor: pointer;\r\n }\r\n .team-member:hover { background: rgba(255,255,255,0.08); padding-left: 60px; border-color: var(--yha-gold); }\r\n .member-details h5 { font-size: 1.8rem; color: var(--yha-gold-light); margin-bottom: 5px; }\r\n .member-details span { font-size: 1rem; text-transform: uppercase; letter-spacing: 2px; color: var(--yha-slate-200); }\r\n\r\n \/* --- FORM SECTION --- *\/\r\n .form-section { padding: 120px 0; background: var(--yha-slate-50); border-radius: 60px 60px 0 0; margin-top: -60px; position: relative; z-index: 10; }\r\n .form-container { \r\n background: white; padding: 80px; border-radius: 40px; \r\n box-shadow: 0 40px 100px rgba(10, 25, 47, 0.1); margin-bottom: 80px;\r\n }\r\n\r\n \/* --- CONTACT DATA --- *\/\r\n .contact-data { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; text-align: center; }\r\n .data-point h6 { font-size: 1.2rem; color: var(--yha-navy); margin-bottom: 10px; }\r\n .data-point p { font-size: 1rem; color: var(--yha-slate-600); }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 { font-size: 3rem; }\r\n .form-container { padding: 40px 20px; }\r\n .team-member { flex-direction: column; text-align: center; gap: 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"hero\">\r\n <video autoplay muted loop playsinline class=\"hero-video\">\r\n <source src=\"https:\/\/yhailehemservices.com\/wp-content\/uploads\/2026\/05\/hvac-about-us.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"container hero-content\">\r\n <span class=\"pre-title\">Premium Home Integration<\/span>\r\n <h1>Rooted in Trust <span>Driven by Excellence<\/span><\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"summary-section\">\r\n <div class=\"container\" style=\"text-align: center;\">\r\n <div class=\"floating-badge reveal\">ESTABLISHED 1976 \u2022 20 YEAR LEGACY<\/div>\r\n <h2 class=\"reveal\">The Best Team in Town!<\/h2>\r\n <div class=\"summary-content reveal\">\r\n <p>For more than <strong>20 years<\/strong>, Yhailehem Services has provided comprehensive home service solutions for property owners in the Twin Cities metro area. From heating and cooling services to electrical and plumbing, you can count on our <strong>award-winning service<\/strong> and communication.<\/p>\r\n <p style=\"margin-top: 35px;\">Our work is only as good as our employees\u2014and we feel pretty darn lucky to have the <strong>best of the best<\/strong> in the industry. For you, that means speedy service, insider tips, and reliable repairs that keep your home running smoothly. Customer reviews confirm it: our friendly techs are the <strong>#1 reason<\/strong> people keep coming back!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"container info-grid\">\r\n <div class=\"info-card reveal\">\r\n <i data-lucide=\"shield-check\" size=\"40\"><\/i>\r\n <h4>20 Years of Service<\/h4>\r\n <p>Our neighbors have trusted us for generations. We bring a legacy of family values to every technical challenge.<\/p>\r\n <\/div>\r\n <div class=\"info-card reveal\">\r\n <i data-lucide=\"zap\" size=\"40\"><\/i>\r\n <h4>All-in-One Solutions<\/h4>\r\n <p>Why call three companies? We integrate HVAC, Plumbing, and Electrical into one seamless professional experience.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"form-section reveal\">\r\n <div class=\"container\">\r\n <div style=\"text-align: center; margin-bottom: 60px;\">\r\n <h2 style=\"color: var(--yha-navy); font-size: 3rem;\">Ready to Start?<\/h2>\r\n <p>Fill out the form below for a priority assessment.<\/p>\r\n <\/div>\r\n\r\n <div class=\"form-container\">\r\n <style>\r\n .yha-form-249 { display: flex; flex-wrap: wrap; margin: 0 -10px; }\r\n .yha-form-249 .f-group { padding: 0 10px; margin-bottom: 15px; box-sizing: border-box; display: flex; flex-direction: column; }\r\n .yha-form-249 .f-label { font-weight: bold; margin-bottom: 5px; font-size: 14px; color: #002d5b; }\r\n .yha-form-249 input:not([type=\"checkbox\"]), .yha-form-249 textarea, .yha-form-249 select { \r\n width: 100%; padding: 12px; border: 1px solid #cccccc; border-radius: 4px; font-size: 15px; background:#fff;\r\n }\r\n .yha-form-249 .btn-send { background: #ffb400; color: #ffffff; border:none; padding: 15px 30px; cursor:pointer; border-radius: 4px; font-weight: bold; width:100%; transition: 0.3s; }\r\n .yha-form-249 .btn-send:hover { opacity: 0.9; }\r\n \r\n .yha-form-249 .chk-row { \r\n display:flex; \r\n align-items: flex-start; \r\n gap:8px; \r\n cursor: pointer; \r\n color: #898989; \r\n font-size: 11px;\r\n font-family: inherit;\r\n }\r\n .yha-form-249 .chk-row input { margin-top: 4px !important; width: auto !important; }\r\n \r\n .yha-links-extra { font-size: 13px; margin-top: 5px; text-align: center; width: 100%; }\r\n .yha-links-extra a { text-decoration: underline; color: #ffb400; font-weight: bold; }\r\n <\/style>\r\n\r\n <form class=\"yha-form-ajax yha-form-249\" id=\"yha-ajax-249\">\r\n <input type=\"hidden\" name=\"action\" value=\"yha_send_message\">\r\n <input type=\"hidden\" name=\"form_id\" value=\"249\">\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <h3 style=\"margin: 10px 0; text-align: center; color: #002d5b;\">GET AN EASY QUOTE<\/h3>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">First Name<\/label> <input type=\"text\" name=\"f_1\" placeholder=\"First Name\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">Last Name<\/label> <input type=\"text\" name=\"f_2\" placeholder=\"Last Name\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">Email<\/label> <input type=\"email\" name=\"f_4\" placeholder=\"Email\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 50%;\">\r\n <label class=\"f-label\">Phone Number<\/label> <input type=\"tel\" name=\"f_5\" placeholder=\"Phone Number\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"f-label\">Zipcode<\/label> <input type=\"text\" name=\"f_6\" placeholder=\"Zipcode\">\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"f-label\">Service Category Needed<\/label> <select name=\"f_7\">\r\n <option value=\"\">Service Category Needed<\/option>\r\n <option value=\"Plumbing\">Plumbing<\/option><option value=\"Hvac\">Hvac<\/option><option value=\"Electrical\">Electrical<\/option> <\/select>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"f-label\">Message<\/label> <textarea name=\"f_8\" placeholder=\"Message\" rows=\"4\"><\/textarea>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <label class=\"chk-row\">\r\n <input type=\"checkbox\" name=\"f_9\"> <span>By submitting this form and signing up for texts, you consent to receive text messages from Yhailehem Services at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available) and no further messages will be sent. Reply HELP for help. Information will not be shared with third parties.<\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"f-group\" style=\"width: 100%;\">\r\n <div class=\"yha-links-extra\">\r\n <a href=\"https:\/\/yhailehemservices.com\/index.php\/terms-adn-conditions\/\" target=\"_blank\">T\u00e9rminos<\/a> | <a href=\"https:\/\/yhailehemservices.com\/index.php\/privacy-policy\/\" target=\"_blank\">Privacidad<\/a> <\/div>\r\n <\/div>\r\n <div style=\"width:100%; padding: 0 10px;\">\r\n <button type=\"submit\" class=\"btn-send\">Submit<\/button>\r\n <div class=\"yha-msg\" style=\"margin-top:10px; font-weight:bold; display:none; text-align:center;\"><\/div>\r\n <\/div>\r\n <\/form>\r\n\r\n <script>\r\n jQuery('#yha-ajax-249').on('submit', function(e){\r\n e.preventDefault();\r\n var form = jQuery(this);\r\n var btn = form.find('.btn-send');\r\n var msg = form.find('.yha-msg');\r\n btn.prop('disabled', true).text('Procesando...');\r\n jQuery.post('https:\/\/yhailehemservices.com\/wp-admin\/admin-ajax.php', form.serialize(), function(res){\r\n if(res.success) {\r\n msg.css('color', 'green').text('\u00a1Recibido con \u00e9xito!').fadeIn();\r\n form[0].reset();\r\n } else {\r\n msg.css('color', 'red').text('Error al enviar.').fadeIn();\r\n }\r\n btn.prop('disabled', false).text('Submit');\r\n });\r\n });\r\n <\/script>\r\n \r\n <\/div>\r\n\r\n <div class=\"contact-data\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n lucide.createIcons();\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Our Legacy | Yhailehem Services Premium Home Integration Rooted in Trust Driven by Excellence ESTABLISHED 1976 \u2022 20 YEAR LEGACY The Best Team in Town! For more than 20 years, Yhailehem Services has provided comprehensive home service solutions for property owners in the Twin Cities metro area. From heating and cooling services to electrical […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-470","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":37,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/470\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/pages\/470\/revisions\/1097"}],"wp:attachment":[{"href":"https:\/\/yhailehemservices.com\/index.php\/wp-json\/wp\/v2\/media?parent=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}