{"id":2,"date":"2025-12-16T19:58:04","date_gmt":"2025-12-16T19:58:04","guid":{"rendered":"https:\/\/hearthandpeak.properties\/?page_id=2"},"modified":"2025-12-18T00:40:36","modified_gmt":"2025-12-18T00:40:36","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/hearthandpeak.properties\/?page_id=2","title":{"rendered":"Service Areas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-393fd13 e-flex e-con-boxed e-con e-parent\" data-id=\"393fd13\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc3efc elementor-widget elementor-widget-text-editor\" data-id=\"dcc3efc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n    \/* --- DESIGN SETTINGS --- *\/\n    :root {\n        --primary-sage: #5D7A68;\n        --dark-slate: #2C3E50;\n        --warm-hearth: #D4A373;\n        --off-white: #F9F9F9;\n        --text-dark: #333333;\n        --text-light: #666666;\n        --white: #ffffff;\n    }\n\n    \/* Wrapper to protect styles *\/\n    .hp-content-wrapper {\n        font-family: 'Merriweather', serif;\n        color: var(--text-dark);\n        line-height: 1.6;\n        background-color: var(--white);\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .hp-content-wrapper * { box-sizing: border-box; }\n\n    \/* Typography *\/\n    .hp-content-wrapper h1,\n    .hp-content-wrapper h2,\n    .hp-content-wrapper h3,\n    .hp-content-wrapper h4 {\n        font-family: 'Montserrat', sans-serif;\n        margin-top: 0;\n    }\n\n    .hp-content-wrapper a { text-decoration: none; color: inherit; }\n\n    \/* --- LAYOUT UTILITIES --- *\/\n    .hp-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    .hp-section-padding { padding: 90px 0; }\n    .hp-text-center { text-align: center; }\n\n    \/* --- HERO HEADER --- *\/\n    .hp-page-hero {\n        \/* Fallback color if image fails *\/\n        background-color: var(--dark-slate);\n        background: linear-gradient(rgba(44, 62, 80, 0.85), rgba(44, 62, 80, 0.7)), \n                    url('https:\/\/images.unsplash.com\/photo-1558036117-15d82a90b9b1?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n        background-size: cover;\n        background-position: center;\n        height: 50vh;\n        min-height: 400px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        color: white;\n    }\n\n    .hp-page-hero h1 {\n        font-size: 3.5rem;\n        font-weight: 700;\n        color: white;\n        margin-bottom: 10px;\n        text-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n\n    .hp-page-hero p {\n        font-size: 1.3rem;\n        color: #f0f0f0;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* --- CITIES GRID --- *\/\n    .hp-cities-section { background-color: var(--off-white); }\n\n    .hp-city-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        gap: 25px;\n        margin-top: 50px;\n    }\n\n    .hp-city-card {\n        background: white;\n        padding: 25px 30px;\n        border-radius: 6px;\n        border-left: 6px solid var(--primary-sage);\n        box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 20px;\n    }\n\n    .hp-city-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 24px rgba(0,0,0,0.1);\n        border-left-color: var(--warm-hearth);\n    }\n\n    .hp-city-icon {\n        font-size: 1.6rem;\n        color: var(--dark-slate);\n        width: 40px;\n        text-align: center;\n    }\n\n    .hp-city-name {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 1.15rem;\n        color: var(--dark-slate);\n    }\n\n    \/* --- WHY LOCAL MATTERS & MAP --- *\/\n    .hp-local-matters {\n        background-color: var(--white);\n        display: flex;\n        flex-wrap: wrap;\n        min-height: 600px;\n    }\n    \n    .hp-local-text {\n        flex: 1;\n        padding: 80px 60px;\n        min-width: 350px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .hp-local-map {\n        flex: 1;\n        min-width: 350px;\n        position: relative;\n        background-color: #eee;\n    }\n    \n    \/* Make the map fill the container perfectly *\/\n    .hp-local-map iframe {\n        width: 100%;\n        height: 100%;\n        border: 0;\n        position: absolute;\n        top: 0; left: 0;\n    }\n\n    .hp-highlight-box {\n        background-color: var(--off-white);\n        padding: 25px;\n        border-radius: 6px;\n        margin-top: 35px;\n        border: 1px solid #e0e0e0;\n        font-size: 1.1rem;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    \/* --- CTA BAR --- *\/\n    .hp-cta-bar {\n        \/* Force dark background so white button is visible *\/\n        background-color: #2C3E50; \n        color: white;\n        text-align: center;\n        padding: 80px 20px;\n    }\n\n    .hp-cta-bar h2 { \n        color: white; \n        margin-bottom: 10px; \n        font-size: 2.2rem; \n    }\n    \n    .hp-btn-white {\n        background-color: white;\n        color: var(--dark-slate);\n        padding: 18px 38px;\n        border-radius: 4px;\n        font-weight: 700;\n        text-transform: uppercase;\n        text-decoration: none;\n        display: inline-block;\n        transition: all 0.3s ease;\n        margin-top: 30px;\n        letter-spacing: 1px;\n        border: 2px solid white;\n    }\n\n    .hp-btn-white:hover {\n        background-color: var(--warm-hearth);\n        border-color: var(--warm-hearth);\n        color: white;\n        transform: translateY(-2px);\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n    }\n\n    \/* Mobile Responsive Tweaks *\/\n    @media (max-width: 768px) {\n        .hp-page-hero { height: auto; padding: 100px 0; }\n        .hp-page-hero h1 { font-size: 2.5rem; }\n        .hp-local-text { padding: 50px 20px; }\n        .hp-local-map { height: 400px; min-height: 400px; }\n    }\n<\/style>\n\n<div class=\"hp-content-wrapper\">\n\n    <section class=\"hp-page-hero\">\n        <div class=\"hp-container\">\n            <h1>Areas We Serve<\/h1>\n            <p>Your local property management experts in Utah County.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"hp-cities-section hp-section-padding\">\n        <div class=\"hp-container\">\n            <div class=\"hp-text-center\" style=\"max-width: 800px; margin: 0 auto;\">\n                <h2 style=\"font-size: 2.5rem; color: var(--dark-slate);\">Deep Roots in Utah Valley<\/h2>\n                <p style=\"margin-top: 20px; color: var(--text-light); font-size: 1.15rem;\">\n                    We don&#8217;t try to manage properties in Salt Lake or Park City. We stick to what we know best. By focusing exclusively on Utah County, we can respond to maintenance requests faster and keep a closer eye on your investment.\n                <\/p>\n            <\/div>\n\n            <div class=\"hp-city-grid\">\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Lehi<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\n                    <div class=\"hp-city-name\">American Fork<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-tree\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Pleasant Grove<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-train\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Vineyard<\/div>\n                <\/div>\n                \n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-building-columns\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Orem<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Provo<\/div>\n                <\/div>\n\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Springville<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Mapleton<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-cow\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Spanish Fork<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-water\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Salem<\/div>\n                <\/div>\n                <div class=\"hp-city-card\">\n                    <div class=\"hp-city-icon\"><i class=\"fa-solid fa-tractor\"><\/i><\/div>\n                    <div class=\"hp-city-name\">Payson<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"hp-local-matters\">\n        <div class=\"hp-local-text\">\n            <h2 style=\"font-size: 2.2rem; color: var(--dark-slate); margin-bottom: 25px;\">Why Hire a Local Manager?<\/h2>\n            <p style=\"font-size: 1.1rem; margin-bottom: 20px; color: var(--text-light);\">Real estate is hyper-local. A manager based 40 miles away simply cannot provide the level of care your property needs.<\/p>\n            \n            <p style=\"font-size: 1.1rem; color: var(--text-light);\">At <strong>Hearth &#038; Peak<\/strong>, our office is located right in Orem, placing us in the center of the valley. This allows us to:<\/p>\n            \n            <ul style=\"margin-top: 30px; list-style: none; padding: 0;\">\n                <li style=\"margin-bottom: 18px; display:flex; gap:15px; font-size: 1.05rem;\">\n                    <i class=\"fa-solid fa-check-circle\" style=\"color: var(--primary-sage); margin-top:5px;\"><\/i>\n                    <span>Perform regular drive-by inspections to ensure curb appeal is maintained.<\/span>\n                <\/li>\n                <li style=\"margin-bottom: 18px; display:flex; gap:15px; font-size: 1.05rem;\">\n                    <i class=\"fa-solid fa-check-circle\" style=\"color: var(--primary-sage); margin-top:5px;\"><\/i>\n                    <span>Meet vendors on-site quickly to assess repairs accurately.<\/span>\n                <\/li>\n                <li style=\"margin-bottom: 18px; display:flex; gap:15px; font-size: 1.05rem;\">\n                    <i class=\"fa-solid fa-check-circle\" style=\"color: var(--primary-sage); margin-top:5px;\"><\/i>\n                    <span>Understand the nuances of rental rates (e.g., student housing in Provo vs. family homes in Spanish Fork).<\/span>\n                <\/li>\n            <\/ul>\n\n            <div class=\"hp-highlight-box\">\n                <strong><i class=\"fa-solid fa-location-dot\" style=\"color: var(--warm-hearth);\"><\/i> Our Office:<\/strong><br>\n                1225 West 1000 South<br>\n                Orem, UT\n            <\/div>\n        <\/div>\n        \n        <div class=\"hp-local-map\">\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3036.004874987456!2d-111.7214!3d40.2971!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x874d902d1e2e2e2d%3A0x0!2zNDDCsDE3JzQ5LjYiTiAxMTHCsDQzJzE3LjAiVw!5e0!3m2!1sen!2sus!4v1600000000000!5m2!1sen!2sus\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n        <\/div>\n    <\/section>\n\n    <section class=\"hp-cta-bar\">\n        <div class=\"hp-container\">\n            <h2>Own a Property in One of These Cities?<\/h2>\n            <p style=\"margin-bottom: 10px; font-size: 1.25rem; color: #ddd;\">Let us provide you with a free rental analysis.<\/p>\n            \n            <a href=\"index.html#contact\" class=\"hp-btn-white\">Contact Us Today<\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\t\t\t\t\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>Areas We Serve Your local property management experts in Utah County. Deep Roots in Utah Valley We don&#8217;t try to manage properties in Salt Lake or Park City. We stick to what we know best. By focusing exclusively on Utah County, we can respond to maintenance requests faster and keep a closer eye on your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/hearthandpeak.properties\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}