{"id":354,"date":"2026-08-20T21:57:14","date_gmt":"2026-08-20T21:57:14","guid":{"rendered":"https:\/\/roofroadie.com\/?page_id=354"},"modified":"2026-08-20T22:11:22","modified_gmt":"2026-08-20T22:11:22","slug":"friends","status":"publish","type":"page","link":"https:\/\/roofroadie.com\/es\/friends\/","title":{"rendered":"friends"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"354\" class=\"elementor elementor-354\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35b2bd0 e-con e-atomic-element e-flexbox-base e-fef8e2b\" data-id=\"35b2bd0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"35b2bd0\">\n    \t\t<div class=\"elementor-element elementor-element-05bbb1f elementor-widget elementor-widget-shortcode\" data-id=\"05bbb1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section id=\"rr-friends-743658\" class=\"rr-friends-wrap\">\n        <div class=\"rr-friends-heading\">\n            <div class=\"rr-friends-kicker\">ROOFROADIE FRIENDS<\/div>\n            <h2>Meet Some Friends of RoofRoadie.<\/h2>\n            <p>A quick proof-of-concept collection showing how Lucy can help roofers stay responsive, organized and focused on the work that matters most.<\/p>\n        <\/div>\n\n        <div class=\"rr-friends-card\">\n            <div class=\"rr-friends-list\" role=\"list\" aria-label=\"RoofRoadie friend videos\">\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button is-active\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/always_present_eng.mp4\"\n                        data-title=\"Always Present\"\n                        aria-pressed=\"true\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Always Present<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/always_present_esp.mp4\"\n                        data-title=\"Siempre Presente\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Siempre Presente<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/assist_job_site.mp4\"\n                        data-title=\"Help Right From the Job Site\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Help Right From the Job Site<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/bff.mp4\"\n                        data-title=\"Your New Business BFF\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Your New Business BFF<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/bigdogs.mp4\"\n                        data-title=\"Compete With the Big Dogs\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Compete With the Big Dogs<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/clean_roofing1.mp4\"\n                        data-title=\"The Clean Roofing Experience\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">The Clean Roofing Experience<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/help_husband.mp4\"\n                        data-title=\"Helping My Husband\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Helping My Husband<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/hire_me.mp4\"\n                        data-title=\"Hire Lucy\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Hire Lucy<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/johnny.mp4\"\n                        data-title=\"Johnny&#039;s Story\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Johnny&#039;s Story<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/liz_lucy_eng.mp4\"\n                        data-title=\"Liz &amp; Lucy\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Liz &amp; Lucy<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/liz_lucy_esp.mp4\"\n                        data-title=\"Liz &amp; Lucy \u2014 Espa\u00f1ol\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Liz &amp; Lucy \u2014 Espa\u00f1ol<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/soccer.mp4\"\n                        data-title=\"Back to the Soccer Games\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Back to the Soccer Games<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/stop_losing_leads.mp4\"\n                        data-title=\"Stop Losing Leads\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Stop Losing Leads<\/span>\n                    <\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"rr-friend-button\"\n                        data-video=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/go_girl.mp4\"\n                        data-title=\"Lucy, You Go Girl!\"\n                        aria-pressed=\"false\"\n                    >\n                        <span class=\"rr-friend-play\" aria-hidden=\"true\">\u25b6<\/span>\n                        <span class=\"rr-friend-title\">Lucy, You Go Girl!<\/span>\n                    <\/button>\n                            <\/div>\n\n            <div class=\"rr-friends-player-panel\">\n                <div class=\"rr-friends-now\">NOW PLAYING<\/div>\n                <h3 class=\"rr-friends-current-title\">Always Present<\/h3>\n                <div class=\"rr-video-shell\">\n                    <video class=\"rr-friends-video\" controls playsinline preload=\"metadata\">\n                        <source src=\"https:\/\/roofroadie.com\/wp-content\/uploads\/roofroadie-videos\/testimonials\/always_present_eng.mp4\" type=\"video\/mp4\">\n                        Your browser does not support HTML5 video.\n                    <\/video>\n                <\/div>\n                <p class=\"rr-friends-note\">Choose any video to play it here.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <style>\n        #rr-friends-743658.rr-friends-wrap {\n            --rr-navy: #17254d;\n            --rr-blue: #294c7a;\n            --rr-orange: #f28c28;\n            --rr-brown: #5a3a24;\n            --rr-ink: #0f1d3d;\n            --rr-muted: #667085;\n            --rr-line: #d9e0ec;\n            --rr-soft: #f6f8fc;\n            max-width: 1180px;\n            margin: 28px auto;\n            font-family: Montserrat, Arial, sans-serif;\n            color: var(--rr-ink);\n        }\n        #rr-friends-743658 .rr-friends-heading {\n            text-align: center;\n            max-width: 820px;\n            margin: 0 auto 28px;\n        }\n        #rr-friends-743658 .rr-friends-kicker {\n            color: var(--rr-orange);\n            font-weight: 700;\n            letter-spacing: .14em;\n            font-size: 13px;\n            margin-bottom: 8px;\n        }\n        #rr-friends-743658 .rr-friends-heading h2 {\n            margin: 0 0 12px;\n            color: var(--rr-navy);\n            font-size: clamp(30px, 4vw, 48px);\n            line-height: 1.08;\n            font-weight: 700;\n        }\n        #rr-friends-743658 .rr-friends-heading p {\n            margin: 0;\n            color: var(--rr-muted);\n            font-size: 17px;\n            line-height: 1.7;\n        }\n        #rr-friends-743658 .rr-friends-card {\n            display: grid;\n            grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);\n            min-height: 560px;\n            border: 1px solid var(--rr-line);\n            border-radius: 24px;\n            overflow: hidden;\n            background: #fff;\n            box-shadow: 0 18px 50px rgba(23, 37, 77, .10);\n        }\n        #rr-friends-743658 .rr-friends-list {\n            background: var(--rr-navy);\n            padding: 18px;\n            overflow-y: auto;\n            max-height: 690px;\n        }\n        #rr-friends-743658 .rr-friend-button {\n            width: 100%;\n            border: 0;\n            background: transparent;\n            color: #fff;\n            display: flex;\n            gap: 12px;\n            align-items: center;\n            text-align: left;\n            padding: 14px 14px;\n            margin: 0 0 6px;\n            border-radius: 12px;\n            cursor: pointer;\n            font: inherit;\n            transition: background .18s ease, transform .18s ease;\n        }\n        #rr-friends-743658 .rr-friend-button:hover,\n        #rr-friends-743658 .rr-friend-button:focus-visible {\n            background: rgba(255,255,255,.10);\n            outline: none;\n        }\n        #rr-friends-743658 .rr-friend-button.is-active {\n            background: #fff;\n            color: var(--rr-navy);\n        }\n        #rr-friends-743658 .rr-friend-play {\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            flex: 0 0 30px;\n            background: var(--rr-orange);\n            color: #fff;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 12px;\n            padding-left: 2px;\n        }\n        #rr-friends-743658 .rr-friend-title {\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 1.35;\n        }\n        #rr-friends-743658 .rr-friends-player-panel {\n            padding: clamp(24px, 4vw, 48px);\n            background: linear-gradient(180deg, #fff 0%, var(--rr-soft) 100%);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n        #rr-friends-743658 .rr-friends-now {\n            font-size: 12px;\n            font-weight: 700;\n            letter-spacing: .12em;\n            color: var(--rr-orange);\n            margin-bottom: 6px;\n        }\n        #rr-friends-743658 .rr-friends-current-title {\n            margin: 0 0 18px;\n            color: var(--rr-navy);\n            font-size: clamp(22px, 3vw, 32px);\n            line-height: 1.15;\n        }\n        #rr-friends-743658 .rr-video-shell {\n            background: #091226;\n            border-radius: 18px;\n            overflow: hidden;\n            box-shadow: 0 14px 34px rgba(9, 18, 38, .18);\n        }\n        #rr-friends-743658 .rr-friends-video {\n            display: block;\n            width: 100%;\n            max-height: 560px;\n            background: #000;\n        }\n        #rr-friends-743658 .rr-friends-note {\n            margin: 14px 0 0;\n            color: var(--rr-muted);\n            font-size: 13px;\n            text-align: center;\n        }\n        @media (max-width: 800px) {\n            #rr-friends-743658 .rr-friends-card {\n                grid-template-columns: 1fr;\n            }\n            #rr-friends-743658 .rr-friends-list {\n                max-height: 330px;\n            }\n            #rr-friends-743658 .rr-friends-player-panel {\n                padding: 22px;\n            }\n        }\n    <\/style>\n\n    <script>\n    (function(){\n        var root = document.getElementById(\"rr-friends-743658\");\n        if (!root) return;\n        var video = root.querySelector('.rr-friends-video');\n        var source = video ? video.querySelector('source') : null;\n        var title = root.querySelector('.rr-friends-current-title');\n        var buttons = root.querySelectorAll('.rr-friend-button');\n        if (!video || !source || !title) return;\n\n        buttons.forEach(function(button){\n            button.addEventListener('click', function(){\n                var nextVideo = button.getAttribute('data-video');\n                var nextTitle = button.getAttribute('data-title');\n                if (!nextVideo) return;\n\n                buttons.forEach(function(other){\n                    other.classList.remove('is-active');\n                    other.setAttribute('aria-pressed', 'false');\n                });\n                button.classList.add('is-active');\n                button.setAttribute('aria-pressed', 'true');\n\n                video.pause();\n                source.src = nextVideo;\n                title.textContent = nextTitle || '';\n                video.load();\n                video.play().catch(function(){});\n            });\n        });\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/pages\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":4,"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/pages\/354\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/pages\/354\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/roofroadie.com\/es\/wp-json\/wp\/v2\/media?parent=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}