{"id":20,"date":"2026-09-28T22:14:29","date_gmt":"2026-09-28T22:14:29","guid":{"rendered":"https:\/\/thestagingdemo.com\/perato\/?page_id=20"},"modified":"2026-10-01T23:16:57","modified_gmt":"2026-10-01T23:16:57","slug":"service-areas","status":"publish","type":"page","link":"https:\/\/thestagingdemo.com\/perato\/service-areas\/","title":{"rendered":"Service Areas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7a69c e-con-full e-flex e-con e-parent\" data-id=\"5a7a69c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9f391e elementor-widget elementor-widget-template\" data-id=\"b9f391e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"714\" class=\"elementor elementor-714\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7461987c e-con-full sub-header e-flex e-con e-parent\" data-id=\"7461987c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-401d7edf elementor-widget elementor-widget-shortcode\" data-id=\"401d7edf\" 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\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wdth,wght@125,500&family=Blinker:wght@300;400&family=Lexend:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  .ph-wrap {\n    --navy: #0c2359;\n    --orange: #f26522;\n    --page: #f5f5f5;\n\n    width: 100%;\n    box-sizing: border-box;\n    background: var(--page);\n    padding-bottom: 60px;\n    font-family: 'Lexend', 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  \/* Full-width background; content is capped at 1440px and centered *\/\n  .ph-hero {\n    position: relative;\n    width: 100%;\n    height: clamp(340px, 30.18vw, 435px);\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    color: #fff;\n    background-color: var(--navy);\n    background-image:\n      linear-gradient(180deg,\n        rgba(12,35,89,.10) 0%,\n        rgba(12,35,89,.45) 40%,\n        rgba(12,35,89,.88) 78%,\n        var(--navy) 100%),\n      var(--hero-img);\n    background-size: cover;\n    background-position: center 30%;\n  }\n\n  .ph-hero__inner {\n    width: 100%;\n    max-width: 1440px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 100px;  \n\tgap: 50px;\n}\n\n  .ph-hero__title {\n    margin: 0;\n    font-size: clamp(38px, 4vw, 64px);\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: .01em;\n    color: #fff;\n    font-family: 'Archivo Expended', 'Archivo', 'Helvetica Neue', Arial, sans-serif;\n    font-stretch: 125%;\n  }\n\n  .ph-hero__content {\n    margin: 0 0 0 auto;\n    width: 41%;\n  }\n\n  .ph-hero__text {\n    margin: 0;\n    font-size: clamp(11px, .95vw, 15px);\n    font-weight: 400;\n    line-height: 1.6;\n    color: #fff;\n    font-family: 'Blinker', 'Helvetica Neue', Arial, sans-serif;\n    font-size: 18px;\n  }\n\n  .ph-hero__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 22px;\n    padding: 17px 30px;\n    background:#EC7D23;\n    color: #fff;\n    border-radius: 8px;\n    font-family: 'Blinker', 'Helvetica Neue', Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: .04em;\n    line-height: 1;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: background .2s ease;\n  }\n  .ph-hero__cta:hover { background: #d9541a; color: #fff; }\n  .ph-hero__cta svg { width: 11px; height: 11px; stroke: #fff; }\n\n  \/* Light dome rising up into the banner, holding the orange button *\/\n  .ph-hero__bump {\n    position: absolute;\n    left: 50%;\n    bottom: -1px;\n    transform: translateX(-50%);\n    width: 200px;\n    height: 54px;\n    display: block;\n  }\n  .ph-hero__bump path { fill: var(--page); }\n\n  .ph-hero__btn {\n    position: absolute;\n    left: 50%;\n    top: 100%;\n    margin-top: -37px;\n    transform: translateX(-50%);\n    z-index: 2;\n    width: 64px;\n    height: 64px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: #EC7D23;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: background .2s ease, transform .2s ease;\n  }\n  .ph-hero__btn:hover { background: #EC7D23; transform: translateX(-50%) scale(.9); }\n  .ph-hero__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }\n  .ph-hero__btn svg { width: 26px; height: 26px; stroke: #fff; }\n\t\n@media(max-width: 1024px){\n    .ph-hero__inner{\n        gap: 20px;\n    }\n}\n\n  @media (max-width: 767px) {\n    .ph-hero {\n      height: auto;\n      min-height: 380px;\n    }\n    .ph-hero__inner {\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: flex-end;\n      gap: 16px;\n      padding: 40px 24px 70px;\n    }\n    .ph-hero__content { width: 100%; margin: 0; }\n    .ph-hero__text { font-size: 13px; }\n    .ph-hero__bump { width: 150px; height: 40px; }\n    .ph-hero__btn { width: 56px; height: 56px; margin-top: -30px; }\n  }\n<\/style>\n\t\t\t<div class=\"ph-wrap\" id=\"ph-wrap-1\" style=\"--hero-img:url(&#039;https:\/\/thestagingdemo.com\/perato\/wp-content\/uploads\/2026\/09\/Subtract-4.webp&#039;);\">\n  <section class=\"ph-hero\">\n   <div class=\"ph-hero__inner\">\n    <h1 class=\"ph-hero__title\">Service Areas<\/h1>\n          <div class=\"ph-hero__content\">\n                  <p class=\"ph-hero__text\"><\/p>\n                          <a class=\"ph-hero__cta\" href=\"https:\/\/thestagingdemo.com\/perato\/contact-us\/\">\n            Book a Free Inspection            <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l6-6M4 3h5v5\"\/><\/svg>\n          <\/a>\n              <\/div>\n       <\/div>\n\n    <svg class=\"ph-hero__bump\" viewBox=\"0 0 200 54\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n      <path d=\"M0,54 L0,53 C30,53 42,47 52,33 C62,17 78,1 100,1 C122,1 138,17 148,33 C158,47 170,53 200,53 L200,54 Z\"\/>\n    <\/svg>\n\n    <button class=\"ph-hero__btn\" type=\"button\" aria-label=\"Scroll down\"\n      onclick=\"var w=this.closest('.ph-wrap');window.scrollTo({top:w.getBoundingClientRect().bottom+window.pageYOffset,behavior:'smooth'});\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M12 4v15M6 13l6 6 6-6\"\/>\n      <\/svg>\n    <\/button>\n  <\/section>\n<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-688802e e-flex e-con-boxed e-con e-parent\" data-id=\"688802e\" 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-47363af elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"47363af\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Protecting Properties Across Northeast Ohio From the Outside In<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5c8be4 e-flex e-con-boxed e-con e-parent\" data-id=\"b5c8be4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b5a1eb e-grid e-con-full e-con e-child\" data-id=\"9b5a1eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aede97a e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"aede97a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64bcda1 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"64bcda1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Eastlake<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e77c0d6 elementor-widget elementor-widget-text-editor\" data-id=\"e77c0d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Perato Home Exteriors proudly serves homeowners throughout Eastlake with roofing, siding, windows, doors, gutters, and storm restoration. We bring generations of exterior construction experience to every project.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a7b471 elementor-widget-laptop__width-inherit elementor-widget-tablet_extra__width-inherit elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"1a7b471\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/thestagingdemo.com\/perato\/service-areas\/#Request-a-Quote\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" ti-arrow-top-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request an Inspection<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8760e3e e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"8760e3e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d79da3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"2d79da3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mentor &amp; Willoughby<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a11c27d elementor-widget elementor-widget-text-editor\" data-id=\"a11c27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From Mentor to Willoughby and the surrounding communities, Perato helps homeowners protect, maintain, and improve their properties. Whether you need a new roof or help after a storm, our team is here to make the process clear.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af2c9f3 elementor-widget-laptop__width-inherit elementor-widget-tablet_extra__width-inherit elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"af2c9f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/thestagingdemo.com\/perato\/service-areas\/#Request-a-Quote\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" ti-arrow-top-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request an Inspection<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1de619a e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"1de619a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:1000}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50160b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b50160b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Northeast Ohio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-713fd4d elementor-widget elementor-widget-text-editor\" data-id=\"713fd4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Our service area extends throughout Lake, Cuyahoga, and Geauga counties, covering communities across the region and nearby areas within our service radius. If your city isn\u2019t listed, reach out to confirm whether Perato can serve your home.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3d2ff1 elementor-widget-laptop__width-inherit elementor-widget-tablet_extra__width-inherit elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"b3d2ff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/thestagingdemo.com\/perato\/service-areas\/#Request-a-Quote\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\" ti-arrow-top-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request an Inspection<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Protecting Properties Across Northeast Ohio From the Outside In Eastlake Perato Home Exteriors proudly serves homeowners throughout Eastlake with roofing, siding, windows, doors, gutters, and storm restoration. We bring generations of exterior construction experience to every project. Request an Inspection Mentor &amp; Willoughby From Mentor to Willoughby and the surrounding communities, Perato helps homeowners protect, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1214,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":75,"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":4395,"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/pages\/20\/revisions\/4395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/media\/1214"}],"wp:attachment":[{"href":"https:\/\/thestagingdemo.com\/perato\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}