{"id":71,"date":"2025-12-19T18:35:41","date_gmt":"2025-12-19T18:35:41","guid":{"rendered":"https:\/\/juanhelps.com\/?page_id=71"},"modified":"2025-12-22T16:58:47","modified_gmt":"2025-12-22T16:58:47","slug":"homepage","status":"publish","type":"page","link":"https:\/\/juanhelps.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\">\n\t\t\t\t<div class=\"elementor-element elementor-element-990a046 e-flex e-con-boxed e-con e-parent\" data-id=\"990a046\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93981e2 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"93981e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Juan Helps - Home Services<\/title>\r\n\r\n    <!-- Google Font -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- INLINE CSS -->\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            height: 100%;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n            line-height: 1.6;\r\n            color: #2c2c2c;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            background: #e8a94d;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .hero-image-container {\r\n            width: 100%;\r\n            height: 450px;\r\n            overflow: hidden;\r\n            background: linear-gradient(180deg, #d4c4b0 0%, #e5ddd0 50%, #c9b89f 100%);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .phone-number {\r\n            position: absolute;\r\n            top: 30px;\r\n            right: 40px;\r\n            font-size: 17px;\r\n            font-weight: 500;\r\n            color: #1a1a1a;\r\n            z-index: 10;\r\n            letter-spacing: 0.3px;\r\n            text-decoration: none;\r\n            transition: color 0.2s ease;\r\n        }\r\n\r\n        .phone-number:hover {\r\n            color: #0056b3;\r\n        }\r\n\r\n        .hero-img {\r\n            width: 100%;\r\n            height: auto;\r\n            max-height: 100%;\r\n            object-fit: contain;\r\n            object-position: center top;\r\n        }\r\n\r\n        .content-section {\r\n            min-height: calc(100vh - 450px);\r\n            padding: 60px 40px 80px;\r\n            text-align: center;\r\n            background: #FEF9F3;\r\n        }\r\n\r\n        .headline {\r\n            font-size: 50px;\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            color: #1a1a1a;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -1.5px;\r\n        }\r\n\r\n        .subheadline {\r\n            font-size: 23px;\r\n            font-weight: 400;\r\n            color: #4a4a4a;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .button-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cta-button {\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n            padding: 20px 40px;\r\n            border: none;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            color: #fff;\r\n            width: 320px;              \/* \u2705 UNIFORM WIDTH *\/\r\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        .btn-blue {\r\n            background: linear-gradient(135deg, #224871, #334d68);\r\n        }\r\n\r\n        .btn-green {\r\n            background: linear-gradient(135deg, #328A56, #3f7858);\r\n        }\r\n\r\n        .btn-orange {\r\n            background: linear-gradient(135deg, #D68538, #cf7d3f);\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        @media (max-width: 968px) {\r\n            .headline { font-size: 48px; }\r\n            .subheadline { font-size: 20px; }\r\n            .phone-number { top: 15px; right: 20px; }\r\n            .cta-button {\r\n                width: 340px; \/* \u2705 slightly larger for tablet *\/\r\n            }\r\n            .cta-button {\r\n                width: 100%;         \r\n                max-width: 580px;    \/* \u2705 ALL buttons same width *\/\r\n                font-size: 18px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .headline { font-size: 36px; }\r\n            .subheadline { font-size: 18px; }\r\n            .hero-image-container { height: 200px; }\r\n            .content-section { min-height: calc(100vh - 300px); }\r\n        \r\n            .button-container {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n        \r\n            .cta-button {\r\n                width: 100%;         \r\n                max-width: 340px;    \/* \u2705 ALL buttons same width *\/\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .headline { font-size: 30px; }\r\n            .subheadline { font-size: 18px; }\r\n            .phone-number { font-size: 13px; }\r\n            \r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <div class=\"hero-section\">\r\n        <div class=\"hero-image-container\">\r\n            <a href=\"tel:0000000000\" class=\"phone-number\">(000) 000-0000<\/a>\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/juanhelps.com\/wp-content\/uploads\/LandingFiles\/Images\/juan-diaz-no-bg2.png\"\r\n                class=\"hero-img\"\r\n                alt=\"Juan - Your trusted home service professional\"\r\n            \/>\r\n        <\/div>\r\n\r\n        <div class=\"content-section\">\r\n            <h1 class=\"headline\">When life hits your house. Juan Helps.<\/h1>\r\n            <p class=\"subheadline\">Plumbing. Repairs. Selling your home. One trusted place.<\/p>\r\n\r\n            <div class=\"button-container\">\r\n    <button id=\"btn-sell\" class=\"cta-button btn-blue\"\r\n        onclick=\"location.href='https:\/\/twinhomebuyer.com\/'\">\r\n        Sell My House\r\n    <\/button>\r\n\r\n    <button id=\"btn-plumbing\" class=\"cta-button btn-green\"\r\n        onclick=\"location.href='https:\/\/peninsulaplumbingsolutions.com\/'\">\r\n        Plumbing Help\r\n    <\/button>\r\n\r\n    <button id=\"btn-repairs\" class=\"cta-button btn-orange\"\r\n        onclick=\"location.href='https:\/\/matrixgroupone.com\/'\">\r\n        Home Repairs \/ Construction\r\n    <\/button>\r\n<\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\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>Juan Helps &#8211; Home Services (000) 000-0000 When life hits your house. Juan Helps. Plumbing. Repairs. Selling your home. One trusted place. Sell My House Plumbing Help Home Repairs \/ Construction<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/juanhelps.com\/index.php?rest_route=\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juanhelps.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/juanhelps.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/juanhelps.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juanhelps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=71"}],"version-history":[{"count":0,"href":"https:\/\/juanhelps.com\/index.php?rest_route=\/wp\/v2\/pages\/71\/revisions"}],"wp:attachment":[{"href":"https:\/\/juanhelps.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}